[{"data":1,"prerenderedAt":960},["ShallowReactive",2],{"navigation_docs":3,"-components-pagination":357,"-components-pagination-surround":538,"component-example-paginationBasicExample":543,"component-meta-MtPagination":546,"component-example-ast-paginationBasicExample":569},[4,110,302],{"title":5,"path":6,"stem":7,"children":8,"page":34},"Documentation","\u002Fdocumentation","1.documentation",[9,35,56,89],{"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],{"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,"children":93,"page":34},"Content","\u002Fdocumentation\u002Fcontent","1.documentation\u002F4.content",[94,98,102,106],{"title":95,"path":96,"stem":97},"Wording","\u002Fdocumentation\u002Fcontent\u002Fwording","1.documentation\u002F4.content\u002F1.wording",{"title":99,"path":100,"stem":101},"Messaging","\u002Fdocumentation\u002Fcontent\u002Fmessaging","1.documentation\u002F4.content\u002F2.messaging",{"title":103,"path":104,"stem":105},"Glossary","\u002Fdocumentation\u002Fcontent\u002Fglossary","1.documentation\u002F4.content\u002F3.glossary",{"title":107,"path":108,"stem":109},"Artificial Intelligence","\u002Fdocumentation\u002Fcontent\u002Fartificial-intelligence","1.documentation\u002F4.content\u002F4.artificial-intelligence",{"title":53,"path":111,"stem":112,"children":113,"page":34},"\u002Fcomponents","2.components",[114,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":115,"path":116,"stem":117},"Action Menu","\u002Fcomponents\u002Faction-menu","2.components\u002Faction-menu",{"title":119,"path":120,"stem":121},"Avatar","\u002Fcomponents\u002Favatar","2.components\u002Favatar",{"title":123,"path":124,"stem":125},"Badge","\u002Fcomponents\u002Fbadge","2.components\u002Fbadge",{"title":127,"path":128,"stem":129},"Banner","\u002Fcomponents\u002Fbanner","2.components\u002Fbanner",{"title":131,"path":132,"stem":133},"Button","\u002Fcomponents\u002Fbutton","2.components\u002Fbutton",{"title":135,"path":136,"stem":137},"Card","\u002Fcomponents\u002Fcard","2.components\u002Fcard",{"title":139,"path":140,"stem":141},"Chart","\u002Fcomponents\u002Fchart","2.components\u002Fchart",{"title":143,"path":144,"stem":145},"Checkbox","\u002Fcomponents\u002Fcheckbox","2.components\u002Fcheckbox",{"title":147,"path":148,"stem":149},"Collapsible","\u002Fcomponents\u002Fcollapsible","2.components\u002Fcollapsible",{"title":151,"path":152,"stem":153},"Colorpicker","\u002Fcomponents\u002Fcolorpicker","2.components\u002Fcolorpicker",{"title":155,"path":156,"stem":157},"Data Table","\u002Fcomponents\u002Fdata-table","2.components\u002Fdata-table",{"title":159,"path":160,"stem":161},"Datepicker","\u002Fcomponents\u002Fdatepicker","2.components\u002Fdatepicker",{"title":163,"path":164,"stem":165},"Email Field","\u002Fcomponents\u002Femail-field","2.components\u002Femail-field",{"title":167,"path":168,"stem":169},"Empty State","\u002Fcomponents\u002Fempty-state","2.components\u002Fempty-state",{"title":171,"path":172,"stem":173},"Entity Data Table","\u002Fcomponents\u002Fentity-data-table","2.components\u002Fentity-data-table",{"title":175,"path":176,"stem":177},"Entity Select","\u002Fcomponents\u002Fentity-select","2.components\u002Fentity-select",{"title":179,"path":180,"stem":181},"Floating UI","\u002Fcomponents\u002Ffloating-ui","2.components\u002Ffloating-ui",{"title":183,"path":184,"stem":185},"Help Text","\u002Fcomponents\u002Fhelp-text","2.components\u002Fhelp-text",{"title":187,"path":188,"stem":189},"Icon","\u002Fcomponents\u002Ficon","2.components\u002Ficon",{"title":191,"path":192,"stem":193},"Link","\u002Fcomponents\u002Flink","2.components\u002Flink",{"title":195,"path":196,"stem":197},"Loader","\u002Fcomponents\u002Floader","2.components\u002Floader",{"title":199,"path":200,"stem":201},"Modal","\u002Fcomponents\u002Fmodal","2.components\u002Fmodal",{"title":203,"path":204,"stem":205},"Nav","\u002Fcomponents\u002Fnav","2.components\u002Fnav",{"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,340,348],{"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,336],{"title":325,"path":326,"stem":327},"useFutureFlags","\u002Futilities\u002Fcomposables\u002Fuse-future-flags","3.utilities\u002Fcomposables\u002Fuse-future-flags",{"title":329,"path":330,"stem":331},"useServicePermission","\u002Futilities\u002Fcomposables\u002Fuse-service-permission","3.utilities\u002Fcomposables\u002Fuse-service-permission",{"title":333,"path":334,"stem":335},"useSnackbar","\u002Futilities\u002Fcomposables\u002Fuse-snackbar","3.utilities\u002Fcomposables\u002Fuse-snackbar",{"title":337,"path":338,"stem":339},"useTheme","\u002Futilities\u002Fcomposables\u002Fuse-theme","3.utilities\u002Fcomposables\u002Fuse-theme",{"title":341,"path":342,"stem":343,"children":344,"page":34},"Directives","\u002Futilities\u002Fdirectives","3.utilities\u002Fdirectives",[345],{"title":291,"path":346,"stem":347},"\u002Futilities\u002Fdirectives\u002Ftooltip","3.utilities\u002Fdirectives\u002Ftooltip",{"title":349,"path":350,"stem":351,"children":352,"page":34},"Plugins","\u002Futilities\u002Fplugins","3.utilities\u002Fplugins",[353],{"title":354,"path":355,"stem":356},"Device helper","\u002Futilities\u002Fplugins\u002Fdevice-helper","3.utilities\u002Fplugins\u002Fdevice-helper",{"id":358,"title":211,"body":359,"description":531,"extension":532,"links":533,"meta":534,"navigation":535,"path":212,"seo":536,"stem":213,"__hash__":537},"docs\u002F2.components\u002Fpagination.md",{"type":360,"value":361,"toc":523},"minimark",[362,366,371,378,411,415,418,422,472,476,503,506,519],[363,364],"component-example",{"name":365},"pagination-basic-example",[367,368,370],"h2",{"id":369},"usage","Usage",[372,373,374,377],"p",{},[375,376,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.",[379,380,385],"pre",{"className":381,"code":382,"language":383,"meta":384,"style":384},"language-ts shiki shiki-themes github-light github-dark-default github-dark-default","import { MtPagination } from \"@shopware-ag\u002Fmeteor-component-library\";\n","ts","",[386,387,388],"code",{"__ignoreMap":384},[389,390,393,397,401,404,408],"span",{"class":391,"line":392},"line",1,[389,394,396],{"class":395},"sLfaJ","import",[389,398,400],{"class":399},"sSgjj"," { MtPagination } ",[389,402,403],{"class":395},"from",[389,405,407],{"class":406},"sL1yV"," \"@shopware-ag\u002Fmeteor-component-library\"",[389,409,410],{"class":399},";\n",[367,412,414],{"id":413},"api-reference","API reference",[416,417],"component-api",{},[367,419,421],{"id":420},"best-practices","Best practices",[423,424,426,453],"do-dont",{":vertical":425},"true",[427,428,429],"template",{"v-slot:do":384},[430,431,432,444,447],"ul",{},[433,434,435,436,439,440,443],"li",{},"Keep ",[386,437,438],{},"limit"," and ",[386,441,442],{},"totalItems"," in sync with the actual dataset.",[433,445,446],{},"Reset back to the first page when the page size or result set changes significantly.",[433,448,449,450,452],{},"Place ",[375,451,211],{}," close to the content it controls.",[427,454,455,461,466,469],{"v-slot:dont":384},[433,456,457,458,460],{},"Do not use ",[375,459,211],{}," when all items comfortably fit in one view.",[433,462,457,463,465],{},[375,464,211],{}," for exploratory browsing patterns where users are expected to keep discovering content continuously. Infinite scrolling may fit better there.",[433,467,468],{},"Do not leave the current page disconnected from the visible result range.",[433,470,471],{},"Do not mix pagination with infinite scrolling in the same content area.",[367,473,475],{"id":474},"behavior","Behavior",[430,477,478,487,494],{},[433,479,480,482,483,486],{},[375,481,211],{}," displays the current visible range, for example ",[386,484,485],{},"1-25 of 100",".",[433,488,489,490,493],{},"It emits ",[386,491,492],{},"change-current-page"," when users navigate with the buttons or by typing a page number.",[433,495,496,497,499,500,486],{},"Changing ",[386,498,438],{}," resets the current page back to ",[386,501,502],{},"1",[367,504,45],{"id":505},"accessibility",[430,507,508,511,516],{},[433,509,510],{},"Navigation buttons include accessible labels for first, previous, next, and last page.",[433,512,435,513,515],{},[375,514,211],{}," near the content it updates so the relationship stays clear.",[433,517,518],{},"Make sure page changes also update the visible content in a predictable way for keyboard and screen-reader users.",[520,521,522],"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":384,"searchDepth":524,"depth":524,"links":525},2,[526,527,528,529,530],{"id":369,"depth":524,"text":370},{"id":413,"depth":524,"text":414},{"id":420,"depth":524,"text":421},{"id":474,"depth":524,"text":475},{"id":505,"depth":524,"text":45},"A control for moving through larger result sets one page at a time.","md",null,{},true,{"title":211,"description":531},"iUKrqMKpSpAknDQp5VaJV4jeMgiInZZZdcLktCi4tP8",[539,541],{"title":207,"path":208,"stem":209,"description":540,"children":-1},"A numeric input control with optional limits, steps, and stepper controls.",{"title":215,"path":216,"stem":217,"description":542,"children":-1},"A masked input for sensitive text that can optionally reveal its value.",{"code":544,"pascalName":545},"\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":547,"kebabName":548,"filePath":549,"meta":550},"MtPagination","mt-pagination","..\u002F..\u002Fpackages\u002Fcomponent-library\u002Fsrc\u002Fcomponents\u002Fmt-pagination\u002Fmt-pagination.vue",{"type":392,"props":551,"slots":560,"events":561,"exposed":567,"hash":568},[552,556,558],{"name":553,"global":34,"description":384,"tags":554,"required":535,"type":555,"schema":555},"currentPage",[],"number",{"name":438,"global":34,"description":384,"tags":557,"required":535,"type":555,"schema":555},[],{"name":442,"global":34,"description":384,"tags":559,"required":535,"type":555,"schema":555},[],[],[562],{"name":492,"description":384,"tags":563,"type":564,"signature":565,"schema":566},[],"[value: number]","(event: \"change-current-page\", value: number): void",[555],[],"VwZZj6so1rqQ1ar4ZkZs43gITsJq4RZ6VCd0XR9xh2E",{"data":570,"body":571,"toc":958},{"title":384,"description":384},{"type":572,"children":573},"root",[574,953],{"type":575,"tag":379,"props":576,"children":579},"element",{"className":577,"code":544,"language":578,"meta":384,"style":384},"language-vue shiki shiki-themes github-light github-dark-default github-dark-default","vue",[580],{"type":575,"tag":386,"props":581,"children":582},{"__ignoreMap":384},[583,626,652,678,687,727,735,774,792,801,818,826,842,856,874,892,910,928,937],{"type":575,"tag":389,"props":584,"children":585},{"class":391,"line":392},[586,593,599,605,610,615,621],{"type":575,"tag":389,"props":587,"children":589},{"style":588},"--shiki-light:#24292E;--shiki-default:#E6EDF3;--shiki-dark:#E6EDF3",[590],{"type":591,"value":592},"text","\u003C",{"type":575,"tag":389,"props":594,"children":596},{"style":595},"--shiki-light:#22863A;--shiki-default:#7EE787;--shiki-dark:#7EE787",[597],{"type":591,"value":598},"script",{"type":575,"tag":389,"props":600,"children":602},{"style":601},"--shiki-light:#6F42C1;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[603],{"type":591,"value":604}," setup",{"type":575,"tag":389,"props":606,"children":607},{"style":601},[608],{"type":591,"value":609}," lang",{"type":575,"tag":389,"props":611,"children":612},{"style":588},[613],{"type":591,"value":614},"=",{"type":575,"tag":389,"props":616,"children":618},{"style":617},"--shiki-light:#032F62;--shiki-default:#A5D6FF;--shiki-dark:#A5D6FF",[619],{"type":591,"value":620},"\"ts\"",{"type":575,"tag":389,"props":622,"children":623},{"style":588},[624],{"type":591,"value":625},">\n",{"type":575,"tag":389,"props":627,"children":628},{"class":391,"line":524},[629,634,639,643,648],{"type":575,"tag":389,"props":630,"children":632},{"style":631},"--shiki-light:#D73A49;--shiki-default:#FF7B72;--shiki-dark:#FF7B72",[633],{"type":591,"value":396},{"type":575,"tag":389,"props":635,"children":636},{"style":588},[637],{"type":591,"value":638}," { ref } ",{"type":575,"tag":389,"props":640,"children":641},{"style":631},[642],{"type":591,"value":403},{"type":575,"tag":389,"props":644,"children":645},{"style":617},[646],{"type":591,"value":647}," \"vue\"",{"type":575,"tag":389,"props":649,"children":650},{"style":588},[651],{"type":591,"value":410},{"type":575,"tag":389,"props":653,"children":655},{"class":391,"line":654},3,[656,660,665,669,674],{"type":575,"tag":389,"props":657,"children":658},{"style":631},[659],{"type":591,"value":396},{"type":575,"tag":389,"props":661,"children":662},{"style":588},[663],{"type":591,"value":664}," MtPagination ",{"type":575,"tag":389,"props":666,"children":667},{"style":631},[668],{"type":591,"value":403},{"type":575,"tag":389,"props":670,"children":671},{"style":617},[672],{"type":591,"value":673}," \"@shopware-ag\u002Fmeteor-component-library\u002FMtPagination\"",{"type":575,"tag":389,"props":675,"children":676},{"style":588},[677],{"type":591,"value":410},{"type":575,"tag":389,"props":679,"children":681},{"class":391,"line":680},4,[682],{"type":575,"tag":389,"props":683,"children":684},{"emptyLinePlaceholder":535},[685],{"type":591,"value":686},"\n",{"type":575,"tag":389,"props":688,"children":690},{"class":391,"line":689},5,[691,696,702,707,713,718,722],{"type":575,"tag":389,"props":692,"children":693},{"style":631},[694],{"type":591,"value":695},"const",{"type":575,"tag":389,"props":697,"children":699},{"style":698},"--shiki-light:#005CC5;--shiki-default:#79C0FF;--shiki-dark:#79C0FF",[700],{"type":591,"value":701}," currentPage",{"type":575,"tag":389,"props":703,"children":704},{"style":631},[705],{"type":591,"value":706}," =",{"type":575,"tag":389,"props":708,"children":710},{"style":709},"--shiki-light:#6F42C1;--shiki-default:#D2A8FF;--shiki-dark:#D2A8FF",[711],{"type":591,"value":712}," ref",{"type":575,"tag":389,"props":714,"children":715},{"style":588},[716],{"type":591,"value":717},"(",{"type":575,"tag":389,"props":719,"children":720},{"style":698},[721],{"type":591,"value":502},{"type":575,"tag":389,"props":723,"children":724},{"style":588},[725],{"type":591,"value":726},");\n",{"type":575,"tag":389,"props":728,"children":730},{"class":391,"line":729},6,[731],{"type":575,"tag":389,"props":732,"children":733},{"emptyLinePlaceholder":535},[734],{"type":591,"value":686},{"type":575,"tag":389,"props":736,"children":738},{"class":391,"line":737},7,[739,744,749,753,759,764,769],{"type":575,"tag":389,"props":740,"children":741},{"style":631},[742],{"type":591,"value":743},"function",{"type":575,"tag":389,"props":745,"children":746},{"style":709},[747],{"type":591,"value":748}," handlePageChange",{"type":575,"tag":389,"props":750,"children":751},{"style":588},[752],{"type":591,"value":717},{"type":575,"tag":389,"props":754,"children":756},{"style":755},"--shiki-light:#E36209;--shiki-default:#FFA657;--shiki-dark:#FFA657",[757],{"type":591,"value":758},"page",{"type":575,"tag":389,"props":760,"children":761},{"style":631},[762],{"type":591,"value":763},":",{"type":575,"tag":389,"props":765,"children":766},{"style":698},[767],{"type":591,"value":768}," number",{"type":575,"tag":389,"props":770,"children":771},{"style":588},[772],{"type":591,"value":773},") {\n",{"type":575,"tag":389,"props":775,"children":777},{"class":391,"line":776},8,[778,783,787],{"type":575,"tag":389,"props":779,"children":780},{"style":588},[781],{"type":591,"value":782},"  currentPage.value ",{"type":575,"tag":389,"props":784,"children":785},{"style":631},[786],{"type":591,"value":614},{"type":575,"tag":389,"props":788,"children":789},{"style":588},[790],{"type":591,"value":791}," page;\n",{"type":575,"tag":389,"props":793,"children":795},{"class":391,"line":794},9,[796],{"type":575,"tag":389,"props":797,"children":798},{"style":588},[799],{"type":591,"value":800},"}\n",{"type":575,"tag":389,"props":802,"children":804},{"class":391,"line":803},10,[805,810,814],{"type":575,"tag":389,"props":806,"children":807},{"style":588},[808],{"type":591,"value":809},"\u003C\u002F",{"type":575,"tag":389,"props":811,"children":812},{"style":595},[813],{"type":591,"value":598},{"type":575,"tag":389,"props":815,"children":816},{"style":588},[817],{"type":591,"value":625},{"type":575,"tag":389,"props":819,"children":821},{"class":391,"line":820},11,[822],{"type":575,"tag":389,"props":823,"children":824},{"emptyLinePlaceholder":535},[825],{"type":591,"value":686},{"type":575,"tag":389,"props":827,"children":829},{"class":391,"line":828},12,[830,834,838],{"type":575,"tag":389,"props":831,"children":832},{"style":588},[833],{"type":591,"value":592},{"type":575,"tag":389,"props":835,"children":836},{"style":595},[837],{"type":591,"value":427},{"type":575,"tag":389,"props":839,"children":840},{"style":588},[841],{"type":591,"value":625},{"type":575,"tag":389,"props":843,"children":845},{"class":391,"line":844},13,[846,851],{"type":575,"tag":389,"props":847,"children":848},{"style":588},[849],{"type":591,"value":850},"  \u003C",{"type":575,"tag":389,"props":852,"children":853},{"style":595},[854],{"type":591,"value":855},"mt-pagination\n",{"type":575,"tag":389,"props":857,"children":859},{"class":391,"line":858},14,[860,865,869],{"type":575,"tag":389,"props":861,"children":862},{"style":601},[863],{"type":591,"value":864},"    :current-page",{"type":575,"tag":389,"props":866,"children":867},{"style":588},[868],{"type":591,"value":614},{"type":575,"tag":389,"props":870,"children":871},{"style":617},[872],{"type":591,"value":873},"\"currentPage\"\n",{"type":575,"tag":389,"props":875,"children":877},{"class":391,"line":876},15,[878,883,887],{"type":575,"tag":389,"props":879,"children":880},{"style":601},[881],{"type":591,"value":882},"    :limit",{"type":575,"tag":389,"props":884,"children":885},{"style":588},[886],{"type":591,"value":614},{"type":575,"tag":389,"props":888,"children":889},{"style":617},[890],{"type":591,"value":891},"\"25\"\n",{"type":575,"tag":389,"props":893,"children":895},{"class":391,"line":894},16,[896,901,905],{"type":575,"tag":389,"props":897,"children":898},{"style":601},[899],{"type":591,"value":900},"    :total-items",{"type":575,"tag":389,"props":902,"children":903},{"style":588},[904],{"type":591,"value":614},{"type":575,"tag":389,"props":906,"children":907},{"style":617},[908],{"type":591,"value":909},"\"100\"\n",{"type":575,"tag":389,"props":911,"children":913},{"class":391,"line":912},17,[914,919,923],{"type":575,"tag":389,"props":915,"children":916},{"style":601},[917],{"type":591,"value":918},"    @change-current-page",{"type":575,"tag":389,"props":920,"children":921},{"style":588},[922],{"type":591,"value":614},{"type":575,"tag":389,"props":924,"children":925},{"style":617},[926],{"type":591,"value":927},"\"handlePageChange\"\n",{"type":575,"tag":389,"props":929,"children":931},{"class":391,"line":930},18,[932],{"type":575,"tag":389,"props":933,"children":934},{"style":588},[935],{"type":591,"value":936},"  \u002F>\n",{"type":575,"tag":389,"props":938,"children":940},{"class":391,"line":939},19,[941,945,949],{"type":575,"tag":389,"props":942,"children":943},{"style":588},[944],{"type":591,"value":809},{"type":575,"tag":389,"props":946,"children":947},{"style":595},[948],{"type":591,"value":427},{"type":575,"tag":389,"props":950,"children":951},{"style":588},[952],{"type":591,"value":625},{"type":575,"tag":520,"props":954,"children":955},{},[956],{"type":591,"value":957},"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":384,"searchDepth":524,"depth":524,"links":959},[],1791478244690]