[{"data":1,"prerenderedAt":1542},["ShallowReactive",2],{"i-ph:sidebar":3,"i-ph:caret-left":8,"i-ph:caret-right":10,"components-pagination":12,"i-ph:code":1540},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,256,false,"\u003Cpath fill=\"currentColor\" d=\"M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16M40 152h16a8 8 0 0 0 0-16H40v-16h16a8 8 0 0 0 0-16H40V88h16a8 8 0 0 0 0-16H40V56h40v144H40Zm176 48H96V56h120z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"currentColor\" d=\"M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"currentColor\" d=\"m181.66 133.66l-80 80a8 8 0 0 1-11.32-11.32L164.69 128L90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32\"\u002F>",{"id":13,"title":14,"body":15,"description":25,"extension":1534,"meta":1535,"navigation":125,"path":1536,"seo":1537,"stem":1538,"__hash__":1539},"docs\u002Fdocs\u002Fcomponents\u002Fpagination.md","Pagination",{"type":16,"value":17,"toc":1528},"minimark",[18,22,26,353,358,490,494,539,543,573,577,583,648,654,762,769,772,1524],[19,20,14],"h1",{"id":21},"pagination",[23,24,25],"p",{},"The Pagination component provides a user interface for navigating through paginated content. It supports page numbers, previous\u002Fnext buttons, and first\u002Flast page navigation.",[27,28,30],"pagination-example",{"source-path":29},"Pagination\u002FPagination.vue",[31,32,37],"pre",{"className":33,"code":34,"language":35,"meta":36,"style":36},"language-vue shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","\u003Cscript setup>\nimport { paginate, Pagination } from '@dolanske\u002Fvui'\nimport { computed, ref } from 'vue'\n\nconst currentPage = ref(1)\nconst totalItems = 100\nconst perPage = 10\n\nconst pagination = computed(() => paginate(totalItems, currentPage.value, perPage))\n\nfunction handlePageChange(page) {\n  currentPage.value = page\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CPagination\n    :pagination=\"pagination\"\n    @change=\"handlePageChange\"\n  \u002F>\n\u003C\u002Ftemplate>\n","vue","",[38,39,40,60,95,120,127,153,166,179,184,226,231,251,266,272,282,287,297,306,323,338,344],"code",{"__ignoreMap":36},[41,42,45,49,53,57],"span",{"class":43,"line":44},"line",1,[41,46,48],{"class":47},"sP76a","\u003C",[41,50,52],{"class":51},"sKpE2","script",[41,54,56],{"class":55},"sflEz"," setup",[41,58,59],{"class":47},">\n",[41,61,63,66,69,72,75,78,81,84,88,92],{"class":43,"line":62},2,[41,64,65],{"class":51},"import",[41,67,68],{"class":47}," {",[41,70,71],{"class":55}," paginate",[41,73,74],{"class":47},",",[41,76,77],{"class":55}," Pagination",[41,79,80],{"class":47}," }",[41,82,83],{"class":51}," from",[41,85,87],{"class":86},"sBR95"," '",[41,89,91],{"class":90},"sfmH-","@dolanske\u002Fvui",[41,93,94],{"class":86},"'\n",[41,96,98,100,102,105,107,110,112,114,116,118],{"class":43,"line":97},3,[41,99,65],{"class":51},[41,101,68],{"class":47},[41,103,104],{"class":55}," computed",[41,106,74],{"class":47},[41,108,109],{"class":55}," ref",[41,111,80],{"class":47},[41,113,83],{"class":51},[41,115,87],{"class":86},[41,117,35],{"class":90},[41,119,94],{"class":86},[41,121,123],{"class":43,"line":122},4,[41,124,126],{"emptyLinePlaceholder":125},true,"\n",[41,128,130,134,137,140,143,146,150],{"class":43,"line":129},5,[41,131,133],{"class":132},"sCMWV","const",[41,135,136],{"class":55}," currentPage",[41,138,139],{"class":47}," =",[41,141,109],{"class":142},"sRTv0",[41,144,145],{"class":47},"(",[41,147,149],{"class":148},"socUO","1",[41,151,152],{"class":47},")\n",[41,154,156,158,161,163],{"class":43,"line":155},6,[41,157,133],{"class":132},[41,159,160],{"class":55}," totalItems",[41,162,139],{"class":47},[41,164,165],{"class":148}," 100\n",[41,167,169,171,174,176],{"class":43,"line":168},7,[41,170,133],{"class":132},[41,172,173],{"class":55}," perPage",[41,175,139],{"class":47},[41,177,178],{"class":148}," 10\n",[41,180,182],{"class":43,"line":181},8,[41,183,126],{"emptyLinePlaceholder":125},[41,185,187,189,192,194,196,199,202,204,206,209,211,213,216,219,221,223],{"class":43,"line":186},9,[41,188,133],{"class":132},[41,190,191],{"class":55}," pagination",[41,193,139],{"class":47},[41,195,104],{"class":142},[41,197,198],{"class":47},"(()",[41,200,201],{"class":47}," =>",[41,203,71],{"class":142},[41,205,145],{"class":47},[41,207,208],{"class":55},"totalItems",[41,210,74],{"class":47},[41,212,136],{"class":55},[41,214,215],{"class":47},".",[41,217,218],{"class":55},"value",[41,220,74],{"class":47},[41,222,173],{"class":55},[41,224,225],{"class":47},"))\n",[41,227,229],{"class":43,"line":228},10,[41,230,126],{"emptyLinePlaceholder":125},[41,232,234,237,240,242,245,248],{"class":43,"line":233},11,[41,235,236],{"class":132},"function",[41,238,239],{"class":142}," handlePageChange",[41,241,145],{"class":47},[41,243,244],{"class":55},"page",[41,246,247],{"class":47},")",[41,249,250],{"class":47}," {\n",[41,252,254,257,259,261,263],{"class":43,"line":253},12,[41,255,256],{"class":55},"  currentPage",[41,258,215],{"class":47},[41,260,218],{"class":55},[41,262,139],{"class":47},[41,264,265],{"class":55}," page\n",[41,267,269],{"class":43,"line":268},13,[41,270,271],{"class":47},"}\n",[41,273,275,278,280],{"class":43,"line":274},14,[41,276,277],{"class":47},"\u003C\u002F",[41,279,52],{"class":51},[41,281,59],{"class":47},[41,283,285],{"class":43,"line":284},15,[41,286,126],{"emptyLinePlaceholder":125},[41,288,290,292,295],{"class":43,"line":289},16,[41,291,48],{"class":47},[41,293,294],{"class":51},"template",[41,296,59],{"class":47},[41,298,300,303],{"class":43,"line":299},17,[41,301,302],{"class":47},"  \u003C",[41,304,305],{"class":51},"Pagination\n",[41,307,309,312,315,318,320],{"class":43,"line":308},18,[41,310,311],{"class":55},"    :pagination",[41,313,314],{"class":47},"=",[41,316,317],{"class":86},"\"",[41,319,21],{"class":90},[41,321,322],{"class":86},"\"\n",[41,324,326,329,331,333,336],{"class":43,"line":325},19,[41,327,328],{"class":55},"    @change",[41,330,314],{"class":47},[41,332,317],{"class":86},[41,334,335],{"class":90},"handlePageChange",[41,337,322],{"class":86},[41,339,341],{"class":43,"line":340},20,[41,342,343],{"class":47},"  \u002F>\n",[41,345,347,349,351],{"class":43,"line":346},21,[41,348,277],{"class":47},[41,350,294],{"class":51},[41,352,59],{"class":47},[354,355,357],"h3",{"id":356},"props","Props",[359,360,361,377],"table",{},[362,363,364],"thead",{},[365,366,367,371,374],"tr",{},[368,369,370],"th",{},"Name",[368,372,373],{},"Default",[368,375,376],{},"Type",[378,379,380,399,419,437,455],"tbody",{},[365,381,382,387,390],{},[383,384,385],"td",{},[38,386,21],{},[383,388,389],{},"required",[383,391,392,394,395,398],{},[38,393,14],{}," ",[396,397],"br",{}," The pagination state object containing page information",[365,400,401,406,411],{},[383,402,403],{},[38,404,405],{},"numbers",[383,407,408],{},[38,409,410],{},"true",[383,412,413,394,416,418],{},[38,414,415],{},"boolean",[396,417],{}," Whether to show page numbers",[365,420,421,426,430],{},[383,422,423],{},[38,424,425],{},"prevNext",[383,427,428],{},[38,429,410],{},[383,431,432,394,434,436],{},[38,433,415],{},[396,435],{}," Whether to show previous\u002Fnext buttons",[365,438,439,444,448],{},[383,440,441],{},[38,442,443],{},"firstLast",[383,445,446],{},[38,447,410],{},[383,449,450,394,452,454],{},[38,451,415],{},[396,453],{}," Whether to show first\u002Flast page buttons",[365,456,457,462,467],{},[383,458,459],{},[38,460,461],{},"variant",[383,463,464],{},[38,465,466],{},"'gray'",[383,468,469,394,472,394,475,394,478,394,481,394,484,394,487,489],{},[38,470,471],{},"fill",[38,473,474],{},"danger",[38,476,477],{},"success",[38,479,480],{},"link",[38,482,483],{},"accent",[38,485,486],{},"gray",[396,488],{}," The variant of the buttons",[354,491,493],{"id":492},"slots","Slots",[359,495,496,508],{},[362,497,498],{},[365,499,500,502,505],{},[368,501,370],{},[368,503,504],{},"Accepts",[368,506,507],{},"Description",[378,509,510,525],{},[365,511,512,517,522],{},[383,513,514],{},[38,515,516],{},"prev",[383,518,519],{},[38,520,521],{},"any",[383,523,524],{},"Custom content for the previous button",[365,526,527,532,536],{},[383,528,529],{},[38,530,531],{},"next",[383,533,534],{},[38,535,521],{},[383,537,538],{},"Custom content for the next button",[354,540,542],{"id":541},"events","Events",[359,544,545,556],{},[362,546,547],{},[365,548,549,552,554],{},[368,550,551],{},"Event",[368,553,376],{},[368,555,507],{},[378,557,558],{},[365,559,560,565,570],{},[383,561,562],{},[38,563,564],{},"change",[383,566,567],{},[38,568,569],{},"(page: number) => void",[383,571,572],{},"Emitted when the page is changed",[354,574,576],{"id":575},"paginate","Paginate",[23,578,579,580,582],{},"The library exports a ",[38,581,575],{}," composable which allows users to define their own pagination context without having to use the provided component.",[31,584,588],{"className":585,"code":586,"language":587,"meta":36,"style":36},"language-ts shiki shiki-themes vitesse-dark vitesse-light vitesse-dark","const ctx = paginate(\n  100, \u002F\u002F Total number of items\n  1, \u002F\u002F Current page, 1-indexed\n  15, \u002F\u002F Number of items per page\n  5 \u002F\u002F Maximum number of pages to display\n)\n","ts",[38,589,590,605,616,626,636,644],{"__ignoreMap":36},[41,591,592,595,598,600,602],{"class":43,"line":44},[41,593,594],{"class":132},"const ",[41,596,597],{"class":55},"ctx",[41,599,139],{"class":47},[41,601,71],{"class":142},[41,603,604],{"class":47},"(\n",[41,606,607,610,612],{"class":43,"line":62},[41,608,609],{"class":148},"  100",[41,611,74],{"class":47},[41,613,615],{"class":614},"sR5Ys"," \u002F\u002F Total number of items\n",[41,617,618,621,623],{"class":43,"line":97},[41,619,620],{"class":148},"  1",[41,622,74],{"class":47},[41,624,625],{"class":614}," \u002F\u002F Current page, 1-indexed\n",[41,627,628,631,633],{"class":43,"line":122},[41,629,630],{"class":148},"  15",[41,632,74],{"class":47},[41,634,635],{"class":614}," \u002F\u002F Number of items per page\n",[41,637,638,641],{"class":43,"line":129},[41,639,640],{"class":148},"  5",[41,642,643],{"class":614}," \u002F\u002F Maximum number of pages to display\n",[41,645,646],{"class":43,"line":155},[41,647,152],{"class":47},[23,649,650,651,653],{},"The function returns a ",[38,652,14],{}," interface with the following properties:",[31,655,657],{"className":585,"code":656,"language":587,"meta":36,"style":36},"export interface Pagination {\n  totalItems: number\n  currentPage: number\n  perPage: number\n  totalPages: number\n  startPage: number\n  endPage: number\n  startIndex: number\n  endIndex: number\n  pages: number[]\n}\n",[38,658,659,672,683,691,700,709,718,727,736,745,758],{"__ignoreMap":36},[41,660,661,664,667,670],{"class":43,"line":44},[41,662,663],{"class":51},"export",[41,665,666],{"class":132}," interface",[41,668,77],{"class":669},"sTIxS",[41,671,250],{"class":47},[41,673,674,677,680],{"class":43,"line":62},[41,675,676],{"class":55},"  totalItems",[41,678,679],{"class":47},": ",[41,681,682],{"class":669},"number\n",[41,684,685,687,689],{"class":43,"line":97},[41,686,256],{"class":55},[41,688,679],{"class":47},[41,690,682],{"class":669},[41,692,693,696,698],{"class":43,"line":122},[41,694,695],{"class":55},"  perPage",[41,697,679],{"class":47},[41,699,682],{"class":669},[41,701,702,705,707],{"class":43,"line":129},[41,703,704],{"class":55},"  totalPages",[41,706,679],{"class":47},[41,708,682],{"class":669},[41,710,711,714,716],{"class":43,"line":155},[41,712,713],{"class":55},"  startPage",[41,715,679],{"class":47},[41,717,682],{"class":669},[41,719,720,723,725],{"class":43,"line":168},[41,721,722],{"class":55},"  endPage",[41,724,679],{"class":47},[41,726,682],{"class":669},[41,728,729,732,734],{"class":43,"line":181},[41,730,731],{"class":55},"  startIndex",[41,733,679],{"class":47},[41,735,682],{"class":669},[41,737,738,741,743],{"class":43,"line":186},[41,739,740],{"class":55},"  endIndex",[41,742,679],{"class":47},[41,744,682],{"class":669},[41,746,747,750,752,755],{"class":43,"line":228},[41,748,749],{"class":55},"  pages",[41,751,679],{"class":47},[41,753,754],{"class":669},"number",[41,756,757],{"class":47},"[]\n",[41,759,760],{"class":43,"line":233},[41,761,271],{"class":47},[23,763,764,765,768],{},"If you use this inside Vue's ",[38,766,767],{},"computed",", you will have an auto-updating pagination object that you can use in your template to manually control active pages and displayed data.",[23,770,771],{},"Here's an example of a custom pagination without using any VUI components.",[31,773,775],{"className":33,"code":774,"language":35,"meta":36,"style":36},"\u003Cscript setup>\nimport { paginate } from '@dolanske\u002Fvui'\nimport { computed, ref } from 'vue'\n\n\u002F\u002F Sample data\nconst items = ref([\n  { id: 1, name: 'Item 1' },\n  { id: 2, name: 'Item 2' },\n  { id: 3, name: 'Item 3' },\n  { id: 4, name: 'Item 4' },\n  { id: 5, name: 'Item 5' },\n  { id: 6, name: 'Item 6' },\n])\n\nconst currentPage = ref(1)\nconst perPage = 3\n\n\u002F\u002F Create pagination context\nconst pagination = computed(() =>\n  paginate(items.value.length, currentPage.value, perPage, 3)\n)\n\n\u002F\u002F Get current page items\nconst currentItems = computed(() => {\n  const { startIndex, endIndex } = pagination.value\n  return items.value.slice(startIndex, endIndex)\n})\n\nfunction goToNext() {\n  if (currentPage.value \u003C pagination.value.totalPages) {\n    currentPage.value++\n  }\n}\n\nfunction goToPrev() {\n  if (currentPage.value > 1) {\n    currentPage.value--\n  }\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv v-for=\"item in currentItems\" :key=\"item.id\">\n    {{ item.name }}\n  \u003C\u002Fdiv>\n\n  \u003Cbutton :disabled=\"currentPage === 1\" @click=\"goToPrev\">\n    Previous\n  \u003C\u002Fbutton>\n  \u003Cbutton :disabled=\"currentPage === pagination.totalPages\" @click=\"goToNext\">\n    Next\n  \u003C\u002Fbutton>\n\u003C\u002Ftemplate>\n",[38,776,777,787,805,827,831,836,850,883,909,935,961,987,1013,1018,1022,1038,1049,1053,1058,1073,1110,1114,1119,1125,1143,1170,1198,1204,1209,1222,1256,1269,1275,1280,1285,1297,1319,1331,1336,1341,1350,1355,1364,1398,1405,1415,1420,1454,1460,1469,1500,1506,1515],{"__ignoreMap":36},[41,778,779,781,783,785],{"class":43,"line":44},[41,780,48],{"class":47},[41,782,52],{"class":51},[41,784,56],{"class":55},[41,786,59],{"class":47},[41,788,789,791,793,795,797,799,801,803],{"class":43,"line":62},[41,790,65],{"class":51},[41,792,68],{"class":47},[41,794,71],{"class":55},[41,796,80],{"class":47},[41,798,83],{"class":51},[41,800,87],{"class":86},[41,802,91],{"class":90},[41,804,94],{"class":86},[41,806,807,809,811,813,815,817,819,821,823,825],{"class":43,"line":97},[41,808,65],{"class":51},[41,810,68],{"class":47},[41,812,104],{"class":55},[41,814,74],{"class":47},[41,816,109],{"class":55},[41,818,80],{"class":47},[41,820,83],{"class":51},[41,822,87],{"class":86},[41,824,35],{"class":90},[41,826,94],{"class":86},[41,828,829],{"class":43,"line":122},[41,830,126],{"emptyLinePlaceholder":125},[41,832,833],{"class":43,"line":129},[41,834,835],{"class":614},"\u002F\u002F Sample data\n",[41,837,838,840,843,845,847],{"class":43,"line":155},[41,839,133],{"class":132},[41,841,842],{"class":55}," items",[41,844,139],{"class":47},[41,846,109],{"class":142},[41,848,849],{"class":47},"([\n",[41,851,852,855,859,862,865,867,870,872,874,877,880],{"class":43,"line":168},[41,853,854],{"class":47},"  {",[41,856,858],{"class":857},"sDB6b"," id",[41,860,861],{"class":47},":",[41,863,864],{"class":148}," 1",[41,866,74],{"class":47},[41,868,869],{"class":857}," name",[41,871,861],{"class":47},[41,873,87],{"class":86},[41,875,876],{"class":90},"Item 1",[41,878,879],{"class":86},"'",[41,881,882],{"class":47}," },\n",[41,884,885,887,889,891,894,896,898,900,902,905,907],{"class":43,"line":181},[41,886,854],{"class":47},[41,888,858],{"class":857},[41,890,861],{"class":47},[41,892,893],{"class":148}," 2",[41,895,74],{"class":47},[41,897,869],{"class":857},[41,899,861],{"class":47},[41,901,87],{"class":86},[41,903,904],{"class":90},"Item 2",[41,906,879],{"class":86},[41,908,882],{"class":47},[41,910,911,913,915,917,920,922,924,926,928,931,933],{"class":43,"line":186},[41,912,854],{"class":47},[41,914,858],{"class":857},[41,916,861],{"class":47},[41,918,919],{"class":148}," 3",[41,921,74],{"class":47},[41,923,869],{"class":857},[41,925,861],{"class":47},[41,927,87],{"class":86},[41,929,930],{"class":90},"Item 3",[41,932,879],{"class":86},[41,934,882],{"class":47},[41,936,937,939,941,943,946,948,950,952,954,957,959],{"class":43,"line":228},[41,938,854],{"class":47},[41,940,858],{"class":857},[41,942,861],{"class":47},[41,944,945],{"class":148}," 4",[41,947,74],{"class":47},[41,949,869],{"class":857},[41,951,861],{"class":47},[41,953,87],{"class":86},[41,955,956],{"class":90},"Item 4",[41,958,879],{"class":86},[41,960,882],{"class":47},[41,962,963,965,967,969,972,974,976,978,980,983,985],{"class":43,"line":233},[41,964,854],{"class":47},[41,966,858],{"class":857},[41,968,861],{"class":47},[41,970,971],{"class":148}," 5",[41,973,74],{"class":47},[41,975,869],{"class":857},[41,977,861],{"class":47},[41,979,87],{"class":86},[41,981,982],{"class":90},"Item 5",[41,984,879],{"class":86},[41,986,882],{"class":47},[41,988,989,991,993,995,998,1000,1002,1004,1006,1009,1011],{"class":43,"line":253},[41,990,854],{"class":47},[41,992,858],{"class":857},[41,994,861],{"class":47},[41,996,997],{"class":148}," 6",[41,999,74],{"class":47},[41,1001,869],{"class":857},[41,1003,861],{"class":47},[41,1005,87],{"class":86},[41,1007,1008],{"class":90},"Item 6",[41,1010,879],{"class":86},[41,1012,882],{"class":47},[41,1014,1015],{"class":43,"line":268},[41,1016,1017],{"class":47},"])\n",[41,1019,1020],{"class":43,"line":274},[41,1021,126],{"emptyLinePlaceholder":125},[41,1023,1024,1026,1028,1030,1032,1034,1036],{"class":43,"line":284},[41,1025,133],{"class":132},[41,1027,136],{"class":55},[41,1029,139],{"class":47},[41,1031,109],{"class":142},[41,1033,145],{"class":47},[41,1035,149],{"class":148},[41,1037,152],{"class":47},[41,1039,1040,1042,1044,1046],{"class":43,"line":289},[41,1041,133],{"class":132},[41,1043,173],{"class":55},[41,1045,139],{"class":47},[41,1047,1048],{"class":148}," 3\n",[41,1050,1051],{"class":43,"line":299},[41,1052,126],{"emptyLinePlaceholder":125},[41,1054,1055],{"class":43,"line":308},[41,1056,1057],{"class":614},"\u002F\u002F Create pagination context\n",[41,1059,1060,1062,1064,1066,1068,1070],{"class":43,"line":325},[41,1061,133],{"class":132},[41,1063,191],{"class":55},[41,1065,139],{"class":47},[41,1067,104],{"class":142},[41,1069,198],{"class":47},[41,1071,1072],{"class":47}," =>\n",[41,1074,1075,1078,1080,1083,1085,1087,1089,1092,1094,1096,1098,1100,1102,1104,1106,1108],{"class":43,"line":340},[41,1076,1077],{"class":142},"  paginate",[41,1079,145],{"class":47},[41,1081,1082],{"class":55},"items",[41,1084,215],{"class":47},[41,1086,218],{"class":55},[41,1088,215],{"class":47},[41,1090,1091],{"class":857},"length",[41,1093,74],{"class":47},[41,1095,136],{"class":55},[41,1097,215],{"class":47},[41,1099,218],{"class":55},[41,1101,74],{"class":47},[41,1103,173],{"class":55},[41,1105,74],{"class":47},[41,1107,919],{"class":148},[41,1109,152],{"class":47},[41,1111,1112],{"class":43,"line":346},[41,1113,152],{"class":47},[41,1115,1117],{"class":43,"line":1116},22,[41,1118,126],{"emptyLinePlaceholder":125},[41,1120,1122],{"class":43,"line":1121},23,[41,1123,1124],{"class":614},"\u002F\u002F Get current page items\n",[41,1126,1128,1130,1133,1135,1137,1139,1141],{"class":43,"line":1127},24,[41,1129,133],{"class":132},[41,1131,1132],{"class":55}," currentItems",[41,1134,139],{"class":47},[41,1136,104],{"class":142},[41,1138,198],{"class":47},[41,1140,201],{"class":47},[41,1142,250],{"class":47},[41,1144,1146,1149,1151,1154,1156,1159,1161,1163,1165,1167],{"class":43,"line":1145},25,[41,1147,1148],{"class":132},"  const",[41,1150,68],{"class":47},[41,1152,1153],{"class":55}," startIndex",[41,1155,74],{"class":47},[41,1157,1158],{"class":55}," endIndex",[41,1160,80],{"class":47},[41,1162,139],{"class":47},[41,1164,191],{"class":55},[41,1166,215],{"class":47},[41,1168,1169],{"class":55},"value\n",[41,1171,1173,1176,1178,1180,1182,1184,1187,1189,1192,1194,1196],{"class":43,"line":1172},26,[41,1174,1175],{"class":51},"  return",[41,1177,842],{"class":55},[41,1179,215],{"class":47},[41,1181,218],{"class":55},[41,1183,215],{"class":47},[41,1185,1186],{"class":142},"slice",[41,1188,145],{"class":47},[41,1190,1191],{"class":55},"startIndex",[41,1193,74],{"class":47},[41,1195,1158],{"class":55},[41,1197,152],{"class":47},[41,1199,1201],{"class":43,"line":1200},27,[41,1202,1203],{"class":47},"})\n",[41,1205,1207],{"class":43,"line":1206},28,[41,1208,126],{"emptyLinePlaceholder":125},[41,1210,1212,1214,1217,1220],{"class":43,"line":1211},29,[41,1213,236],{"class":132},[41,1215,1216],{"class":142}," goToNext",[41,1218,1219],{"class":47},"()",[41,1221,250],{"class":47},[41,1223,1225,1228,1231,1234,1236,1238,1241,1243,1245,1247,1249,1252,1254],{"class":43,"line":1224},30,[41,1226,1227],{"class":51},"  if",[41,1229,1230],{"class":47}," (",[41,1232,1233],{"class":55},"currentPage",[41,1235,215],{"class":47},[41,1237,218],{"class":55},[41,1239,1240],{"class":47}," \u003C",[41,1242,191],{"class":55},[41,1244,215],{"class":47},[41,1246,218],{"class":55},[41,1248,215],{"class":47},[41,1250,1251],{"class":55},"totalPages",[41,1253,247],{"class":47},[41,1255,250],{"class":47},[41,1257,1259,1262,1264,1266],{"class":43,"line":1258},31,[41,1260,1261],{"class":55},"    currentPage",[41,1263,215],{"class":47},[41,1265,218],{"class":55},[41,1267,1268],{"class":132},"++\n",[41,1270,1272],{"class":43,"line":1271},32,[41,1273,1274],{"class":47},"  }\n",[41,1276,1278],{"class":43,"line":1277},33,[41,1279,271],{"class":47},[41,1281,1283],{"class":43,"line":1282},34,[41,1284,126],{"emptyLinePlaceholder":125},[41,1286,1288,1290,1293,1295],{"class":43,"line":1287},35,[41,1289,236],{"class":132},[41,1291,1292],{"class":142}," goToPrev",[41,1294,1219],{"class":47},[41,1296,250],{"class":47},[41,1298,1300,1302,1304,1306,1308,1310,1313,1315,1317],{"class":43,"line":1299},36,[41,1301,1227],{"class":51},[41,1303,1230],{"class":47},[41,1305,1233],{"class":55},[41,1307,215],{"class":47},[41,1309,218],{"class":55},[41,1311,1312],{"class":47}," >",[41,1314,864],{"class":148},[41,1316,247],{"class":47},[41,1318,250],{"class":47},[41,1320,1322,1324,1326,1328],{"class":43,"line":1321},37,[41,1323,1261],{"class":55},[41,1325,215],{"class":47},[41,1327,218],{"class":55},[41,1329,1330],{"class":132},"--\n",[41,1332,1334],{"class":43,"line":1333},38,[41,1335,1274],{"class":47},[41,1337,1339],{"class":43,"line":1338},39,[41,1340,271],{"class":47},[41,1342,1344,1346,1348],{"class":43,"line":1343},40,[41,1345,277],{"class":47},[41,1347,52],{"class":51},[41,1349,59],{"class":47},[41,1351,1353],{"class":43,"line":1352},41,[41,1354,126],{"emptyLinePlaceholder":125},[41,1356,1358,1360,1362],{"class":43,"line":1357},42,[41,1359,48],{"class":47},[41,1361,294],{"class":51},[41,1363,59],{"class":47},[41,1365,1367,1369,1372,1375,1377,1379,1382,1384,1387,1389,1391,1394,1396],{"class":43,"line":1366},43,[41,1368,302],{"class":47},[41,1370,1371],{"class":51},"div",[41,1373,1374],{"class":55}," v-for",[41,1376,314],{"class":47},[41,1378,317],{"class":86},[41,1380,1381],{"class":90},"item in currentItems",[41,1383,317],{"class":86},[41,1385,1386],{"class":55}," :key",[41,1388,314],{"class":47},[41,1390,317],{"class":86},[41,1392,1393],{"class":90},"item.id",[41,1395,317],{"class":86},[41,1397,59],{"class":47},[41,1399,1401],{"class":43,"line":1400},44,[41,1402,1404],{"class":1403},"sX1ls","    {{ item.name }}\n",[41,1406,1408,1411,1413],{"class":43,"line":1407},45,[41,1409,1410],{"class":47},"  \u003C\u002F",[41,1412,1371],{"class":51},[41,1414,59],{"class":47},[41,1416,1418],{"class":43,"line":1417},46,[41,1419,126],{"emptyLinePlaceholder":125},[41,1421,1423,1425,1428,1431,1433,1435,1438,1440,1443,1445,1447,1450,1452],{"class":43,"line":1422},47,[41,1424,302],{"class":47},[41,1426,1427],{"class":51},"button",[41,1429,1430],{"class":55}," :disabled",[41,1432,314],{"class":47},[41,1434,317],{"class":86},[41,1436,1437],{"class":90},"currentPage === 1",[41,1439,317],{"class":86},[41,1441,1442],{"class":55}," @click",[41,1444,314],{"class":47},[41,1446,317],{"class":86},[41,1448,1449],{"class":90},"goToPrev",[41,1451,317],{"class":86},[41,1453,59],{"class":47},[41,1455,1457],{"class":43,"line":1456},48,[41,1458,1459],{"class":1403},"    Previous\n",[41,1461,1463,1465,1467],{"class":43,"line":1462},49,[41,1464,1410],{"class":47},[41,1466,1427],{"class":51},[41,1468,59],{"class":47},[41,1470,1472,1474,1476,1478,1480,1482,1485,1487,1489,1491,1493,1496,1498],{"class":43,"line":1471},50,[41,1473,302],{"class":47},[41,1475,1427],{"class":51},[41,1477,1430],{"class":55},[41,1479,314],{"class":47},[41,1481,317],{"class":86},[41,1483,1484],{"class":90},"currentPage === pagination.totalPages",[41,1486,317],{"class":86},[41,1488,1442],{"class":55},[41,1490,314],{"class":47},[41,1492,317],{"class":86},[41,1494,1495],{"class":90},"goToNext",[41,1497,317],{"class":86},[41,1499,59],{"class":47},[41,1501,1503],{"class":43,"line":1502},51,[41,1504,1505],{"class":1403},"    Next\n",[41,1507,1509,1511,1513],{"class":43,"line":1508},52,[41,1510,1410],{"class":47},[41,1512,1427],{"class":51},[41,1514,59],{"class":47},[41,1516,1518,1520,1522],{"class":43,"line":1517},53,[41,1519,277],{"class":47},[41,1521,294],{"class":51},[41,1523,59],{"class":47},[1525,1526,1527],"style",{},"html pre.shiki code .sP76a, html code.shiki .sP76a{--shiki-dark:#666666;--shiki-light:#999999;--shiki-default:#666666}html pre.shiki code .sKpE2, html code.shiki .sKpE2{--shiki-dark:#4D9375;--shiki-light:#1E754F;--shiki-default:#4D9375}html pre.shiki code .sflEz, html code.shiki .sflEz{--shiki-dark:#BD976A;--shiki-light:#B07D48;--shiki-default:#BD976A}html pre.shiki code .sBR95, html code.shiki .sBR95{--shiki-dark:#C98A7D77;--shiki-light:#B5695977;--shiki-default:#C98A7D77}html pre.shiki code .sfmH-, html code.shiki .sfmH-{--shiki-dark:#C98A7D;--shiki-light:#B56959;--shiki-default:#C98A7D}html pre.shiki code .sCMWV, html code.shiki .sCMWV{--shiki-dark:#CB7676;--shiki-light:#AB5959;--shiki-default:#CB7676}html pre.shiki code .sRTv0, html code.shiki .sRTv0{--shiki-dark:#80A665;--shiki-light:#59873A;--shiki-default:#80A665}html pre.shiki code .socUO, html code.shiki .socUO{--shiki-dark:#4C9A91;--shiki-light:#2F798A;--shiki-default:#4C9A91}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 .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 pre.shiki code .sR5Ys, html code.shiki .sR5Ys{--shiki-dark:#758575DD;--shiki-light:#A0ADA0;--shiki-default:#758575DD}html pre.shiki code .sTIxS, html code.shiki .sTIxS{--shiki-dark:#5DA994;--shiki-light:#2E8F82;--shiki-default:#5DA994}html pre.shiki code .sDB6b, html code.shiki .sDB6b{--shiki-dark:#B8A965;--shiki-light:#998418;--shiki-default:#B8A965}html pre.shiki code .sX1ls, html code.shiki .sX1ls{--shiki-dark:#DBD7CAEE;--shiki-light:#393A34;--shiki-default:#DBD7CAEE}",{"title":36,"searchDepth":62,"depth":62,"links":1529},[1530,1531,1532,1533],{"id":356,"depth":97,"text":357},{"id":492,"depth":97,"text":493},{"id":541,"depth":97,"text":542},{"id":575,"depth":97,"text":576},"md",{},"\u002Fdocs\u002Fcomponents\u002Fpagination",{"title":14,"description":25},"docs\u002Fcomponents\u002Fpagination","PtOz75VELoEVdXw3Qr_pSObg46zo2Vk2hUn1ljeZbtQ",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":1541},"\u003Cpath fill=\"currentColor\" d=\"M69.12 94.15L28.5 128l40.62 33.85a8 8 0 1 1-10.24 12.29l-48-40a8 8 0 0 1 0-12.29l48-40a8 8 0 0 1 10.24 12.3m176 27.7l-48-40a8 8 0 1 0-10.24 12.3L227.5 128l-40.62 33.85a8 8 0 1 0 10.24 12.29l48-40a8 8 0 0 0 0-12.29m-82.39-89.37a8 8 0 0 0-10.25 4.79l-64 176a8 8 0 0 0 4.79 10.26A8.1 8.1 0 0 0 96 224a8 8 0 0 0 7.52-5.27l64-176a8 8 0 0 0-4.79-10.25\"\u002F>",1782200883040]