[{"data":1,"prerenderedAt":1316},["ShallowReactive",2],{"navigation":3,"\u002Fcomponents\u002Fpagination":460,"\u002Fcomponents\u002Fpagination-surround":1311},[4,34,51,301,327,332,337,406],{"title":5,"path":6,"stem":7,"children":8,"package":11,"icon":33},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,13,18,23,28],{"title":10,"path":6,"stem":7,"package":11,"icon":12},"Introduction",null,"i-lucide-house",{"title":14,"path":15,"stem":16,"package":11,"icon":17},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":19,"path":20,"stem":21,"package":11,"icon":22},"Icons","\u002Fgetting-started\u002Ficons","1.getting-started\u002F3.icons","i-lucide-sparkles",{"title":24,"path":25,"stem":26,"package":11,"icon":27},"CLI","\u002Fgetting-started\u002Fcli","1.getting-started\u002F4.cli","i-lucide-terminal",{"title":29,"path":30,"stem":31,"package":11,"icon":32},"Roadmap","\u002Fgetting-started\u002Froadmap","1.getting-started\u002F5.roadmap","i-lucide-map","i-lucide-rocket",{"title":35,"package":11,"icon":36,"path":37,"stem":38,"children":39,"page":50},"Packages","i-lucide-package","\u002Fpackages","2.packages",[40,45],{"title":41,"path":42,"stem":43,"package":11,"icon":44},"@vyui\u002Fcore","\u002Fpackages\u002Fcore","2.packages\u002F1.core","i-lucide-box",{"title":46,"path":47,"stem":48,"package":11,"icon":49},"@vyui\u002Fkit","\u002Fpackages\u002Fkit","2.packages\u002F2.kit","i-lucide-layers",false,{"title":52,"package":11,"icon":53,"path":54,"stem":55,"children":56},"Components","i-lucide-layout-grid","\u002Fcomponents","3.components",[57,59,65,70,75,80,85,90,95,100,105,110,115,120,125,130,135,140,144,149,153,158,163,168,173,178,183,188,193,198,203,208,213,218,223,228,233,238,242,246,251,256,261,266,271,276,280,284,288,292,296],{"title":52,"path":54,"stem":58,"package":11,"icon":53},"3.components\u002Findex",{"title":60,"path":61,"stem":62,"package":63,"icon":64},"Accordion","\u002Fcomponents\u002Faccordion","3.components\u002Faccordion","kit","i-lucide-list-collapse",{"title":66,"path":67,"stem":68,"package":63,"icon":69},"Action Sheet","\u002Fcomponents\u002Faction-sheet","3.components\u002Faction-sheet","i-lucide-panel-bottom",{"title":71,"path":72,"stem":73,"package":63,"icon":74},"Alert","\u002Fcomponents\u002Falert","3.components\u002Falert","i-lucide-triangle-alert",{"title":76,"path":77,"stem":78,"package":79,"icon":74},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","3.components\u002Falert-dialog","core",{"title":81,"path":82,"stem":83,"package":63,"icon":84},"App","\u002Fcomponents\u002Fapp","3.components\u002Fapp","i-lucide-smartphone",{"title":86,"path":87,"stem":88,"package":63,"icon":89},"Aspect Ratio","\u002Fcomponents\u002Faspect-ratio","3.components\u002Faspect-ratio","i-lucide-ratio",{"title":91,"path":92,"stem":93,"package":63,"icon":94},"Avatar","\u002Fcomponents\u002Favatar","3.components\u002Favatar","i-lucide-circle-user-round",{"title":96,"path":97,"stem":98,"package":63,"icon":99},"Avatar Group","\u002Fcomponents\u002Favatar-group","3.components\u002Favatar-group","i-lucide-users-round",{"title":101,"path":102,"stem":103,"package":63,"icon":104},"Button","\u002Fcomponents\u002Fbutton","3.components\u002Fbutton","i-lucide-square-mouse-pointer",{"title":106,"path":107,"stem":108,"package":63,"icon":109},"Calendar","\u002Fcomponents\u002Fcalendar","3.components\u002Fcalendar","i-lucide-calendar-days",{"title":111,"path":112,"stem":113,"package":63,"icon":114},"Card","\u002Fcomponents\u002Fcard","3.components\u002Fcard","i-lucide-square",{"title":116,"path":117,"stem":118,"package":63,"icon":119},"Checkbox","\u002Fcomponents\u002Fcheckbox","3.components\u002Fcheckbox","i-lucide-square-check",{"title":121,"path":122,"stem":123,"package":79,"icon":124},"Collapsible","\u002Fcomponents\u002Fcollapsible","3.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":126,"path":127,"stem":128,"package":79,"icon":129},"Dialog","\u002Fcomponents\u002Fdialog","3.components\u002Fdialog","i-lucide-app-window",{"title":131,"path":132,"stem":133,"package":79,"icon":134},"Draggable","\u002Fcomponents\u002Fdraggable","3.components\u002Fdraggable","i-lucide-move",{"title":136,"path":137,"stem":138,"package":63,"icon":139},"Form","\u002Fcomponents\u002Fform","3.components\u002Fform","i-lucide-clipboard-list",{"title":141,"path":142,"stem":143,"package":79,"icon":22},"Icon","\u002Fcomponents\u002Ficon","3.components\u002Ficon",{"title":145,"path":146,"stem":147,"package":63,"icon":148},"Input","\u002Fcomponents\u002Finput","3.components\u002Finput","i-lucide-text-cursor-input",{"title":150,"path":151,"stem":152,"package":63,"icon":69},"Island","\u002Fcomponents\u002Fisland","3.components\u002Fisland",{"title":154,"path":155,"stem":156,"package":63,"icon":157},"Island Button","\u002Fcomponents\u002Fisland-button","3.components\u002Fisland-button","i-lucide-circle-ellipsis",{"title":159,"path":160,"stem":161,"package":63,"icon":162},"Island Group","\u002Fcomponents\u002Fisland-group","3.components\u002Fisland-group","i-lucide-panels-top-left",{"title":164,"path":165,"stem":166,"package":63,"icon":167},"KeyboardAware","\u002Fcomponents\u002Fkeyboard-aware","3.components\u002Fkeyboard-aware","i-lucide-keyboard",{"title":169,"path":170,"stem":171,"package":63,"icon":172},"Label","\u002Fcomponents\u002Flabel","3.components\u002Flabel","i-lucide-tag",{"title":174,"path":175,"stem":176,"package":63,"icon":177},"Modal","\u002Fcomponents\u002Fmodal","3.components\u002Fmodal","i-lucide-gallery-vertical-end",{"title":179,"path":180,"stem":181,"package":79,"icon":182},"Navigation","\u002Fcomponents\u002Fnavigation","3.components\u002Fnavigation","i-lucide-route",{"title":184,"path":185,"stem":186,"package":63,"icon":187},"Number Field","\u002Fcomponents\u002Fnumber-field","3.components\u002Fnumber-field","i-lucide-list-plus",{"title":189,"path":190,"stem":191,"package":79,"icon":192},"Pagination","\u002Fcomponents\u002Fpagination","3.components\u002Fpagination","i-lucide-ellipsis",{"title":194,"path":195,"stem":196,"package":63,"icon":197},"Pin Input","\u002Fcomponents\u002Fpin-input","3.components\u002Fpin-input","i-lucide-key-round",{"title":199,"path":200,"stem":201,"package":63,"icon":202},"Placeholder","\u002Fcomponents\u002Fplaceholder","3.components\u002Fplaceholder","i-lucide-square-dashed",{"title":204,"path":205,"stem":206,"package":63,"icon":207},"Popover","\u002Fcomponents\u002Fpopover","3.components\u002Fpopover","i-lucide-message-square-more",{"title":209,"path":210,"stem":211,"package":63,"icon":212},"Progress","\u002Fcomponents\u002Fprogress","3.components\u002Fprogress","i-lucide-chart-no-axes-column-increasing",{"title":214,"path":215,"stem":216,"package":63,"icon":217},"Radio Group","\u002Fcomponents\u002Fradio-group","3.components\u002Fradio-group","i-lucide-circle-dot",{"title":219,"path":220,"stem":221,"package":63,"icon":222},"Rating","\u002Fcomponents\u002Frating","3.components\u002Frating","i-lucide-star",{"title":224,"path":225,"stem":226,"package":79,"icon":227},"Scroll View","\u002Fcomponents\u002Fscroll-view","3.components\u002Fscroll-view","i-lucide-scroll",{"title":229,"path":230,"stem":231,"package":63,"icon":232},"Select","\u002Fcomponents\u002Fselect","3.components\u002Fselect","i-lucide-list-check",{"title":234,"path":235,"stem":236,"package":63,"icon":237},"Separator","\u002Fcomponents\u002Fseparator","3.components\u002Fseparator","i-lucide-separator-horizontal",{"title":239,"path":240,"stem":241,"package":79,"icon":69},"Sheet","\u002Fcomponents\u002Fsheet","3.components\u002Fsheet",{"title":243,"path":244,"stem":245,"package":63,"icon":162},"Skeleton","\u002Fcomponents\u002Fskeleton","3.components\u002Fskeleton",{"title":247,"path":248,"stem":249,"package":63,"icon":250},"Slider","\u002Fcomponents\u002Fslider","3.components\u002Fslider","i-lucide-sliders-horizontal",{"title":252,"path":253,"stem":254,"package":63,"icon":255},"Sortable","\u002Fcomponents\u002Fsortable","3.components\u002Fsortable","i-lucide-list-restart",{"title":257,"path":258,"stem":259,"package":63,"icon":260},"Stepper","\u002Fcomponents\u002Fstepper","3.components\u002Fstepper","i-lucide-list-ordered",{"title":262,"path":263,"stem":264,"package":63,"icon":265},"Swipe Action","\u002Fcomponents\u002Fswipe-action","3.components\u002Fswipe-action","i-lucide-move-horizontal",{"title":267,"path":268,"stem":269,"package":63,"icon":270},"Swiper","\u002Fcomponents\u002Fswiper","3.components\u002Fswiper","i-lucide-gallery-horizontal-end",{"title":272,"path":273,"stem":274,"package":63,"icon":275},"Switch","\u002Fcomponents\u002Fswitch","3.components\u002Fswitch","i-lucide-toggle-right",{"title":277,"path":278,"stem":279,"package":63,"icon":162},"Tabs","\u002Fcomponents\u002Ftabs","3.components\u002Ftabs",{"title":281,"path":282,"stem":283,"package":63,"icon":148},"Textarea","\u002Fcomponents\u002Ftextarea","3.components\u002Ftextarea",{"title":285,"path":286,"stem":287,"package":63,"icon":207},"Toast","\u002Fcomponents\u002Ftoast","3.components\u002Ftoast",{"title":289,"path":290,"stem":291,"package":63,"icon":275},"Toggle","\u002Fcomponents\u002Ftoggle","3.components\u002Ftoggle",{"title":293,"path":294,"stem":295,"package":63,"icon":162},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","3.components\u002Ftoggle-group",{"title":297,"path":298,"stem":299,"package":63,"icon":300},"Tray","\u002Fcomponents\u002Ftray","3.components\u002Ftray","i-lucide-square-dashed-bottom",{"title":302,"path":303,"stem":304,"children":305,"package":11,"icon":307},"Theming","\u002Ftheming","4.theming\u002F1.index",[306,308,312,317,322],{"title":302,"path":303,"stem":304,"package":11,"icon":307},"i-lucide-palette",{"title":309,"path":310,"stem":311,"package":11,"icon":250},"Overrides","\u002Ftheming\u002Foverrides","4.theming\u002F2.overrides",{"title":313,"path":314,"stem":315,"package":11,"icon":316},"Colors","\u002Ftheming\u002Fcolors","4.theming\u002F3.colors","i-lucide-swatch-book",{"title":318,"path":319,"stem":320,"package":11,"icon":321},"Dark Mode","\u002Ftheming\u002Fdark-mode","4.theming\u002F4.dark-mode","i-lucide-moon",{"title":323,"path":324,"stem":325,"package":11,"icon":326},"Fonts","\u002Ftheming\u002Ffonts","4.theming\u002F5.fonts","i-lucide-type",{"title":328,"path":329,"stem":330,"package":11,"icon":331},"Accessibility","\u002Faccessibility","5.accessibility","i-lucide-accessibility",{"title":333,"path":334,"stem":335,"package":11,"icon":336},"i18n","\u002Fi18n","6.i18n","i-lucide-languages",{"title":338,"path":339,"stem":340,"children":341,"package":11,"icon":343},"Composables","\u002Fcomposables","7.composables\u002F1.index",[342,344,349,354,359,364,369,374,378,383,387,391,396,401],{"title":338,"path":339,"stem":340,"package":11,"icon":343},"i-lucide-square-function",{"title":345,"path":346,"stem":347,"package":11,"icon":348},"useEmitAsProps","\u002Fcomposables\u002Fuse-emit-as-props","7.composables\u002F10.use-emit-as-props","i-lucide-zap",{"title":350,"path":351,"stem":352,"package":11,"icon":353},"useForwardPropsEmits","\u002Fcomposables\u002Fuse-forward-props-emits","7.composables\u002F11.use-forward-props-emits","i-lucide-merge",{"title":355,"path":356,"stem":357,"package":11,"icon":358},"useForwardExpose","\u002Fcomposables\u002Fuse-forward-expose","7.composables\u002F12.use-forward-expose","i-lucide-share-2",{"title":360,"path":361,"stem":362,"package":11,"icon":363},"useStateMachine","\u002Fcomposables\u002Fuse-state-machine","7.composables\u002F13.use-state-machine","i-lucide-workflow",{"title":365,"path":366,"stem":367,"package":11,"icon":368},"usePrimitiveElement","\u002Fcomposables\u002Fuse-primitive-element","7.composables\u002F14.use-primitive-element","i-lucide-crosshair",{"title":370,"path":371,"stem":372,"package":11,"icon":373},"useAppConfig","\u002Fcomposables\u002Fuse-app-config","7.composables\u002F2.use-app-config","i-lucide-settings",{"title":375,"path":376,"stem":377,"package":11,"icon":321},"useColorMode","\u002Fcomposables\u002Fuse-color-mode","7.composables\u002F3.use-color-mode",{"title":379,"path":380,"stem":381,"package":11,"icon":382},"useComponentIcons","\u002Fcomposables\u002Fuse-component-icons","7.composables\u002F4.use-component-icons","i-lucide-shapes",{"title":384,"path":385,"stem":386,"package":11,"icon":69},"useTray","\u002Fcomposables\u002Fuse-tray","7.composables\u002F5.use-tray",{"title":388,"path":389,"stem":390,"package":11,"icon":336},"i18n composables","\u002Fcomposables\u002Fi18n-composables","7.composables\u002F6.i18n-composables",{"title":392,"path":393,"stem":394,"package":11,"icon":395},"useId","\u002Fcomposables\u002Fuse-id","7.composables\u002F7.use-id","i-lucide-hash",{"title":397,"path":398,"stem":399,"package":11,"icon":400},"useFilter","\u002Fcomposables\u002Fuse-filter","7.composables\u002F8.use-filter","i-lucide-filter",{"title":402,"path":403,"stem":404,"package":11,"icon":405},"useForwardProps","\u002Fcomposables\u002Fuse-forward-props","7.composables\u002F9.use-forward-props","i-lucide-arrow-right-left",{"title":407,"path":408,"stem":409,"children":410,"package":11,"icon":412},"Guides","\u002Fguides","8.guides\u002F1.index",[411,413,417,422,427,432,437,441,446,450,455],{"title":407,"path":408,"stem":409,"package":11,"icon":412},"i-lucide-book-open",{"title":414,"path":415,"stem":416,"package":11,"icon":348},"Instant first-frame rendering","\u002Fguides\u002Finstant-first-frame-rendering","8.guides\u002F10.instant-first-frame-rendering",{"title":418,"path":419,"stem":420,"package":11,"icon":421},"Why use Vy UI","\u002Fguides\u002Fwhy-vy-ui","8.guides\u002F11.why-vy-ui","i-lucide-help-circle",{"title":423,"path":424,"stem":425,"package":11,"icon":426},"Lynx UI frameworks","\u002Fguides\u002Flynx-ui-frameworks","8.guides\u002F2.lynx-ui-frameworks","i-lucide-library",{"title":428,"path":429,"stem":430,"package":11,"icon":431},"What is Vue Lynx","\u002Fguides\u002Fvue-lynx","8.guides\u002F3.vue-lynx","i-lucide-component",{"title":433,"path":434,"stem":435,"package":11,"icon":436},"Lynx vs React Native","\u002Fguides\u002Flynx-vs-react-native","8.guides\u002F4.lynx-vs-react-native","i-lucide-git-compare",{"title":438,"path":439,"stem":440,"package":11,"icon":84},"Testing on your phone","\u002Fguides\u002Ftesting-on-device","8.guides\u002F5.testing-on-device",{"title":442,"path":443,"stem":444,"package":11,"icon":445},"Testing with Xcode","\u002Fguides\u002Ftesting-with-xcode","8.guides\u002F6.testing-with-xcode","i-lucide-apple",{"title":447,"path":448,"stem":449,"package":11,"icon":27},"The rspeedy dev server","\u002Fguides\u002Frspeedy-dev-server","8.guides\u002F7.rspeedy-dev-server",{"title":451,"path":452,"stem":453,"package":11,"icon":454},"Tailwind on Lynx","\u002Fguides\u002Ftailwind-on-lynx","8.guides\u002F8.tailwind-on-lynx","i-lucide-wind",{"title":456,"path":457,"stem":458,"package":11,"icon":459},"Theming on Lynx","\u002Fguides\u002Ftheming-on-lynx","8.guides\u002F9.theming-on-lynx","i-lucide-paintbrush",{"id":461,"title":189,"body":462,"description":1299,"extension":1300,"links":1301,"meta":1307,"navigation":1308,"package":79,"path":190,"seo":1309,"stem":191,"__hash__":1310},"docs\u002F3.components\u002Fpagination.md",{"type":463,"value":464,"toc":1282},"minimark",[465,470,488,497,501,597,601,1143,1147,1190,1194,1200,1203,1206,1211,1213,1218,1220,1227,1229,1231,1240,1242,1244,1247,1255,1259,1278],[466,467,469],"h2",{"id":468},"overview","Overview",[471,472,473,476,477,479,480,483,484,487],"p",{},[474,475,189],"code",{}," is a headless ",[474,478,41],{}," primitive that derives a page range from ",[474,481,482],{},"total"," and ",[474,485,486],{},"itemsPerPage"," and exposes the controls to move through it. It ships behavior only — you supply the markup and styling for each page item, ellipsis, and edge control.",[489,490,491],"callout",{"icon":44},[471,492,493,494,496],{},"This is a layer of ",[474,495,41],{}," — behavior only, no styles.",[466,498,500],{"id":499},"anatomy","Anatomy",[502,503,508],"pre",{"className":504,"code":505,"language":506,"meta":507,"style":507},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CPaginationRoot>\n  \u003CPaginationList v-slot=\"{ items }\">\n    \u003CPaginationFirst \u002F>\n    \u003CPaginationPrev \u002F>\n    \u003Ctemplate v-for=\"(item, i) in items\" :key=\"i\">\n      \u003CPaginationListItem v-if=\"item.type === 'page'\" :value=\"item.value\" \u002F>\n      \u003CPaginationEllipsis v-else \u002F>\n    \u003C\u002Ftemplate>\n    \u003CPaginationNext \u002F>\n    \u003CPaginationLast \u002F>\n  \u003C\u002FPaginationList>\n\u003C\u002FPaginationRoot>\n","vue","",[474,509,510,526,533,539,545,551,557,563,569,575,581,587],{"__ignoreMap":507},[511,512,515,519,523],"span",{"class":513,"line":514},"line",1,[511,516,518],{"class":517},"sMK4o","\u003C",[511,520,522],{"class":521},"swJcz","PaginationRoot",[511,524,525],{"class":517},">\n",[511,527,529],{"class":513,"line":528},2,[511,530,532],{"class":531},"sTEyZ","  \u003CPaginationList v-slot=\"{ items }\">\n",[511,534,536],{"class":513,"line":535},3,[511,537,538],{"class":531},"    \u003CPaginationFirst \u002F>\n",[511,540,542],{"class":513,"line":541},4,[511,543,544],{"class":531},"    \u003CPaginationPrev \u002F>\n",[511,546,548],{"class":513,"line":547},5,[511,549,550],{"class":531},"    \u003Ctemplate v-for=\"(item, i) in items\" :key=\"i\">\n",[511,552,554],{"class":513,"line":553},6,[511,555,556],{"class":531},"      \u003CPaginationListItem v-if=\"item.type === 'page'\" :value=\"item.value\" \u002F>\n",[511,558,560],{"class":513,"line":559},7,[511,561,562],{"class":531},"      \u003CPaginationEllipsis v-else \u002F>\n",[511,564,566],{"class":513,"line":565},8,[511,567,568],{"class":531},"    \u003C\u002Ftemplate>\n",[511,570,572],{"class":513,"line":571},9,[511,573,574],{"class":531},"    \u003CPaginationNext \u002F>\n",[511,576,578],{"class":513,"line":577},10,[511,579,580],{"class":531},"    \u003CPaginationLast \u002F>\n",[511,582,584],{"class":513,"line":583},11,[511,585,586],{"class":531},"  \u003C\u002FPaginationList>\n",[511,588,590,593,595],{"class":513,"line":589},12,[511,591,592],{"class":517},"\u003C\u002F",[511,594,522],{"class":521},[511,596,525],{"class":517},[466,598,600],{"id":599},"usage","Usage",[502,602,604],{"className":504,"code":603,"language":506,"meta":507,"style":507},"\u003Cscript setup lang=\"ts\">\nimport {\n  PaginationEllipsis,\n  PaginationFirst,\n  PaginationLast,\n  PaginationList,\n  PaginationListItem,\n  PaginationNext,\n  PaginationPrev,\n  PaginationRoot,\n} from '@vyui\u002Fcore'\n\nconst page = ref(1)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CPaginationRoot\n    v-model:page=\"page\"\n    :total=\"120\"\n    :items-per-page=\"10\"\n    :sibling-count=\"1\"\n    show-edges\n  >\n    \u003CPaginationList v-slot=\"{ items }\">\n      \u003CPaginationPrev>\n        \u003Ctext>Prev\u003C\u002Ftext>\n      \u003C\u002FPaginationPrev>\n      \u003Ctemplate v-for=\"(item, i) in items\" :key=\"i\">\n        \u003CPaginationListItem v-if=\"item.type === 'page'\" :value=\"item.value\">\n          \u003Ctext>{{ item.value }}\u003C\u002Ftext>\n        \u003C\u002FPaginationListItem>\n        \u003CPaginationEllipsis v-else>\n          \u003Ctext>…\u003C\u002Ftext>\n        \u003C\u002FPaginationEllipsis>\n      \u003C\u002Ftemplate>\n      \u003CPaginationNext>\n        \u003Ctext>Next\u003C\u002Ftext>\n      \u003C\u002FPaginationNext>\n    \u003C\u002FPaginationList>\n  \u003C\u002FPaginationRoot>\n\u003C\u002Ftemplate>\n",[474,605,606,634,643,651,658,665,672,679,686,693,700,716,722,747,756,761,771,780,796,811,826,840,846,852,875,886,907,917,965,999,1018,1028,1041,1059,1068,1077,1087,1105,1114,1124,1134],{"__ignoreMap":507},[511,607,608,610,613,617,620,623,626,630,632],{"class":513,"line":514},[511,609,518],{"class":517},[511,611,612],{"class":521},"script",[511,614,616],{"class":615},"spNyl"," setup",[511,618,619],{"class":615}," lang",[511,621,622],{"class":517},"=",[511,624,625],{"class":517},"\"",[511,627,629],{"class":628},"sfazB","ts",[511,631,625],{"class":517},[511,633,525],{"class":517},[511,635,636,640],{"class":513,"line":528},[511,637,639],{"class":638},"s7zQu","import",[511,641,642],{"class":517}," {\n",[511,644,645,648],{"class":513,"line":535},[511,646,647],{"class":531},"  PaginationEllipsis",[511,649,650],{"class":517},",\n",[511,652,653,656],{"class":513,"line":541},[511,654,655],{"class":531},"  PaginationFirst",[511,657,650],{"class":517},[511,659,660,663],{"class":513,"line":547},[511,661,662],{"class":531},"  PaginationLast",[511,664,650],{"class":517},[511,666,667,670],{"class":513,"line":553},[511,668,669],{"class":531},"  PaginationList",[511,671,650],{"class":517},[511,673,674,677],{"class":513,"line":559},[511,675,676],{"class":531},"  PaginationListItem",[511,678,650],{"class":517},[511,680,681,684],{"class":513,"line":565},[511,682,683],{"class":531},"  PaginationNext",[511,685,650],{"class":517},[511,687,688,691],{"class":513,"line":571},[511,689,690],{"class":531},"  PaginationPrev",[511,692,650],{"class":517},[511,694,695,698],{"class":513,"line":577},[511,696,697],{"class":531},"  PaginationRoot",[511,699,650],{"class":517},[511,701,702,705,708,711,713],{"class":513,"line":583},[511,703,704],{"class":517},"}",[511,706,707],{"class":638}," from",[511,709,710],{"class":517}," '",[511,712,41],{"class":628},[511,714,715],{"class":517},"'\n",[511,717,718],{"class":513,"line":589},[511,719,721],{"emptyLinePlaceholder":720},true,"\n",[511,723,725,728,731,733,737,740,744],{"class":513,"line":724},13,[511,726,727],{"class":615},"const",[511,729,730],{"class":531}," page ",[511,732,622],{"class":517},[511,734,736],{"class":735},"s2Zo4"," ref",[511,738,739],{"class":531},"(",[511,741,743],{"class":742},"sbssI","1",[511,745,746],{"class":531},")\n",[511,748,750,752,754],{"class":513,"line":749},14,[511,751,592],{"class":517},[511,753,612],{"class":521},[511,755,525],{"class":517},[511,757,759],{"class":513,"line":758},15,[511,760,721],{"emptyLinePlaceholder":720},[511,762,764,766,769],{"class":513,"line":763},16,[511,765,518],{"class":517},[511,767,768],{"class":521},"template",[511,770,525],{"class":517},[511,772,774,777],{"class":513,"line":773},17,[511,775,776],{"class":517},"  \u003C",[511,778,779],{"class":521},"PaginationRoot\n",[511,781,783,786,788,790,793],{"class":513,"line":782},18,[511,784,785],{"class":615},"    v-model:page",[511,787,622],{"class":517},[511,789,625],{"class":517},[511,791,792],{"class":628},"page",[511,794,795],{"class":517},"\"\n",[511,797,799,802,804,806,809],{"class":513,"line":798},19,[511,800,801],{"class":615},"    :total",[511,803,622],{"class":517},[511,805,625],{"class":517},[511,807,808],{"class":628},"120",[511,810,795],{"class":517},[511,812,814,817,819,821,824],{"class":513,"line":813},20,[511,815,816],{"class":615},"    :items-per-page",[511,818,622],{"class":517},[511,820,625],{"class":517},[511,822,823],{"class":628},"10",[511,825,795],{"class":517},[511,827,829,832,834,836,838],{"class":513,"line":828},21,[511,830,831],{"class":615},"    :sibling-count",[511,833,622],{"class":517},[511,835,625],{"class":517},[511,837,743],{"class":628},[511,839,795],{"class":517},[511,841,843],{"class":513,"line":842},22,[511,844,845],{"class":615},"    show-edges\n",[511,847,849],{"class":513,"line":848},23,[511,850,851],{"class":517},"  >\n",[511,853,855,858,861,864,866,868,871,873],{"class":513,"line":854},24,[511,856,857],{"class":517},"    \u003C",[511,859,860],{"class":521},"PaginationList",[511,862,863],{"class":615}," v-slot",[511,865,622],{"class":517},[511,867,625],{"class":517},[511,869,870],{"class":628},"{ items }",[511,872,625],{"class":517},[511,874,525],{"class":517},[511,876,878,881,884],{"class":513,"line":877},25,[511,879,880],{"class":517},"      \u003C",[511,882,883],{"class":521},"PaginationPrev",[511,885,525],{"class":517},[511,887,889,892,895,898,901,903,905],{"class":513,"line":888},26,[511,890,891],{"class":517},"        \u003C",[511,893,894],{"class":521},"text",[511,896,897],{"class":517},">",[511,899,900],{"class":531},"Prev",[511,902,592],{"class":517},[511,904,894],{"class":521},[511,906,525],{"class":517},[511,908,910,913,915],{"class":513,"line":909},27,[511,911,912],{"class":517},"      \u003C\u002F",[511,914,883],{"class":521},[511,916,525],{"class":517},[511,918,920,922,924,927,929,931,934,937,940,943,946,948,951,954,956,958,961,963],{"class":513,"line":919},28,[511,921,880],{"class":517},[511,923,768],{"class":521},[511,925,926],{"class":638}," v-for",[511,928,622],{"class":517},[511,930,625],{"class":517},[511,932,933],{"class":531},"(item",[511,935,936],{"class":517},",",[511,938,939],{"class":531}," i) ",[511,941,942],{"class":517},"in",[511,944,945],{"class":531}," items",[511,947,625],{"class":517},[511,949,950],{"class":517}," :",[511,952,953],{"class":615},"key",[511,955,622],{"class":517},[511,957,625],{"class":517},[511,959,960],{"class":531},"i",[511,962,625],{"class":517},[511,964,525],{"class":517},[511,966,968,970,973,976,978,980,983,985,988,990,992,995,997],{"class":513,"line":967},29,[511,969,891],{"class":517},[511,971,972],{"class":521},"PaginationListItem",[511,974,975],{"class":615}," v-if",[511,977,622],{"class":517},[511,979,625],{"class":517},[511,981,982],{"class":628},"item.type === 'page'",[511,984,625],{"class":517},[511,986,987],{"class":615}," :value",[511,989,622],{"class":517},[511,991,625],{"class":517},[511,993,994],{"class":628},"item.value",[511,996,625],{"class":517},[511,998,525],{"class":517},[511,1000,1002,1005,1007,1009,1012,1014,1016],{"class":513,"line":1001},30,[511,1003,1004],{"class":517},"          \u003C",[511,1006,894],{"class":521},[511,1008,897],{"class":517},[511,1010,1011],{"class":531},"{{ item.value }}",[511,1013,592],{"class":517},[511,1015,894],{"class":521},[511,1017,525],{"class":517},[511,1019,1021,1024,1026],{"class":513,"line":1020},31,[511,1022,1023],{"class":517},"        \u003C\u002F",[511,1025,972],{"class":521},[511,1027,525],{"class":517},[511,1029,1031,1033,1036,1039],{"class":513,"line":1030},32,[511,1032,891],{"class":517},[511,1034,1035],{"class":521},"PaginationEllipsis",[511,1037,1038],{"class":615}," v-else",[511,1040,525],{"class":517},[511,1042,1044,1046,1048,1050,1053,1055,1057],{"class":513,"line":1043},33,[511,1045,1004],{"class":517},[511,1047,894],{"class":521},[511,1049,897],{"class":517},[511,1051,1052],{"class":531},"…",[511,1054,592],{"class":517},[511,1056,894],{"class":521},[511,1058,525],{"class":517},[511,1060,1062,1064,1066],{"class":513,"line":1061},34,[511,1063,1023],{"class":517},[511,1065,1035],{"class":521},[511,1067,525],{"class":517},[511,1069,1071,1073,1075],{"class":513,"line":1070},35,[511,1072,912],{"class":517},[511,1074,768],{"class":521},[511,1076,525],{"class":517},[511,1078,1080,1082,1085],{"class":513,"line":1079},36,[511,1081,880],{"class":517},[511,1083,1084],{"class":521},"PaginationNext",[511,1086,525],{"class":517},[511,1088,1090,1092,1094,1096,1099,1101,1103],{"class":513,"line":1089},37,[511,1091,891],{"class":517},[511,1093,894],{"class":521},[511,1095,897],{"class":517},[511,1097,1098],{"class":531},"Next",[511,1100,592],{"class":517},[511,1102,894],{"class":521},[511,1104,525],{"class":517},[511,1106,1108,1110,1112],{"class":513,"line":1107},38,[511,1109,912],{"class":517},[511,1111,1084],{"class":521},[511,1113,525],{"class":517},[511,1115,1117,1120,1122],{"class":513,"line":1116},39,[511,1118,1119],{"class":517},"    \u003C\u002F",[511,1121,860],{"class":521},[511,1123,525],{"class":517},[511,1125,1127,1130,1132],{"class":513,"line":1126},40,[511,1128,1129],{"class":517},"  \u003C\u002F",[511,1131,522],{"class":521},[511,1133,525],{"class":517},[511,1135,1137,1139,1141],{"class":513,"line":1136},41,[511,1138,592],{"class":517},[511,1140,768],{"class":521},[511,1142,525],{"class":517},[466,1144,1146],{"id":1145},"features-and-behavior","Features and behavior",[1148,1149,1150,1164,1172,1178,1184],"ul",{},[1151,1152,1153,1155,1156,1159,1160,1163],"li",{},[474,1154,792],{}," \u002F ",[474,1157,1158],{},"v-model:page"," controls the active page; ",[474,1161,1162],{},"defaultPage"," seeds uncontrolled state.",[1151,1165,1166,1168,1169,1171],{},[474,1167,486],{}," is required; combined with ",[474,1170,482],{}," it computes the number of pages.",[1151,1173,1174,1177],{},[474,1175,1176],{},"siblingCount"," sets how many page items show on each side of the current page.",[1151,1179,1180,1183],{},[474,1181,1182],{},"showEdges"," always renders the first page, last page, and ellipses.",[1151,1185,1186,1189],{},[474,1187,1188],{},"disabled"," blocks interaction with all controls.",[466,1191,1193],{"id":1192},"api","API",[1195,1196,1198],"h3",{"id":1197},"paginationroot",[474,1199,522],{},[1201,1202],"component-props",{"name":522},[1204,1205],"component-emits",{"name":522},[1195,1207,1209],{"id":1208},"paginationlist",[474,1210,860],{},[1201,1212],{"name":860},[1195,1214,1216],{"id":1215},"paginationlistitem",[474,1217,972],{},[1201,1219],{"name":972},[1195,1221,1223,1155,1225],{"id":1222},"paginationprev-paginationnext",[474,1224,883],{},[474,1226,1084],{},[1201,1228],{"name":883},[1201,1230],{"name":1084},[1195,1232,1234,1155,1237],{"id":1233},"paginationfirst-paginationlast",[474,1235,1236],{},"PaginationFirst",[474,1238,1239],{},"PaginationLast",[1201,1241],{"name":1236},[1201,1243],{"name":1239},[466,1245,328],{"id":1246},"accessibility",[1148,1248,1249,1252],{},[1151,1250,1251],{},"Each control exposes native button semantics; give prev\u002Fnext\u002Ffirst\u002Flast descriptive labels.",[1151,1253,1254],{},"The current page item is marked selected so assistive tech announces position.",[466,1256,1258],{"id":1257},"related-components","Related components",[1148,1260,1261,1269],{},[1151,1262,1263,1268],{},[1264,1265,1266],"a",{"href":278},[474,1267,277],{}," — switch between a small fixed set of panels.",[1151,1270,1271,1277],{},[1264,1272,1274],{"href":1273},"\u002Fcomponents\u002Ffeedlist",[474,1275,1276],{},"FeedList"," — infinite\u002Fvirtualized lists instead of discrete pages.",[1279,1280,1281],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":507,"searchDepth":514,"depth":528,"links":1283},[1284,1285,1286,1287,1288,1297,1298],{"id":468,"depth":528,"text":469},{"id":499,"depth":528,"text":500},{"id":599,"depth":528,"text":600},{"id":1145,"depth":528,"text":1146},{"id":1192,"depth":528,"text":1193,"children":1289},[1290,1291,1292,1293,1295],{"id":1197,"depth":535,"text":522},{"id":1208,"depth":535,"text":860},{"id":1215,"depth":535,"text":972},{"id":1222,"depth":535,"text":1294},"PaginationPrev \u002F PaginationNext",{"id":1233,"depth":535,"text":1296},"PaginationFirst \u002F PaginationLast",{"id":1246,"depth":528,"text":328},{"id":1257,"depth":528,"text":1258},"Headless pagination primitive — page list, edges, and prev\u002Fnext controls computed from total and page size.","md",[1302],{"label":1303,"icon":1304,"to":1305,"target":1306},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002FKealanAU\u002Fvyui\u002Fblob\u002Fmain\u002Fpackages\u002Fcore\u002Fsrc\u002Fcomponents\u002FPagination","_blank",{},{"icon":192},{"title":189,"description":1299},"y-X3T-lcZLwYuDbpZJaEZMfG-Es1jmMROVal6edMjTE",[1312,1314],{"title":184,"path":185,"stem":186,"description":1313,"icon":-1,"children":-1,"navigation":-1},"Enter, increment, and constrain a numeric value.",{"title":194,"path":195,"stem":196,"description":1315,"icon":-1,"children":-1,"navigation":-1},"Collect a fixed-length numeric or alphanumeric verification code.",1785060120124]