[{"data":1,"prerenderedAt":1892},["ShallowReactive",2],{"navigation":3,"page:\u002Fcomponents\u002Fpagination":320,"\u002Fcomponents\u002Fpagination-surround":1887},[4,28],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","1.getting-started\u002F1.index",[9,12,17,22],{"title":10,"path":6,"stem":7,"icon":11},"Introduction","i-lucide-house",{"title":13,"path":14,"stem":15,"icon":16},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":18,"path":19,"stem":20,"icon":21},"Styling","\u002Fgetting-started\u002Fstyling","1.getting-started\u002F3.styling","i-lucide-paintbrush",{"title":23,"path":24,"stem":25,"icon":26},"Usage","\u002Fgetting-started\u002Fusage","1.getting-started\u002F4.usage","i-lucide-sliders",false,{"title":29,"path":30,"stem":31,"children":32,"icon":35},"Components","\u002Fcomponents","2.components\u002F1.index",[33,36,41,46,51,56,64,69,74,79,84,89,95,101,107,113,118,123,128,133,138,143,148,152,156,161,166,171,176,181,189,194,199,204,209,214,219,224,229,234,239,245,250,255,260,264,269,275,281,285,290,294,299,304,310,315],{"title":34,"path":30,"stem":31,"icon":35},"All Components","i-lucide-component",{"title":37,"path":38,"stem":39,"icon":40},"Accordion","\u002Fcomponents\u002Faccordion","2.components\u002Faccordion","i-lucide-layout-panel-top",{"title":42,"path":43,"stem":44,"icon":45},"Alert Dialog","\u002Fcomponents\u002Falert-dialog","2.components\u002Falert-dialog","i-lucide-triangle-alert",{"title":47,"path":48,"stem":49,"icon":50},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar","i-lucide-circle-user",{"title":52,"path":53,"stem":54,"icon":55},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton","i-lucide-mouse-pointer-click",{"title":57,"path":58,"stem":59,"icon":60,"badge":61},"Calendar","\u002Fcomponents\u002Fcalendar","2.components\u002Fcalendar","i-lucide-calendar-days",{"label":62,"color":63},"NEW","success",{"title":65,"path":66,"stem":67,"icon":68},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox","i-lucide-square-check",{"title":70,"path":71,"stem":72,"icon":73},"Checkbox Group","\u002Fcomponents\u002Fcheckbox-group","2.components\u002Fcheckbox-group","i-lucide-list-checks",{"title":75,"path":76,"stem":77,"icon":78},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible","i-lucide-chevrons-down-up",{"title":80,"path":81,"stem":82,"icon":83},"Combobox","\u002Fcomponents\u002Fcombobox","2.components\u002Fcombobox","i-lucide-search",{"title":85,"path":86,"stem":87,"icon":88},"Context Menu","\u002Fcomponents\u002Fcontext-menu","2.components\u002Fcontext-menu","i-lucide-mouse-pointer-2",{"title":90,"path":91,"stem":92,"icon":93,"badge":94},"Data Table","\u002Fcomponents\u002Fdata-table","2.components\u002Fdata-table","i-lucide-table-2",{"label":62,"color":63},{"title":96,"path":97,"stem":98,"icon":99,"badge":100},"Date Field","\u002Fcomponents\u002Fdate-field","2.components\u002Fdate-field","i-lucide-calendar-clock",{"label":62,"color":63},{"title":102,"path":103,"stem":104,"icon":105,"badge":106},"Date Range Field","\u002Fcomponents\u002Fdate-range-field","2.components\u002Fdate-range-field","i-lucide-calendar-range",{"label":62,"color":63},{"title":108,"path":109,"stem":110,"icon":111,"badge":112},"Date Range Picker","\u002Fcomponents\u002Fdate-range-picker","2.components\u002Fdate-range-picker","i-lucide-calendar-search",{"label":62,"color":63},{"title":114,"path":115,"stem":116,"icon":117},"Dialog","\u002Fcomponents\u002Fdialog","2.components\u002Fdialog","i-lucide-square",{"title":119,"path":120,"stem":121,"icon":122},"Drawer","\u002Fcomponents\u002Fdrawer","2.components\u002Fdrawer","i-lucide-panel-right",{"title":124,"path":125,"stem":126,"icon":127},"Editable","\u002Fcomponents\u002Feditable","2.components\u002Feditable","i-lucide-square-pen",{"title":129,"path":130,"stem":131,"icon":132},"Field","\u002Fcomponents\u002Ffield","2.components\u002Ffield","i-lucide-text-cursor-input",{"title":134,"path":135,"stem":136,"icon":137},"Fieldset","\u002Fcomponents\u002Ffieldset","2.components\u002Ffieldset","i-lucide-group",{"title":139,"path":140,"stem":141,"icon":142},"Form","\u002Fcomponents\u002Fform","2.components\u002Fform","i-lucide-clipboard-check",{"title":144,"path":145,"stem":146,"icon":147},"Hover Preview Card","\u002Fcomponents\u002Fhover-preview-card","2.components\u002Fhover-preview-card","i-lucide-id-card",{"title":149,"path":150,"stem":151,"icon":132},"Input","\u002Fcomponents\u002Finput","2.components\u002Finput",{"title":153,"path":154,"stem":155,"icon":73},"Listbox","\u002Fcomponents\u002Flistbox","2.components\u002Flistbox",{"title":157,"path":158,"stem":159,"icon":160},"Menu","\u002Fcomponents\u002Fmenu","2.components\u002Fmenu","i-lucide-list",{"title":162,"path":163,"stem":164,"icon":165},"Menubar","\u002Fcomponents\u002Fmenubar","2.components\u002Fmenubar","i-lucide-panel-top",{"title":167,"path":168,"stem":169,"icon":170},"Meter","\u002Fcomponents\u002Fmeter","2.components\u002Fmeter","i-lucide-gauge",{"title":172,"path":173,"stem":174,"icon":105,"badge":175},"Month Picker","\u002Fcomponents\u002Fmonth-picker","2.components\u002Fmonth-picker",{"label":62,"color":63},{"title":177,"path":178,"stem":179,"icon":105,"badge":180},"Month Range Picker","\u002Fcomponents\u002Fmonth-range-picker","2.components\u002Fmonth-range-picker",{"label":62,"color":63},{"title":182,"path":183,"stem":184,"icon":185,"badge":186},"Navigation Menu","\u002Fcomponents\u002Fnavigation-menu","2.components\u002Fnavigation-menu","i-lucide-navigation",{"label":187,"color":188},"UPDATED","warning",{"title":190,"path":191,"stem":192,"icon":193},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field","i-lucide-badge-plus",{"title":195,"path":196,"stem":197,"icon":198},"Overlay Provider","\u002Fcomponents\u002Foverlay","2.components\u002Foverlay","i-lucide-panels-top-left",{"title":200,"path":201,"stem":202,"icon":203},"Pagination","\u002Fcomponents\u002Fpagination","2.components\u002Fpagination","i-lucide-ellipsis",{"title":205,"path":206,"stem":207,"icon":208},"Pin \u002F OTP Input","\u002Fcomponents\u002Fpin-input","2.components\u002Fpin-input","i-lucide-binary",{"title":210,"path":211,"stem":212,"icon":213},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover","i-lucide-message-square",{"title":215,"path":216,"stem":217,"icon":218},"Progress","\u002Fcomponents\u002Fprogress","2.components\u002Fprogress","i-lucide-loader",{"title":220,"path":221,"stem":222,"icon":223},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group","i-lucide-circle-dot",{"title":225,"path":226,"stem":227,"icon":228},"Rating","\u002Fcomponents\u002Frating","2.components\u002Frating","i-lucide-star",{"title":230,"path":231,"stem":232,"icon":233},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect","i-lucide-list-filter",{"title":235,"path":236,"stem":237,"icon":238},"Separator","\u002Fcomponents\u002Fseparator","2.components\u002Fseparator","i-lucide-minus",{"title":240,"path":241,"stem":242,"icon":243,"badge":244},"Sidebar","\u002Fcomponents\u002Fsidebar","2.components\u002Fsidebar","i-lucide-panel-left",{"label":62,"color":63},{"title":246,"path":247,"stem":248,"icon":249},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider","i-lucide-sliders-horizontal",{"title":251,"path":252,"stem":253,"icon":254},"Stepper","\u002Fcomponents\u002Fstepper","2.components\u002Fstepper","i-lucide-list-ordered",{"title":256,"path":257,"stem":258,"icon":259},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch","i-lucide-toggle-left",{"title":261,"path":262,"stem":263,"icon":40},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":265,"path":266,"stem":267,"icon":268},"Tags Input","\u002Fcomponents\u002Ftags-input","2.components\u002Ftags-input","i-lucide-tags",{"title":270,"path":271,"stem":272,"icon":273,"badge":274},"Time Field","\u002Fcomponents\u002Ftime-field","2.components\u002Ftime-field","i-lucide-clock-3",{"label":62,"color":63},{"title":276,"path":277,"stem":278,"icon":279,"badge":280},"Time Range Field","\u002Fcomponents\u002Ftime-range-field","2.components\u002Ftime-range-field","i-lucide-clock-arrow-up",{"label":62,"color":63},{"title":282,"path":283,"stem":284,"icon":213},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":286,"path":287,"stem":288,"icon":289},"Toggle","\u002Fcomponents\u002Ftoggle","2.components\u002Ftoggle","i-lucide-toggle-right",{"title":291,"path":292,"stem":293,"icon":73},"Toggle Group","\u002Fcomponents\u002Ftoggle-group","2.components\u002Ftoggle-group",{"title":295,"path":296,"stem":297,"icon":298},"Toolbar","\u002Fcomponents\u002Ftoolbar","2.components\u002Ftoolbar","i-lucide-wrench",{"title":300,"path":301,"stem":302,"icon":303},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip","i-lucide-info",{"title":305,"path":306,"stem":307,"icon":308,"badge":309},"Tree","\u002Fcomponents\u002Ftree","2.components\u002Ftree","i-lucide-folder-tree",{"label":62,"color":63},{"title":311,"path":312,"stem":313,"icon":60,"badge":314},"Year Picker","\u002Fcomponents\u002Fyear-picker","2.components\u002Fyear-picker",{"label":62,"color":63},{"title":316,"path":317,"stem":318,"icon":105,"badge":319},"Year Range Picker","\u002Fcomponents\u002Fyear-range-picker","2.components\u002Fyear-range-picker",{"label":62,"color":63},{"id":321,"title":200,"body":322,"description":1880,"extension":1881,"links":1882,"meta":1883,"navigation":1884,"path":201,"seo":1885,"stem":202,"__hash__":1886},"docs\u002F2.components\u002Fpagination.md",{"type":323,"value":324,"toc":1859},"minimark",[325,332,343,348,409,419,422,428,668,672,677,683,758,762,769,822,826,829,902,906,909,978,982,988,1067,1071,1075,1118,1122,1320,1324,1372,1376,1502,1506,1578,1582,1679,1683,1834,1848,1852,1855],[326,327,328,331],"p",{},[329,330,200],"code",{}," calculates a compact page range from total items and page size, then renders semantic navigation with current-page metadata, optional ellipses, and boundary controls. Controls can be buttons or real links.",[326,333,334,335,338,339,342],{},"Application code handles data fetching and URL state through ",[329,336,337],{},"v-model"," and ",[329,340,341],{},"getPageHref",".",[344,345,347],"h2",{"id":346},"anatomy","Anatomy",[349,350,351,361,369,377,385,393,401],"ul",{},[352,353,354,360],"li",{},[355,356,357],"strong",{},[329,358,359],{},"#first",": First-page control content.",[352,362,363,368],{},[355,364,365],{},[329,366,367],{},"#previous",": Previous-page control content.",[352,370,371,376],{},[355,372,373],{},[329,374,375],{},"#page",": Page control content with page number and active state.",[352,378,379,384],{},[355,380,381],{},[329,382,383],{},"#ellipsis",": Omitted-range marker with start\u002Fend side.",[352,386,387,392],{},[355,388,389],{},[329,390,391],{},"#next",": Next-page control content.",[352,394,395,400],{},[355,396,397],{},[329,398,399],{},"#last",": Last-page control content.",[352,402,403,408],{},[355,404,405],{},[329,406,407],{},"#state",": Optional renderless output with page, page count, visible items, and navigation action.",[326,410,411,412,415,416,342],{},"The component generates ",[329,413,414],{},"nav",", list, page controls, current-page ARIA, and disabled boundary behavior. Style generated parts with ",[329,417,418],{},"ui",[344,420,23],{"id":421},"usage",[423,424,425],"component-preview",{},[426,427],"examples-pagination-demo",{},[429,430,431],"component-code",{},[432,433,438],"pre",{"className":434,"code":435,"language":436,"meta":437,"style":437},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { Pagination } from \"akaza-ui\";\nimport { ref } from \"vue\";\n\nconst page = ref(1);\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CPagination\n    v-model=\"page\"\n    :total=\"240\"\n    :items-per-page=\"10\"\n    show-edges\n    show-first-last\n  \u002F>\n\u003C\u002Ftemplate>\n","vue","",[329,439,440,475,506,528,535,561,571,576,586,595,611,626,641,647,653,659],{"__ignoreMap":437},[441,442,445,449,453,457,460,463,466,470,472],"span",{"class":443,"line":444},"line",1,[441,446,448],{"class":447},"sMK4o","\u003C",[441,450,452],{"class":451},"swJcz","script",[441,454,456],{"class":455},"spNyl"," setup",[441,458,459],{"class":455}," lang",[441,461,462],{"class":447},"=",[441,464,465],{"class":447},"\"",[441,467,469],{"class":468},"sfazB","ts",[441,471,465],{"class":447},[441,473,474],{"class":447},">\n",[441,476,478,482,485,489,492,495,498,501,503],{"class":443,"line":477},2,[441,479,481],{"class":480},"s7zQu","import",[441,483,484],{"class":447}," {",[441,486,488],{"class":487},"sTEyZ"," Pagination",[441,490,491],{"class":447}," }",[441,493,494],{"class":480}," from",[441,496,497],{"class":447}," \"",[441,499,500],{"class":468},"akaza-ui",[441,502,465],{"class":447},[441,504,505],{"class":447},";\n",[441,507,509,511,513,516,518,520,522,524,526],{"class":443,"line":508},3,[441,510,481],{"class":480},[441,512,484],{"class":447},[441,514,515],{"class":487}," ref",[441,517,491],{"class":447},[441,519,494],{"class":480},[441,521,497],{"class":447},[441,523,436],{"class":468},[441,525,465],{"class":447},[441,527,505],{"class":447},[441,529,531],{"class":443,"line":530},4,[441,532,534],{"emptyLinePlaceholder":533},true,"\n",[441,536,538,541,544,546,549,552,556,559],{"class":443,"line":537},5,[441,539,540],{"class":455},"const",[441,542,543],{"class":487}," page ",[441,545,462],{"class":447},[441,547,515],{"class":548},"s2Zo4",[441,550,551],{"class":487},"(",[441,553,555],{"class":554},"sbssI","1",[441,557,558],{"class":487},")",[441,560,505],{"class":447},[441,562,564,567,569],{"class":443,"line":563},6,[441,565,566],{"class":447},"\u003C\u002F",[441,568,452],{"class":451},[441,570,474],{"class":447},[441,572,574],{"class":443,"line":573},7,[441,575,534],{"emptyLinePlaceholder":533},[441,577,579,581,584],{"class":443,"line":578},8,[441,580,448],{"class":447},[441,582,583],{"class":451},"template",[441,585,474],{"class":447},[441,587,589,592],{"class":443,"line":588},9,[441,590,591],{"class":447},"  \u003C",[441,593,594],{"class":451},"Pagination\n",[441,596,598,601,603,605,608],{"class":443,"line":597},10,[441,599,600],{"class":455},"    v-model",[441,602,462],{"class":447},[441,604,465],{"class":447},[441,606,607],{"class":468},"page",[441,609,610],{"class":447},"\"\n",[441,612,614,617,619,621,624],{"class":443,"line":613},11,[441,615,616],{"class":455},"    :total",[441,618,462],{"class":447},[441,620,465],{"class":447},[441,622,623],{"class":468},"240",[441,625,610],{"class":447},[441,627,629,632,634,636,639],{"class":443,"line":628},12,[441,630,631],{"class":455},"    :items-per-page",[441,633,462],{"class":447},[441,635,465],{"class":447},[441,637,638],{"class":468},"10",[441,640,610],{"class":447},[441,642,644],{"class":443,"line":643},13,[441,645,646],{"class":455},"    show-edges\n",[441,648,650],{"class":443,"line":649},14,[441,651,652],{"class":455},"    show-first-last\n",[441,654,656],{"class":443,"line":655},15,[441,657,658],{"class":447},"  \u002F>\n",[441,660,662,664,666],{"class":443,"line":661},16,[441,663,566],{"class":447},[441,665,583],{"class":451},[441,667,474],{"class":447},[344,669,671],{"id":670},"examples","Examples",[673,674,676],"h3",{"id":675},"visible-siblings","Visible siblings",[326,678,679,682],{},[329,680,681],{},"siblingCount"," controls how many pages remain visible on each side of the current page. Without edges, Pagination renders a moving compact window.",[432,684,686],{"className":434,"code":685,"language":436,"meta":437,"style":437},"\u003Ctemplate>\n  \u003CPagination v-model=\"page\" :total=\"200\" :items-per-page=\"10\" :sibling-count=\"1\" \u002F>\n\u003C\u002Ftemplate>\n",[329,687,688,696,750],{"__ignoreMap":437},[441,689,690,692,694],{"class":443,"line":444},[441,691,448],{"class":447},[441,693,583],{"class":451},[441,695,474],{"class":447},[441,697,698,700,702,705,707,709,711,713,716,718,720,723,725,728,730,732,734,736,739,741,743,745,747],{"class":443,"line":477},[441,699,591],{"class":447},[441,701,200],{"class":451},[441,703,704],{"class":455}," v-model",[441,706,462],{"class":447},[441,708,465],{"class":447},[441,710,607],{"class":468},[441,712,465],{"class":447},[441,714,715],{"class":455}," :total",[441,717,462],{"class":447},[441,719,465],{"class":447},[441,721,722],{"class":468},"200",[441,724,465],{"class":447},[441,726,727],{"class":455}," :items-per-page",[441,729,462],{"class":447},[441,731,465],{"class":447},[441,733,638],{"class":468},[441,735,465],{"class":447},[441,737,738],{"class":455}," :sibling-count",[441,740,462],{"class":447},[441,742,465],{"class":447},[441,744,555],{"class":468},[441,746,465],{"class":447},[441,748,749],{"class":447}," \u002F>\n",[441,751,752,754,756],{"class":443,"line":508},[441,753,566],{"class":447},[441,755,583],{"class":451},[441,757,474],{"class":447},[673,759,761],{"id":760},"edges-and-ellipses","Edges and ellipses",[326,763,764,765,768],{},"Set ",[329,766,767],{},"showEdges"," to preserve first and last page numbers and insert ellipses around omitted ranges.",[432,770,772],{"className":434,"code":771,"language":436,"meta":437,"style":437},"\u003Ctemplate>\n  \u003CPagination v-model=\"page\" :total=\"500\" show-edges \u002F>\n\u003C\u002Ftemplate>\n",[329,773,774,782,814],{"__ignoreMap":437},[441,775,776,778,780],{"class":443,"line":444},[441,777,448],{"class":447},[441,779,583],{"class":451},[441,781,474],{"class":447},[441,783,784,786,788,790,792,794,796,798,800,802,804,807,809,812],{"class":443,"line":477},[441,785,591],{"class":447},[441,787,200],{"class":451},[441,789,704],{"class":455},[441,791,462],{"class":447},[441,793,465],{"class":447},[441,795,607],{"class":468},[441,797,465],{"class":447},[441,799,715],{"class":455},[441,801,462],{"class":447},[441,803,465],{"class":447},[441,805,806],{"class":468},"500",[441,808,465],{"class":447},[441,810,811],{"class":455}," show-edges",[441,813,749],{"class":447},[441,815,816,818,820],{"class":443,"line":508},[441,817,566],{"class":447},[441,819,583],{"class":451},[441,821,474],{"class":447},[673,823,825],{"id":824},"first-and-last-controls","First and last controls",[326,827,828],{},"Boundary controls are opt-in. Previous and next controls are enabled by default and can also be removed.",[432,830,832],{"className":434,"code":831,"language":436,"meta":437,"style":437},"\u003Ctemplate>\n  \u003CPagination\n    v-model=\"page\"\n    :total=\"500\"\n    show-first-last\n    :show-previous-next=\"false\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[329,833,834,842,848,860,872,876,890,894],{"__ignoreMap":437},[441,835,836,838,840],{"class":443,"line":444},[441,837,448],{"class":447},[441,839,583],{"class":451},[441,841,474],{"class":447},[441,843,844,846],{"class":443,"line":477},[441,845,591],{"class":447},[441,847,594],{"class":451},[441,849,850,852,854,856,858],{"class":443,"line":508},[441,851,600],{"class":455},[441,853,462],{"class":447},[441,855,465],{"class":447},[441,857,607],{"class":468},[441,859,610],{"class":447},[441,861,862,864,866,868,870],{"class":443,"line":530},[441,863,616],{"class":455},[441,865,462],{"class":447},[441,867,465],{"class":447},[441,869,806],{"class":468},[441,871,610],{"class":447},[441,873,874],{"class":443,"line":537},[441,875,652],{"class":455},[441,877,878,881,883,885,888],{"class":443,"line":563},[441,879,880],{"class":455},"    :show-previous-next",[441,882,462],{"class":447},[441,884,465],{"class":447},[441,886,887],{"class":468},"false",[441,889,610],{"class":447},[441,891,892],{"class":443,"line":573},[441,893,658],{"class":447},[441,895,896,898,900],{"class":443,"line":578},[441,897,566],{"class":447},[441,899,583],{"class":451},[441,901,474],{"class":447},[673,903,905],{"id":904},"real-links","Real links",[326,907,908],{},"Return an href to render controls as anchors. Disabled boundary links prevent navigation and leave the tab order.",[432,910,912],{"className":434,"code":911,"language":436,"meta":437,"style":437},"\u003Ctemplate>\n  \u003CPagination\n    v-model=\"page\"\n    :total=\"500\"\n    :get-page-href=\"(value) => `\u002Freports?page=${value}`\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[329,913,914,922,928,940,952,966,970],{"__ignoreMap":437},[441,915,916,918,920],{"class":443,"line":444},[441,917,448],{"class":447},[441,919,583],{"class":451},[441,921,474],{"class":447},[441,923,924,926],{"class":443,"line":477},[441,925,591],{"class":447},[441,927,594],{"class":451},[441,929,930,932,934,936,938],{"class":443,"line":508},[441,931,600],{"class":455},[441,933,462],{"class":447},[441,935,465],{"class":447},[441,937,607],{"class":468},[441,939,610],{"class":447},[441,941,942,944,946,948,950],{"class":443,"line":530},[441,943,616],{"class":455},[441,945,462],{"class":447},[441,947,465],{"class":447},[441,949,806],{"class":468},[441,951,610],{"class":447},[441,953,954,957,959,961,964],{"class":443,"line":537},[441,955,956],{"class":455},"    :get-page-href",[441,958,462],{"class":447},[441,960,465],{"class":447},[441,962,963],{"class":468},"(value) => `\u002Freports?page=${value}`",[441,965,610],{"class":447},[441,967,968],{"class":443,"line":563},[441,969,658],{"class":447},[441,971,972,974,976],{"class":443,"line":573},[441,973,566],{"class":447},[441,975,583],{"class":451},[441,977,474],{"class":447},[673,979,981],{"id":980},"cancel-navigation","Cancel navigation",[326,983,984,987],{},[329,985,986],{},"value-change"," fires before the model update, so pending forms or unsaved state can block a page change.",[432,989,991],{"className":434,"code":990,"language":436,"meta":437,"style":437},"\u003Ctemplate>\n  \u003CPagination\n    v-model=\"page\"\n    :total=\"500\"\n    @value-change=\"(_page, details) => {\n      if (hasUnsavedChanges) details.cancel()\n    }\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[329,992,993,1001,1007,1019,1031,1043,1048,1055,1059],{"__ignoreMap":437},[441,994,995,997,999],{"class":443,"line":444},[441,996,448],{"class":447},[441,998,583],{"class":451},[441,1000,474],{"class":447},[441,1002,1003,1005],{"class":443,"line":477},[441,1004,591],{"class":447},[441,1006,594],{"class":451},[441,1008,1009,1011,1013,1015,1017],{"class":443,"line":508},[441,1010,600],{"class":455},[441,1012,462],{"class":447},[441,1014,465],{"class":447},[441,1016,607],{"class":468},[441,1018,610],{"class":447},[441,1020,1021,1023,1025,1027,1029],{"class":443,"line":530},[441,1022,616],{"class":455},[441,1024,462],{"class":447},[441,1026,465],{"class":447},[441,1028,806],{"class":468},[441,1030,610],{"class":447},[441,1032,1033,1036,1038,1040],{"class":443,"line":537},[441,1034,1035],{"class":455},"    @value-change",[441,1037,462],{"class":447},[441,1039,465],{"class":447},[441,1041,1042],{"class":468},"(_page, details) => {\n",[441,1044,1045],{"class":443,"line":563},[441,1046,1047],{"class":468},"      if (hasUnsavedChanges) details.cancel()\n",[441,1049,1050,1053],{"class":443,"line":573},[441,1051,1052],{"class":468},"    }",[441,1054,610],{"class":447},[441,1056,1057],{"class":443,"line":578},[441,1058,658],{"class":447},[441,1060,1061,1063,1065],{"class":443,"line":588},[441,1062,566],{"class":447},[441,1064,583],{"class":451},[441,1066,474],{"class":447},[344,1068,1070],{"id":1069},"api-reference","API Reference",[673,1072,1074],{"id":1073},"model","Model",[1076,1077,1078,1096],"table",{},[1079,1080,1081],"thead",{},[1082,1083,1084,1087,1090,1093],"tr",{},[1085,1086,1074],"th",{},[1085,1088,1089],{},"Type",[1085,1091,1092],{},"Default",[1085,1094,1095],{},"Description",[1097,1098,1099],"tbody",{},[1082,1100,1101,1106,1111,1115],{},[1102,1103,1104],"td",{},[329,1105,337],{},[1102,1107,1108],{},[329,1109,1110],{},"number",[1102,1112,1113],{},[329,1114,555],{},[1102,1116,1117],{},"Current page. Rendered state is clamped to available pages.",[673,1119,1121],{"id":1120},"props","Props",[1076,1123,1124,1137],{},[1079,1125,1126],{},[1082,1127,1128,1131,1133,1135],{},[1085,1129,1130],{},"Prop",[1085,1132,1089],{},[1085,1134,1092],{},[1085,1136,1095],{},[1097,1138,1139,1158,1176,1194,1212,1230,1249,1267,1287,1304],{},[1082,1140,1141,1146,1150,1155],{},[1102,1142,1143],{},[329,1144,1145],{},"total",[1102,1147,1148],{},[329,1149,1110],{},[1102,1151,1152],{},[329,1153,1154],{},"0",[1102,1156,1157],{},"Total number of data items.",[1082,1159,1160,1165,1169,1173],{},[1102,1161,1162],{},[329,1163,1164],{},"itemsPerPage",[1102,1166,1167],{},[329,1168,1110],{},[1102,1170,1171],{},[329,1172,638],{},[1102,1174,1175],{},"Data items represented by each page.",[1082,1177,1178,1182,1186,1191],{},[1102,1179,1180],{},[329,1181,681],{},[1102,1183,1184],{},[329,1185,1110],{},[1102,1187,1188],{},[329,1189,1190],{},"2",[1102,1192,1193],{},"Visible page numbers on each side of current page.",[1082,1195,1196,1200,1205,1209],{},[1102,1197,1198],{},[329,1199,767],{},[1102,1201,1202],{},[329,1203,1204],{},"boolean",[1102,1206,1207],{},[329,1208,887],{},[1102,1210,1211],{},"Always includes first\u002Flast page numbers and ellipses.",[1082,1213,1214,1219,1223,1227],{},[1102,1215,1216],{},[329,1217,1218],{},"showFirstLast",[1102,1220,1221],{},[329,1222,1204],{},[1102,1224,1225],{},[329,1226,887],{},[1102,1228,1229],{},"Renders explicit first\u002Flast controls.",[1082,1231,1232,1237,1241,1246],{},[1102,1233,1234],{},[329,1235,1236],{},"showPreviousNext",[1102,1238,1239],{},[329,1240,1204],{},[1102,1242,1243],{},[329,1244,1245],{},"true",[1102,1247,1248],{},"Renders previous\u002Fnext controls.",[1082,1250,1251,1256,1260,1264],{},[1102,1252,1253],{},[329,1254,1255],{},"disabled",[1102,1257,1258],{},[329,1259,1204],{},[1102,1261,1262],{},[329,1263,887],{},[1102,1265,1266],{},"Disables all pagination controls.",[1082,1268,1269,1274,1279,1284],{},[1102,1270,1271],{},[329,1272,1273],{},"ariaLabel",[1102,1275,1276],{},[329,1277,1278],{},"string",[1102,1280,1281],{},[329,1282,1283],{},"\"Pagination\"",[1102,1285,1286],{},"Accessible navigation label.",[1082,1288,1289,1293,1298,1301],{},[1102,1290,1291],{},[329,1292,341],{},[1102,1294,1295],{},[329,1296,1297],{},"(page) => string | undefined",[1102,1299,1300],{},"—",[1102,1302,1303],{},"Renders controls as anchors when an href is returned.",[1082,1305,1306,1310,1315,1317],{},[1102,1307,1308],{},[329,1309,418],{},[1102,1311,1312],{},[329,1313,1314],{},"PaginationUi",[1102,1316,1300],{},[1102,1318,1319],{},"Classes for structural parts.",[673,1321,1323],{"id":1322},"emits","Emits",[1076,1325,1326,1338],{},[1079,1327,1328],{},[1082,1329,1330,1333,1336],{},[1085,1331,1332],{},"Event",[1085,1334,1335],{},"Payload",[1085,1337,1095],{},[1097,1339,1340,1354],{},[1082,1341,1342,1347,1351],{},[1102,1343,1344],{},[329,1345,1346],{},"update:modelValue",[1102,1348,1349],{},[329,1350,607],{},[1102,1352,1353],{},"Fired after an accepted page change.",[1082,1355,1356,1360,1365],{},[1102,1357,1358],{},[329,1359,986],{},[1102,1361,1362],{},[329,1363,1364],{},"(page, details)",[1102,1366,1367,1368,1371],{},"Fired before page change. ",[329,1369,1370],{},"details.cancel()"," prevents it.",[673,1373,1375],{"id":1374},"slots","Slots",[1076,1377,1378,1389],{},[1079,1379,1380],{},[1082,1381,1382,1385,1387],{},[1085,1383,1384],{},"Slot",[1085,1386,1121],{},[1085,1388,1095],{},[1097,1390,1391,1405,1419,1436,1451,1465,1479],{},[1082,1392,1393,1398,1402],{},[1102,1394,1395],{},[329,1396,1397],{},"first",[1102,1399,1400],{},[329,1401,1255],{},[1102,1403,1404],{},"First-page control content.",[1082,1406,1407,1412,1416],{},[1102,1408,1409],{},[329,1410,1411],{},"previous",[1102,1413,1414],{},[329,1415,1255],{},[1102,1417,1418],{},"Previous-page control content.",[1082,1420,1421,1425,1433],{},[1102,1422,1423],{},[329,1424,607],{},[1102,1426,1427,1429,1430],{},[329,1428,607],{},", ",[329,1431,1432],{},"isActive",[1102,1434,1435],{},"Numbered page content.",[1082,1437,1438,1443,1448],{},[1102,1439,1440],{},[329,1441,1442],{},"ellipsis",[1102,1444,1445],{},[329,1446,1447],{},"side",[1102,1449,1450],{},"Start\u002Fend ellipsis content.",[1082,1452,1453,1458,1462],{},[1102,1454,1455],{},[329,1456,1457],{},"next",[1102,1459,1460],{},[329,1461,1255],{},[1102,1463,1464],{},"Next-page control content.",[1082,1466,1467,1472,1476],{},[1102,1468,1469],{},[329,1470,1471],{},"last",[1102,1473,1474],{},[329,1475,1255],{},[1102,1477,1478],{},"Last-page control content.",[1082,1480,1481,1486,1499],{},[1102,1482,1483],{},[329,1484,1485],{},"state",[1102,1487,1488,1429,1490,1429,1493,1429,1496],{},[329,1489,607],{},[329,1491,1492],{},"pageCount",[329,1494,1495],{},"items",[329,1497,1498],{},"goToPage",[1102,1500,1501],{},"Optional state-driven custom UI.",[673,1503,1505],{"id":1504},"methods","Methods",[1076,1507,1508,1517],{},[1079,1509,1510],{},[1082,1511,1512,1515],{},[1085,1513,1514],{},"Method",[1085,1516,1095],{},[1097,1518,1519,1529,1539,1549,1559,1569],{},[1082,1520,1521,1526],{},[1102,1522,1523],{},[329,1524,1525],{},"goToPage(page, reason?, event?)",[1102,1527,1528],{},"Clamps and activates a page.",[1082,1530,1531,1536],{},[1102,1532,1533],{},[329,1534,1535],{},"firstPage(event?)",[1102,1537,1538],{},"Activates page one.",[1082,1540,1541,1546],{},[1102,1542,1543],{},[329,1544,1545],{},"previousPage(event?)",[1102,1547,1548],{},"Activates previous page.",[1082,1550,1551,1556],{},[1102,1552,1553],{},[329,1554,1555],{},"nextPage(event?)",[1102,1557,1558],{},"Activates next page.",[1082,1560,1561,1566],{},[1102,1562,1563],{},[329,1564,1565],{},"lastPage(event?)",[1102,1567,1568],{},"Activates final page.",[1082,1570,1571,1575],{},[1102,1572,1573],{},[329,1574,1492],{},[1102,1576,1577],{},"Read-only computed page count.",[673,1579,1581],{"id":1580},"ui-options","UI Options",[1076,1583,1584,1593],{},[1079,1585,1586],{},[1082,1587,1588,1591],{},[1085,1589,1590],{},"Key",[1085,1592,1095],{},[1097,1594,1595,1605,1615,1625,1634,1643,1652,1661,1670],{},[1082,1596,1597,1602],{},[1102,1598,1599],{},[329,1600,1601],{},"root",[1102,1603,1604],{},"Semantic navigation root.",[1082,1606,1607,1612],{},[1102,1608,1609],{},[329,1610,1611],{},"list",[1102,1613,1614],{},"Page list.",[1082,1616,1617,1622],{},[1102,1618,1619],{},[329,1620,1621],{},"item",[1102,1623,1624],{},"Every list item wrapper.",[1082,1626,1627,1631],{},[1102,1628,1629],{},[329,1630,1397],{},[1102,1632,1633],{},"First-page control.",[1082,1635,1636,1640],{},[1102,1637,1638],{},[329,1639,1411],{},[1102,1641,1642],{},"Previous-page control.",[1082,1644,1645,1649],{},[1102,1646,1647],{},[329,1648,607],{},[1102,1650,1651],{},"Numbered page control.",[1082,1653,1654,1658],{},[1102,1655,1656],{},[329,1657,1442],{},[1102,1659,1660],{},"Omitted-range marker.",[1082,1662,1663,1667],{},[1102,1664,1665],{},[329,1666,1457],{},[1102,1668,1669],{},"Next-page control.",[1082,1671,1672,1676],{},[1102,1673,1674],{},[329,1675,1471],{},[1102,1677,1678],{},"Last-page control.",[673,1680,1682],{"id":1681},"styling-hooks","Styling Hooks",[1076,1684,1685,1698],{},[1079,1686,1687],{},[1082,1688,1689,1692,1695],{},[1085,1690,1691],{},"UI key",[1085,1693,1694],{},"CSS class",[1085,1696,1697],{},"Data attrs",[1097,1699,1700,1714,1727,1741,1758,1773,1787,1804,1819],{},[1082,1701,1702,1706,1711],{},[1102,1703,1704],{},[329,1705,1601],{},[1102,1707,1708],{},[329,1709,1710],{},"akaza-pagination",[1102,1712,1713],{},"`data-akaza-state=\"single",[1082,1715,1716,1720,1725],{},[1102,1717,1718],{},[329,1719,1611],{},[1102,1721,1722],{},[329,1723,1724],{},"akaza-pagination-list",[1102,1726,1300],{},[1082,1728,1729,1733,1738],{},[1102,1730,1731],{},[329,1732,1621],{},[1102,1734,1735],{},[329,1736,1737],{},"akaza-pagination-item",[1102,1739,1740],{},"`data-akaza-type=\"page",[1082,1742,1743,1747,1752],{},[1102,1744,1745],{},[329,1746,1397],{},[1102,1748,1749],{},[329,1750,1751],{},"akaza-pagination-first",[1102,1753,1754,1757],{},[329,1755,1756],{},"data-akaza-disabled",", native\u002FARIA disabled attrs",[1082,1759,1760,1764,1769],{},[1102,1761,1762],{},[329,1763,1411],{},[1102,1765,1766],{},[329,1767,1768],{},"akaza-pagination-previous",[1102,1770,1771,1757],{},[329,1772,1756],{},[1082,1774,1775,1779,1784],{},[1102,1776,1777],{},[329,1778,607],{},[1102,1780,1781],{},[329,1782,1783],{},"akaza-pagination-page",[1102,1785,1786],{},"`data-akaza-state=\"active",[1082,1788,1789,1793,1798],{},[1102,1790,1791],{},[329,1792,1442],{},[1102,1794,1795],{},[329,1796,1797],{},"akaza-pagination-ellipsis",[1102,1799,1800,1803],{},[329,1801,1802],{},"data-akaza-state=\"ellipsis\"",", `data-akaza-side=\"start",[1082,1805,1806,1810,1815],{},[1102,1807,1808],{},[329,1809,1457],{},[1102,1811,1812],{},[329,1813,1814],{},"akaza-pagination-next",[1102,1816,1817,1757],{},[329,1818,1756],{},[1082,1820,1821,1825,1830],{},[1102,1822,1823],{},[329,1824,1471],{},[1102,1826,1827],{},[329,1828,1829],{},"akaza-pagination-last",[1102,1831,1832,1757],{},[329,1833,1756],{},[326,1835,1836,1837,1840,1841,1843,1844,1847],{},"Plain ",[329,1838,1839],{},"class"," applies to the ",[329,1842,414],{}," root. Use ",[329,1845,1846],{},"ui.page"," and control-specific keys for generated controls.",[673,1849,1851],{"id":1850},"keyboard","Keyboard",[326,1853,1854],{},"Pagination uses native buttons or links. Tab moves through enabled controls; Enter and Space activate buttons, and Enter activates links. Boundary controls are disabled and removed from the tab order when they cannot move further.",[1856,1857,1858],"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 .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 .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}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}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);}",{"title":437,"searchDepth":444,"depth":477,"links":1860},[1861,1862,1863,1870],{"id":346,"depth":477,"text":347},{"id":421,"depth":477,"text":23},{"id":670,"depth":477,"text":671,"children":1864},[1865,1866,1867,1868,1869],{"id":675,"depth":508,"text":676},{"id":760,"depth":508,"text":761},{"id":824,"depth":508,"text":825},{"id":904,"depth":508,"text":905},{"id":980,"depth":508,"text":981},{"id":1069,"depth":477,"text":1070,"children":1871},[1872,1873,1874,1875,1876,1877,1878,1879],{"id":1073,"depth":508,"text":1074},{"id":1120,"depth":508,"text":1121},{"id":1322,"depth":508,"text":1323},{"id":1374,"depth":508,"text":1375},{"id":1504,"depth":508,"text":1505},{"id":1580,"depth":508,"text":1581},{"id":1681,"depth":508,"text":1682},{"id":1850,"depth":508,"text":1851},"Accessible page navigation with ranges, ellipses, boundary controls, and optional links.","md",null,{},{"icon":203},{"title":200,"description":1880},"Ey17EkyWRgwkqIwMiETXfyP0EAgk4kbLJZNbEurjL28",[1888,1890],{"title":195,"path":196,"stem":197,"description":1889,"icon":198,"children":-1},"Programmatic overlay mounting with useOverlay.",{"title":205,"path":206,"stem":207,"description":1891,"icon":208,"children":-1},"Multi-cell input for verification codes, PINs, and fixed-length tokens.",1789932256049]