[{"data":1,"prerenderedAt":956},["ShallowReactive",2],{"navigation_docs":3,"-components-pagination":353,"-components-pagination-surround":534,"component-example-paginationBasicExample":539,"component-meta-MtPagination":542,"component-example-ast-paginationBasicExample":565},[4,114,302],{"title":5,"path":6,"stem":7,"children":8,"page":34},"Documentation","\u002Fdocumentation","1.documentation",[9,35,56,93],{"title":10,"path":11,"stem":12,"children":13,"page":34},"Getting Started","\u002Fdocumentation\u002Fgetting-started","1.documentation\u002F1.getting-started",[14,18,22,26,30],{"title":15,"path":16,"stem":17},"Installation","\u002Fdocumentation\u002Fgetting-started\u002Finstallation","1.documentation\u002F1.getting-started\u002F1.installation",{"title":19,"path":20,"stem":21},"Agents","\u002Fdocumentation\u002Fgetting-started\u002Fagents","1.documentation\u002F1.getting-started\u002F2.agents",{"title":23,"path":24,"stem":25},"Migration","\u002Fdocumentation\u002Fgetting-started\u002Fmigration","1.documentation\u002F1.getting-started\u002F3.migration",{"title":27,"path":28,"stem":29},"Contributing","\u002Fdocumentation\u002Fgetting-started\u002Fcontributing","1.documentation\u002F1.getting-started\u002F4.contributing",{"title":31,"path":32,"stem":33},"What's new","\u002Fdocumentation\u002Fgetting-started\u002Fwhats-new","1.documentation\u002F1.getting-started\u002F5.whats-new",false,{"title":36,"path":37,"stem":38,"children":39,"page":34},"Guidelines","\u002Fdocumentation\u002Fguidelines","1.documentation\u002F2.guidelines",[40,44,48,52],{"title":41,"path":42,"stem":43},"Design Principles","\u002Fdocumentation\u002Fguidelines\u002Fdesign-principles","1.documentation\u002F2.guidelines\u002F1.design-principles",{"title":45,"path":46,"stem":47},"Accessibility","\u002Fdocumentation\u002Fguidelines\u002Faccessibility","1.documentation\u002F2.guidelines\u002F2.accessibility",{"title":49,"path":50,"stem":51},"Interactions","\u002Fdocumentation\u002Fguidelines\u002Finteractions","1.documentation\u002F2.guidelines\u002F3.interactions",{"title":53,"path":54,"stem":55},"Components","\u002Fdocumentation\u002Fguidelines\u002Fcomponents","1.documentation\u002F2.guidelines\u002F4.components",{"title":57,"path":58,"stem":59,"children":60,"page":34},"Design","\u002Fdocumentation\u002Fdesign","1.documentation\u002F3.design",[61,65,69,73,77,81,85,89],{"title":62,"path":63,"stem":64},"Tokens","\u002Fdocumentation\u002Fdesign\u002Ftokens","1.documentation\u002F3.design\u002F1.tokens",{"title":66,"path":67,"stem":68},"Color Palette","\u002Fdocumentation\u002Fdesign\u002Fcolor-palette","1.documentation\u002F3.design\u002F2.color-palette",{"title":70,"path":71,"stem":72},"Elevation","\u002Fdocumentation\u002Fdesign\u002Felevation","1.documentation\u002F3.design\u002F3.elevation",{"title":74,"path":75,"stem":76},"Spacing","\u002Fdocumentation\u002Fdesign\u002Fspacing","1.documentation\u002F3.design\u002F4.spacing",{"title":78,"path":79,"stem":80},"Border Radius","\u002Fdocumentation\u002Fdesign\u002Fborder-radius","1.documentation\u002F3.design\u002F5.border-radius",{"title":82,"path":83,"stem":84},"Typography","\u002Fdocumentation\u002Fdesign\u002Ftypography","1.documentation\u002F3.design\u002F6.typography",{"title":86,"path":87,"stem":88},"Icons","\u002Fdocumentation\u002Fdesign\u002Ficons","1.documentation\u002F3.design\u002F7.icons",{"title":90,"path":91,"stem":92},"Motion","\u002Fdocumentation\u002Fdesign\u002Fmotion","1.documentation\u002F3.design\u002F8.motion",{"title":94,"path":95,"stem":96,"children":97,"page":34},"Content","\u002Fdocumentation\u002Fcontent","1.documentation\u002F4.content",[98,102,106,110],{"title":99,"path":100,"stem":101},"Wording","\u002Fdocumentation\u002Fcontent\u002Fwording","1.documentation\u002F4.content\u002F1.wording",{"title":103,"path":104,"stem":105},"Messaging","\u002Fdocumentation\u002Fcontent\u002Fmessaging","1.documentation\u002F4.content\u002F2.messaging",{"title":107,"path":108,"stem":109},"Glossary","\u002Fdocumentation\u002Fcontent\u002Fglossary","1.documentation\u002F4.content\u002F3.glossary",{"title":111,"path":112,"stem":113},"Artificial Intelligence","\u002Fdocumentation\u002Fcontent\u002Fartificial-intelligence","1.documentation\u002F4.content\u002F4.artificial-intelligence",{"title":53,"path":115,"stem":116,"children":117,"page":34},"\u002Fcomponents","2.components",[118,122,126,130,134,138,142,146,150,154,158,162,166,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250,254,258,262,266,270,274,278,282,286,290,294,298],{"title":119,"path":120,"stem":121},"Action Menu","\u002Fcomponents\u002Faction-menu","2.components\u002Faction-menu",{"title":123,"path":124,"stem":125},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar",{"title":127,"path":128,"stem":129},"Badge","\u002Fcomponents\u002Fbadge","2.components\u002Fbadge",{"title":131,"path":132,"stem":133},"Banner","\u002Fcomponents\u002Fbanner","2.components\u002Fbanner",{"title":135,"path":136,"stem":137},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton",{"title":139,"path":140,"stem":141},"Card","\u002Fcomponents\u002Fcard","2.components\u002Fcard",{"title":143,"path":144,"stem":145},"Chart","\u002Fcomponents\u002Fchart","2.components\u002Fchart",{"title":147,"path":148,"stem":149},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox",{"title":151,"path":152,"stem":153},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible",{"title":155,"path":156,"stem":157},"Colorpicker","\u002Fcomponents\u002Fcolorpicker","2.components\u002Fcolorpicker",{"title":159,"path":160,"stem":161},"Data Table","\u002Fcomponents\u002Fdata-table","2.components\u002Fdata-table",{"title":163,"path":164,"stem":165},"Datepicker","\u002Fcomponents\u002Fdatepicker","2.components\u002Fdatepicker",{"title":167,"path":168,"stem":169},"Email Field","\u002Fcomponents\u002Femail-field","2.components\u002Femail-field",{"title":171,"path":172,"stem":173},"Empty State","\u002Fcomponents\u002Fempty-state","2.components\u002Fempty-state",{"title":175,"path":176,"stem":177},"Entity Data Table","\u002Fcomponents\u002Fentity-data-table","2.components\u002Fentity-data-table",{"title":179,"path":180,"stem":181},"Entity Select","\u002Fcomponents\u002Fentity-select","2.components\u002Fentity-select",{"title":183,"path":184,"stem":185},"Floating UI","\u002Fcomponents\u002Ffloating-ui","2.components\u002Ffloating-ui",{"title":187,"path":188,"stem":189},"Help Text","\u002Fcomponents\u002Fhelp-text","2.components\u002Fhelp-text",{"title":191,"path":192,"stem":193},"Icon","\u002Fcomponents\u002Ficon","2.components\u002Ficon",{"title":195,"path":196,"stem":197},"Link","\u002Fcomponents\u002Flink","2.components\u002Flink",{"title":199,"path":200,"stem":201},"Loader","\u002Fcomponents\u002Floader","2.components\u002Floader",{"title":203,"path":204,"stem":205},"Modal","\u002Fcomponents\u002Fmodal","2.components\u002Fmodal",{"title":207,"path":208,"stem":209},"Number Field","\u002Fcomponents\u002Fnumber-field","2.components\u002Fnumber-field",{"title":211,"path":212,"stem":213},"Pagination","\u002Fcomponents\u002Fpagination","2.components\u002Fpagination",{"title":215,"path":216,"stem":217},"Password Field","\u002Fcomponents\u002Fpassword-field","2.components\u002Fpassword-field",{"title":219,"path":220,"stem":221},"Popover","\u002Fcomponents\u002Fpopover","2.components\u002Fpopover",{"title":223,"path":224,"stem":225},"Progress Bar","\u002Fcomponents\u002Fprogress-bar","2.components\u002Fprogress-bar",{"title":227,"path":228,"stem":229},"Promo Badge","\u002Fcomponents\u002Fpromo-badge","2.components\u002Fpromo-badge",{"title":231,"path":232,"stem":233},"Radio Group","\u002Fcomponents\u002Fradio-group","2.components\u002Fradio-group",{"title":235,"path":236,"stem":237},"Search","\u002Fcomponents\u002Fsearch","2.components\u002Fsearch",{"title":239,"path":240,"stem":241},"Select","\u002Fcomponents\u002Fselect","2.components\u002Fselect",{"title":243,"path":244,"stem":245},"Skeleton Bar","\u002Fcomponents\u002Fskeleton-bar","2.components\u002Fskeleton-bar",{"title":247,"path":248,"stem":249},"Slider","\u002Fcomponents\u002Fslider","2.components\u002Fslider",{"title":251,"path":252,"stem":253},"Snackbar","\u002Fcomponents\u002Fsnackbar","2.components\u002Fsnackbar",{"title":255,"path":256,"stem":257},"Status Dot","\u002Fcomponents\u002Fstatus-dot","2.components\u002Fstatus-dot",{"title":259,"path":260,"stem":261},"Switch","\u002Fcomponents\u002Fswitch","2.components\u002Fswitch",{"title":263,"path":264,"stem":265},"Tabs","\u002Fcomponents\u002Ftabs","2.components\u002Ftabs",{"title":267,"path":268,"stem":269},"Text","\u002Fcomponents\u002Ftext","2.components\u002Ftext",{"title":271,"path":272,"stem":273},"Text Editor","\u002Fcomponents\u002Ftext-editor","2.components\u002Ftext-editor",{"title":275,"path":276,"stem":277},"Text Field","\u002Fcomponents\u002Ftext-field","2.components\u002Ftext-field",{"title":279,"path":280,"stem":281},"Textarea","\u002Fcomponents\u002Ftextarea","2.components\u002Ftextarea",{"title":283,"path":284,"stem":285},"Theme Select","\u002Fcomponents\u002Ftheme-select","2.components\u002Ftheme-select",{"title":287,"path":288,"stem":289},"Toast","\u002Fcomponents\u002Ftoast","2.components\u002Ftoast",{"title":291,"path":292,"stem":293},"Tooltip","\u002Fcomponents\u002Ftooltip","2.components\u002Ftooltip",{"title":295,"path":296,"stem":297},"Unit Field","\u002Fcomponents\u002Funit-field","2.components\u002Funit-field",{"title":299,"path":300,"stem":301},"URL Field","\u002Fcomponents\u002Furl-field","2.components\u002Furl-field",{"title":303,"path":304,"stem":305,"children":306,"page":34},"Utilities","\u002Futilities","3.utilities",[307,319,336,344],{"title":53,"path":308,"stem":309,"children":310,"page":34},"\u002Futilities\u002Fcomponents","3.utilities\u002Fcomponents",[311,315],{"title":312,"path":313,"stem":314},"Inset","\u002Futilities\u002Fcomponents\u002Finset","3.utilities\u002Fcomponents\u002Finset",{"title":316,"path":317,"stem":318},"Theme Provider","\u002Futilities\u002Fcomponents\u002Ftheme-provider","3.utilities\u002Fcomponents\u002Ftheme-provider",{"title":320,"path":321,"stem":322,"children":323,"page":34},"Composables","\u002Futilities\u002Fcomposables","3.utilities\u002Fcomposables",[324,328,332],{"title":325,"path":326,"stem":327},"useFutureFlags","\u002Futilities\u002Fcomposables\u002Fuse-future-flags","3.utilities\u002Fcomposables\u002Fuse-future-flags",{"title":329,"path":330,"stem":331},"useSnackbar","\u002Futilities\u002Fcomposables\u002Fuse-snackbar","3.utilities\u002Fcomposables\u002Fuse-snackbar",{"title":333,"path":334,"stem":335},"useTheme","\u002Futilities\u002Fcomposables\u002Fuse-theme","3.utilities\u002Fcomposables\u002Fuse-theme",{"title":337,"path":338,"stem":339,"children":340,"page":34},"Directives","\u002Futilities\u002Fdirectives","3.utilities\u002Fdirectives",[341],{"title":291,"path":342,"stem":343},"\u002Futilities\u002Fdirectives\u002Ftooltip","3.utilities\u002Fdirectives\u002Ftooltip",{"title":345,"path":346,"stem":347,"children":348,"page":34},"Plugins","\u002Futilities\u002Fplugins","3.utilities\u002Fplugins",[349],{"title":350,"path":351,"stem":352},"Device helper","\u002Futilities\u002Fplugins\u002Fdevice-helper","3.utilities\u002Fplugins\u002Fdevice-helper",{"id":354,"title":211,"body":355,"description":527,"extension":528,"links":529,"meta":530,"navigation":531,"path":212,"seo":532,"stem":213,"__hash__":533},"docs\u002F2.components\u002Fpagination.md",{"type":356,"value":357,"toc":519},"minimark",[358,362,367,374,407,411,414,418,468,472,499,502,515],[359,360],"component-example",{"name":361},"pagination-basic-example",[363,364,366],"h2",{"id":365},"usage","Usage",[368,369,370,373],"p",{},[371,372,211],"strong",{}," is a control for moving through larger result sets one page at a time, letting users move forward, backward, or jump to a specific page. Use it alongside data tables, result lists, or overview pages with many items when a list or table is split into pages.",[375,376,381],"pre",{"className":377,"code":378,"language":379,"meta":380,"style":380},"language-ts shiki shiki-themes github-light github-dark-default github-dark-default","import { MtPagination } from \"@shopware-ag\u002Fmeteor-component-library\";\n","ts","",[382,383,384],"code",{"__ignoreMap":380},[385,386,389,393,397,400,404],"span",{"class":387,"line":388},"line",1,[385,390,392],{"class":391},"sLfaJ","import",[385,394,396],{"class":395},"sSgjj"," { MtPagination } ",[385,398,399],{"class":391},"from",[385,401,403],{"class":402},"sL1yV"," \"@shopware-ag\u002Fmeteor-component-library\"",[385,405,406],{"class":395},";\n",[363,408,410],{"id":409},"api-reference","API reference",[412,413],"component-api",{},[363,415,417],{"id":416},"best-practices","Best practices",[419,420,422,449],"do-dont",{":vertical":421},"true",[423,424,425],"template",{"v-slot:do":380},[426,427,428,440,443],"ul",{},[429,430,431,432,435,436,439],"li",{},"Keep ",[382,433,434],{},"limit"," and ",[382,437,438],{},"totalItems"," in sync with the actual dataset.",[429,441,442],{},"Reset back to the first page when the page size or result set changes significantly.",[429,444,445,446,448],{},"Place ",[371,447,211],{}," close to the content it controls.",[423,450,451,457,462,465],{"v-slot:dont":380},[429,452,453,454,456],{},"Do not use ",[371,455,211],{}," when all items comfortably fit in one view.",[429,458,453,459,461],{},[371,460,211],{}," for exploratory browsing patterns where users are expected to keep discovering content continuously. Infinite scrolling may fit better there.",[429,463,464],{},"Do not leave the current page disconnected from the visible result range.",[429,466,467],{},"Do not mix pagination with infinite scrolling in the same content area.",[363,469,471],{"id":470},"behavior","Behavior",[426,473,474,483,490],{},[429,475,476,478,479,482],{},[371,477,211],{}," displays the current visible range, for example ",[382,480,481],{},"1-25 of 100",".",[429,484,485,486,489],{},"It emits ",[382,487,488],{},"change-current-page"," when users navigate with the buttons or by typing a page number.",[429,491,492,493,495,496,482],{},"Changing ",[382,494,434],{}," resets the current page back to ",[382,497,498],{},"1",[363,500,45],{"id":501},"accessibility",[426,503,504,507,512],{},[429,505,506],{},"Navigation buttons include accessible labels for first, previous, next, and last page.",[429,508,431,509,511],{},[371,510,211],{}," near the content it updates so the relationship stays clear.",[429,513,514],{},"Make sure page changes also update the visible content in a predictable way for keyboard and screen-reader users.",[516,517,518],"style",{},"html pre.shiki code .sLfaJ, html code.shiki .sLfaJ{--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72}html pre.shiki code .sSgjj, html code.shiki .sSgjj{--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3}html pre.shiki code .sL1yV, html code.shiki .sL1yV{--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF}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":380,"searchDepth":520,"depth":520,"links":521},2,[522,523,524,525,526],{"id":365,"depth":520,"text":366},{"id":409,"depth":520,"text":410},{"id":416,"depth":520,"text":417},{"id":470,"depth":520,"text":471},{"id":501,"depth":520,"text":45},"A control for moving through larger result sets one page at a time.","md",null,{},true,{"title":211,"description":527},"iUKrqMKpSpAknDQp5VaJV4jeMgiInZZZdcLktCi4tP8",[535,537],{"title":207,"path":208,"stem":209,"description":536,"children":-1},"A numeric input control with optional limits, steps, and stepper controls.",{"title":215,"path":216,"stem":217,"description":538,"children":-1},"A masked input for sensitive text that can optionally reveal its value.",{"code":540,"pascalName":541},"\u003Cscript setup lang=\"ts\">\nimport { ref } from \"vue\";\nimport MtPagination from \"@shopware-ag\u002Fmeteor-component-library\u002FMtPagination\";\n\nconst currentPage = ref(1);\n\nfunction handlePageChange(page: number) {\n  currentPage.value = page;\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cmt-pagination\n    :current-page=\"currentPage\"\n    :limit=\"25\"\n    :total-items=\"100\"\n    @change-current-page=\"handlePageChange\"\n  \u002F>\n\u003C\u002Ftemplate>\n","PaginationBasicExample",{"pascalName":543,"kebabName":544,"filePath":545,"meta":546},"MtPagination","mt-pagination","..\u002F..\u002Fpackages\u002Fcomponent-library\u002Fsrc\u002Fcomponents\u002Fmt-pagination\u002Fmt-pagination.vue",{"type":388,"props":547,"slots":556,"events":557,"exposed":563,"hash":564},[548,552,554],{"name":549,"global":34,"description":380,"tags":550,"required":531,"type":551,"schema":551},"currentPage",[],"number",{"name":434,"global":34,"description":380,"tags":553,"required":531,"type":551,"schema":551},[],{"name":438,"global":34,"description":380,"tags":555,"required":531,"type":551,"schema":551},[],[],[558],{"name":488,"description":380,"tags":559,"type":560,"signature":561,"schema":562},[],"[value: number]","(event: \"change-current-page\", value: number): void",[551],[],"VwZZj6so1rqQ1ar4ZkZs43gITsJq4RZ6VCd0XR9xh2E",{"data":566,"body":567,"toc":954},{"title":380,"description":380},{"type":568,"children":569},"root",[570,949],{"type":571,"tag":375,"props":572,"children":575},"element",{"className":573,"code":540,"language":574,"meta":380,"style":380},"language-vue shiki shiki-themes github-light github-dark-default github-dark-default","vue",[576],{"type":571,"tag":382,"props":577,"children":578},{"__ignoreMap":380},[579,622,648,674,683,723,731,770,788,797,814,822,838,852,870,888,906,924,933],{"type":571,"tag":385,"props":580,"children":581},{"class":387,"line":388},[582,589,595,601,606,611,617],{"type":571,"tag":385,"props":583,"children":585},{"style":584},"--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3",[586],{"type":587,"value":588},"text","\u003C",{"type":571,"tag":385,"props":590,"children":592},{"style":591},"--shiki-light:#22863A;--shiki-default:#7EE787;--shiki-dark:#7EE787",[593],{"type":587,"value":594},"script",{"type":571,"tag":385,"props":596,"children":598},{"style":597},"--shiki-light:#6F42C1;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[599],{"type":587,"value":600}," setup",{"type":571,"tag":385,"props":602,"children":603},{"style":597},[604],{"type":587,"value":605}," lang",{"type":571,"tag":385,"props":607,"children":608},{"style":584},[609],{"type":587,"value":610},"=",{"type":571,"tag":385,"props":612,"children":614},{"style":613},"--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF",[615],{"type":587,"value":616},"\"ts\"",{"type":571,"tag":385,"props":618,"children":619},{"style":584},[620],{"type":587,"value":621},">\n",{"type":571,"tag":385,"props":623,"children":624},{"class":387,"line":520},[625,630,635,639,644],{"type":571,"tag":385,"props":626,"children":628},{"style":627},"--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72",[629],{"type":587,"value":392},{"type":571,"tag":385,"props":631,"children":632},{"style":584},[633],{"type":587,"value":634}," { ref } ",{"type":571,"tag":385,"props":636,"children":637},{"style":627},[638],{"type":587,"value":399},{"type":571,"tag":385,"props":640,"children":641},{"style":613},[642],{"type":587,"value":643}," \"vue\"",{"type":571,"tag":385,"props":645,"children":646},{"style":584},[647],{"type":587,"value":406},{"type":571,"tag":385,"props":649,"children":651},{"class":387,"line":650},3,[652,656,661,665,670],{"type":571,"tag":385,"props":653,"children":654},{"style":627},[655],{"type":587,"value":392},{"type":571,"tag":385,"props":657,"children":658},{"style":584},[659],{"type":587,"value":660}," MtPagination ",{"type":571,"tag":385,"props":662,"children":663},{"style":627},[664],{"type":587,"value":399},{"type":571,"tag":385,"props":666,"children":667},{"style":613},[668],{"type":587,"value":669}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtPagination\"",{"type":571,"tag":385,"props":671,"children":672},{"style":584},[673],{"type":587,"value":406},{"type":571,"tag":385,"props":675,"children":677},{"class":387,"line":676},4,[678],{"type":571,"tag":385,"props":679,"children":680},{"emptyLinePlaceholder":531},[681],{"type":587,"value":682},"\n",{"type":571,"tag":385,"props":684,"children":686},{"class":387,"line":685},5,[687,692,698,703,709,714,718],{"type":571,"tag":385,"props":688,"children":689},{"style":627},[690],{"type":587,"value":691},"const",{"type":571,"tag":385,"props":693,"children":695},{"style":694},"--shiki-light:#005CC5;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[696],{"type":587,"value":697}," currentPage",{"type":571,"tag":385,"props":699,"children":700},{"style":627},[701],{"type":587,"value":702}," =",{"type":571,"tag":385,"props":704,"children":706},{"style":705},"--shiki-light:#6F42C1;--shiki-default:#D2A8FF;--shiki-dark:#D2A8FF",[707],{"type":587,"value":708}," ref",{"type":571,"tag":385,"props":710,"children":711},{"style":584},[712],{"type":587,"value":713},"(",{"type":571,"tag":385,"props":715,"children":716},{"style":694},[717],{"type":587,"value":498},{"type":571,"tag":385,"props":719,"children":720},{"style":584},[721],{"type":587,"value":722},");\n",{"type":571,"tag":385,"props":724,"children":726},{"class":387,"line":725},6,[727],{"type":571,"tag":385,"props":728,"children":729},{"emptyLinePlaceholder":531},[730],{"type":587,"value":682},{"type":571,"tag":385,"props":732,"children":734},{"class":387,"line":733},7,[735,740,745,749,755,760,765],{"type":571,"tag":385,"props":736,"children":737},{"style":627},[738],{"type":587,"value":739},"function",{"type":571,"tag":385,"props":741,"children":742},{"style":705},[743],{"type":587,"value":744}," handlePageChange",{"type":571,"tag":385,"props":746,"children":747},{"style":584},[748],{"type":587,"value":713},{"type":571,"tag":385,"props":750,"children":752},{"style":751},"--shiki-light:#E36209;--shiki-default:#FFA657;--shiki-dark:#FFA657",[753],{"type":587,"value":754},"page",{"type":571,"tag":385,"props":756,"children":757},{"style":627},[758],{"type":587,"value":759},":",{"type":571,"tag":385,"props":761,"children":762},{"style":694},[763],{"type":587,"value":764}," number",{"type":571,"tag":385,"props":766,"children":767},{"style":584},[768],{"type":587,"value":769},") {\n",{"type":571,"tag":385,"props":771,"children":773},{"class":387,"line":772},8,[774,779,783],{"type":571,"tag":385,"props":775,"children":776},{"style":584},[777],{"type":587,"value":778},"  currentPage.value ",{"type":571,"tag":385,"props":780,"children":781},{"style":627},[782],{"type":587,"value":610},{"type":571,"tag":385,"props":784,"children":785},{"style":584},[786],{"type":587,"value":787}," page;\n",{"type":571,"tag":385,"props":789,"children":791},{"class":387,"line":790},9,[792],{"type":571,"tag":385,"props":793,"children":794},{"style":584},[795],{"type":587,"value":796},"}\n",{"type":571,"tag":385,"props":798,"children":800},{"class":387,"line":799},10,[801,806,810],{"type":571,"tag":385,"props":802,"children":803},{"style":584},[804],{"type":587,"value":805},"\u003C\u002F",{"type":571,"tag":385,"props":807,"children":808},{"style":591},[809],{"type":587,"value":594},{"type":571,"tag":385,"props":811,"children":812},{"style":584},[813],{"type":587,"value":621},{"type":571,"tag":385,"props":815,"children":817},{"class":387,"line":816},11,[818],{"type":571,"tag":385,"props":819,"children":820},{"emptyLinePlaceholder":531},[821],{"type":587,"value":682},{"type":571,"tag":385,"props":823,"children":825},{"class":387,"line":824},12,[826,830,834],{"type":571,"tag":385,"props":827,"children":828},{"style":584},[829],{"type":587,"value":588},{"type":571,"tag":385,"props":831,"children":832},{"style":591},[833],{"type":587,"value":423},{"type":571,"tag":385,"props":835,"children":836},{"style":584},[837],{"type":587,"value":621},{"type":571,"tag":385,"props":839,"children":841},{"class":387,"line":840},13,[842,847],{"type":571,"tag":385,"props":843,"children":844},{"style":584},[845],{"type":587,"value":846},"  \u003C",{"type":571,"tag":385,"props":848,"children":849},{"style":591},[850],{"type":587,"value":851},"mt-pagination\n",{"type":571,"tag":385,"props":853,"children":855},{"class":387,"line":854},14,[856,861,865],{"type":571,"tag":385,"props":857,"children":858},{"style":597},[859],{"type":587,"value":860},"    :current-page",{"type":571,"tag":385,"props":862,"children":863},{"style":584},[864],{"type":587,"value":610},{"type":571,"tag":385,"props":866,"children":867},{"style":613},[868],{"type":587,"value":869},"\"currentPage\"\n",{"type":571,"tag":385,"props":871,"children":873},{"class":387,"line":872},15,[874,879,883],{"type":571,"tag":385,"props":875,"children":876},{"style":597},[877],{"type":587,"value":878},"    :limit",{"type":571,"tag":385,"props":880,"children":881},{"style":584},[882],{"type":587,"value":610},{"type":571,"tag":385,"props":884,"children":885},{"style":613},[886],{"type":587,"value":887},"\"25\"\n",{"type":571,"tag":385,"props":889,"children":891},{"class":387,"line":890},16,[892,897,901],{"type":571,"tag":385,"props":893,"children":894},{"style":597},[895],{"type":587,"value":896},"    :total-items",{"type":571,"tag":385,"props":898,"children":899},{"style":584},[900],{"type":587,"value":610},{"type":571,"tag":385,"props":902,"children":903},{"style":613},[904],{"type":587,"value":905},"\"100\"\n",{"type":571,"tag":385,"props":907,"children":909},{"class":387,"line":908},17,[910,915,919],{"type":571,"tag":385,"props":911,"children":912},{"style":597},[913],{"type":587,"value":914},"    @change-current-page",{"type":571,"tag":385,"props":916,"children":917},{"style":584},[918],{"type":587,"value":610},{"type":571,"tag":385,"props":920,"children":921},{"style":613},[922],{"type":587,"value":923},"\"handlePageChange\"\n",{"type":571,"tag":385,"props":925,"children":927},{"class":387,"line":926},18,[928],{"type":571,"tag":385,"props":929,"children":930},{"style":584},[931],{"type":587,"value":932},"  \u002F>\n",{"type":571,"tag":385,"props":934,"children":936},{"class":387,"line":935},19,[937,941,945],{"type":571,"tag":385,"props":938,"children":939},{"style":584},[940],{"type":587,"value":805},{"type":571,"tag":385,"props":942,"children":943},{"style":591},[944],{"type":587,"value":423},{"type":571,"tag":385,"props":946,"children":947},{"style":584},[948],{"type":587,"value":621},{"type":571,"tag":516,"props":950,"children":951},{},[952],{"type":587,"value":953},"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":380,"searchDepth":520,"depth":520,"links":955},[],1787065083951]