[{"data":1,"prerenderedAt":244},["ShallowReactive",2],{"navigation_docs":3,"-basic-overview-pageable-strategies":29,"-basic-overview-pageable-strategies-surround":242},[4,20],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Quick Start",false,"\u002Fquick-start","1.quick-start",[10,15],{"title":11,"path":12,"stem":13,"icon":14},"Installation","\u002Fquick-start\u002Finstallation","1.quick-start\u002Finstallation","i-lucide-download",{"title":16,"path":17,"stem":18,"icon":19},"Setup and Usage","\u002Fquick-start\u002Fsetup-and-usage","1.quick-start\u002Fsetup-and-usage","i-lucide-folder-tree",{"title":21,"icon":6,"path":22,"stem":23,"children":24,"page":6},"Basic Overview","\u002Fbasic-overview","basic-overview",[25],{"title":26,"path":27,"stem":28},"Pageable Strategies","\u002Fbasic-overview\u002Fpageable-strategies","basic-overview\u002Fpageable-strategies",{"id":30,"title":26,"body":31,"description":59,"extension":235,"links":236,"meta":237,"navigation":238,"path":27,"seo":239,"stem":28,"__hash__":241},"docs\u002Fbasic-overview\u002Fpageable-strategies.md",{"type":32,"value":33,"toc":231},"minimark",[34,39,49,53,117,120,158,166,169,177,181,194,200,213,219,222,227],[35,36,38],"h2",{"id":37},"evolpagink-provides-a-few-strategies-out-of-the-box","evolpagink provides a few strategies out of the box:",[40,41,42,46],"ul",{},[43,44,45],"li",{},"Based on page amount",[43,47,48],{},"Based on minimum item amount",[50,51,52],"p",{},"The variant based on minimum item amount will try to load as many pages needed to reach the minimum specified amount of items.",[54,55,60],"pre",{"className":56,"code":57,"language":58,"meta":59,"style":59},"language-kotlin shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","prefetchMinimumItemAmount( \u002F\u002F the default overload for indexed pages\n    initialPage = 0, \u002F\u002F the first page key to use when loading starts\n    minimumItemAmount = 20\n)\n","kotlin","",[61,62,63,80,100,111],"code",{"__ignoreMap":59},[64,65,68,72,76],"span",{"class":66,"line":67},"line",1,[64,69,71],{"class":70},"s2Zo4","prefetchMinimumItemAmount",[64,73,75],{"class":74},"sTEyZ","( ",[64,77,79],{"class":78},"sHwdD","\u002F\u002F the default overload for indexed pages\n",[64,81,83,86,90,94,97],{"class":66,"line":82},2,[64,84,85],{"class":74},"    initialPage ",[64,87,89],{"class":88},"sMK4o","=",[64,91,93],{"class":92},"sbssI"," 0",[64,95,96],{"class":74},", ",[64,98,99],{"class":78},"\u002F\u002F the first page key to use when loading starts\n",[64,101,103,106,108],{"class":66,"line":102},3,[64,104,105],{"class":74},"    minimumItemAmount ",[64,107,89],{"class":88},[64,109,110],{"class":92}," 20\n",[64,112,114],{"class":66,"line":113},4,[64,115,116],{"class":74},")\n",[50,118,119],{},"The variant based on page amount will try to load the minimum specified amount of pages.",[54,121,123],{"className":56,"code":122,"language":58,"meta":59,"style":59},"prefetchPageAmount(\n    initialPage = 0,\n    minimumPageAmount = 2\n)   \n",[61,124,125,133,144,154],{"__ignoreMap":59},[64,126,127,130],{"class":66,"line":67},[64,128,129],{"class":70},"prefetchPageAmount",[64,131,132],{"class":74},"(\n",[64,134,135,137,139,141],{"class":66,"line":82},[64,136,85],{"class":74},[64,138,89],{"class":88},[64,140,93],{"class":92},[64,142,143],{"class":74},",\n",[64,145,146,149,151],{"class":66,"line":102},[64,147,148],{"class":74},"    minimumPageAmount ",[64,150,89],{"class":88},[64,152,153],{"class":92}," 2\n",[64,155,156],{"class":66,"line":113},[64,157,116],{"class":74},[159,160,161,162,165],"tip",{},"Should you want your own strategy - you can implement ",[61,163,164],{},"PageFetchStrategy",".",[50,167,168],{},"Visit the sample linked below and play with the UI scale to see how items are loaded.",[170,171,176],"card",{"icon":172,"target":173,"title":174,"to":175},"i-lucide-eye","_blank","Sample","..\u002Fother\u002Fsample\u002Findex.html","Compose WasmJS evolpagink sample",[35,178,180],{"id":179},"how-ui-interacts-with-pagination","How UI interacts with pagination",[50,182,183,186,187,190,191,193],{},[61,184,185],{},"Pageable"," exposes a method, ",[61,188,189],{},"_onEvent",", that allows the UI to tell it what is visible. ",[61,192,185],{}," will then refer to the provided strategy to compose the new intended visible list of pages.",[50,195,196,197,199],{},"The UI can report visible items to ",[61,198,185],{}," in 2 ways:",[40,201,202,205],{},[43,203,204],{},"By reporting visible items. Fully dynamic, adaptive to viewport size. Recommended",[43,206,207,208,212],{},"By reporting the intended centered item. Non adaptive, the amount of pages loaded will be more static. This method is ",[209,210,211],"strong",{},"discouraged"," unless you have a specific use case.",[50,214,215,216,218],{},"Compose Multoplatform bindings report visible items by default. They observe the list state and report to ",[61,217,185],{}," accordingly.",[50,220,221],{},"See the API Reference for full details.",[170,223],{"icon":224,"target":173,"title":225,"to":226},"i-lucide-code","API Reference","..\u002Fother\u002Fdokka\u002Findex.html",[228,229,230],"style",{},"html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}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":59,"searchDepth":82,"depth":82,"links":232},[233,234],{"id":37,"depth":82,"text":38},{"id":179,"depth":82,"text":180},"md",null,{},true,{"title":240,"description":59},"evolpagink Pageable Strategies","P5rwtAgDBVds1_mzjb08SIjAjU5GWe1Cs63N_2l9HJ8",[243,236],{"title":16,"path":17,"stem":18,"description":59,"icon":19,"children":-1},1780265267242]