[{"data":1,"prerenderedAt":239},["ShallowReactive",2],{"navigation_docs":3,"-basic-overview-pageable-strategies":29,"-basic-overview-pageable-strategies-surround":237},[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":230,"links":231,"meta":232,"navigation":233,"path":27,"seo":234,"stem":28,"__hash__":236},"docs\u002Fbasic-overview\u002Fpageable-strategies.md",{"type":32,"value":33,"toc":226},"minimark",[34,39,49,53,120,123,161,164,172,176,189,195,208,214,217,222],[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 self explanatory\n    minimumItemAmount = 20 \n)\n","kotlin","",[61,62,63,80,100,114],"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 self explanatory\n",[64,101,103,106,108,111],{"class":66,"line":102},3,[64,104,105],{"class":74},"    minimumItemAmount ",[64,107,89],{"class":88},[64,109,110],{"class":92}," 20",[64,112,113],{"class":74}," \n",[64,115,117],{"class":66,"line":116},4,[64,118,119],{"class":74},")\n",[50,121,122],{},"The variant based on page amount will try to load the minimum specified amount of pages.",[54,124,126],{"className":56,"code":125,"language":58,"meta":59,"style":59},"prefetchPageAmount(\n    initialPage = 0,\n    minimumPageAmount = 2\n)   \n",[61,127,128,136,147,157],{"__ignoreMap":59},[64,129,130,133],{"class":66,"line":67},[64,131,132],{"class":70},"prefetchPageAmount",[64,134,135],{"class":74},"(\n",[64,137,138,140,142,144],{"class":66,"line":82},[64,139,85],{"class":74},[64,141,89],{"class":88},[64,143,93],{"class":92},[64,145,146],{"class":74},",\n",[64,148,149,152,154],{"class":66,"line":102},[64,150,151],{"class":74},"    minimumPageAmount ",[64,153,89],{"class":88},[64,155,156],{"class":92}," 2\n",[64,158,159],{"class":66,"line":116},[64,160,119],{"class":74},[50,162,163],{},"Visit the sample linked below and play with the UI scale to see how items are loaded.",[165,166,171],"card",{"icon":167,"target":168,"title":169,"to":170},"i-lucide-eye","_blank","Sample","..\u002Fother\u002Fsample\u002Findex.html","Compose WasmJS evolpagink sample",[35,173,175],{"id":174},"how-ui-interacts-with-pagination","How UI interacts with pagination",[50,177,178,181,182,185,186,188],{},[61,179,180],{},"Pageable"," exposes a method, ",[61,183,184],{},"_onEvent",", that allows the UI to tell it what is visible. ",[61,187,180],{}," will then refer to the provided strategy to compose the new intended visible list of pages.",[50,190,191,192,194],{},"The UI can report visible items to ",[61,193,180],{}," in 2 ways:",[40,196,197,200],{},[43,198,199],{},"By reporting visible items. Fully dynamic, adaptive to viewport size. Recommended",[43,201,202,203,207],{},"By reporting the intended centered item. Non adaptive, the amount of pages loaded will be more static. This method is ",[204,205,206],"strong",{},"discouraged"," unless you have a specific use case.",[50,209,210,211,213],{},"Compose Multoplatform bindings report visible items by default. They observe the list state and report to ",[61,212,180],{}," accordingly.",[50,215,216],{},"See the API Reference for full details.",[165,218],{"icon":219,"target":168,"title":220,"to":221},"i-lucide-code","API Reference","..\u002Fother\u002Fdokka\u002Findex.html",[223,224,225],"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":227},[228,229],{"id":37,"depth":82,"text":38},{"id":174,"depth":82,"text":175},"md",null,{},true,{"title":235,"description":59},"evolpagink Pageable Strategies","H1yoPeIyqI34AAsnMqap-FtU4gCaSi_ixRDp7WpRr1U",[238,231],{"title":16,"path":17,"stem":18,"description":59,"icon":19,"children":-1},1776821076057]