virtual-scroller 1.7.9 → 1.9.0

package/modules/Layout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../source/Layout.js"],"names":["log","Layout","bypass","estimatedItemHeight","measureItemsBatchSize","getVerticalSpacing","getColumnsCount","getItemHeight","getAverageItemHeight","itemsCount","visibleAreaHeightIncludingMargins","estimatedRowsCount","getEstimatedRowsCountForHeight","firstShownItemIndex","lastShownItemIndex","getLastShownItemIndex","beforeItemsHeight","afterItemsHeight","Math","min","height","getEstimatedItemHeight","ceil","layout","prependedItemsCount","appendedItemsCount","columnsCount","prependedRowsCount","appendedRowsCount","averageItemHeight","verticalSpacing","getBeforeItemsHeight","getAfterItemsHeight","visibleAreaTop","visibleAreaBottom","listTopOffset","previousRowsHeight","rowsCount","rowIndex","hasMoreRows","verticalSpaceAfterCurrentRow","currentRowHeight","columnIndex","i","itemHeight","undefined","heightLeft","firstNonMeasuredItemIndex","max","_getVisibleItemIndexes","redoLayoutAfterMeasuringItemHeights","maxAllowedLastShownItemIndex","listHeight","isVisible","indexes","getVisibleItemIndexes","firstShownRowIndex","floor","rowHeight","lastShownRowIndex","visibleAreaIncludingMargins","listTopOffsetInsideScrollableContainer","getItemIndexes","top","bottom","getNonVisibleListShownItemIndexes","LAYOUT_REASON","SCROLL","STOPPED_SCROLLING","MANUAL","MOUNT","ITEM_HEIGHT_NOT_MEASURED","RESIZE","ITEM_HEIGHT_CHANGED","ITEMS_CHANGED","TOP_OFFSET_CHANGED"],"mappings":";;;;;;AAAA,OAAOA,GAAP,MAAgB,iBAAhB;;IAEqBC,M;;;AACpB,wBAQG;AAAA,QAPFC,MAOE,QAPFA,MAOE;AAAA,QANFC,mBAME,QANFA,mBAME;AAAA,QALFC,qBAKE,QALFA,qBAKE;AAAA,QAJFC,kBAIE,QAJFA,kBAIE;AAAA,QAHFC,eAGE,QAHFA,eAGE;AAAA,QAFFC,aAEE,QAFFA,aAEE;AAAA,QADFC,oBACE,QADFA,oBACE;;AAAA;;AACF,SAAKN,MAAL,GAAcA,MAAd;AACA,SAAKC,mBAAL,GAA2BA,mBAA3B;AACA,SAAKC,qBAAL,GAA6BA,qBAA7B;AACA,SAAKC,kBAAL,GAA0BA,kBAA1B;AACA,SAAKC,eAAL,GAAuBA,eAAvB;AACA,SAAKC,aAAL,GAAqBA,aAArB;AACA,SAAKC,oBAAL,GAA4BA,oBAA5B;AACA;;;;kDAME;AAAA,UAHFN,MAGE,SAHFA,MAGE;AAAA,UAFFO,UAEE,SAFFA,UAEE;AAAA,UADFC,iCACE,SADFA,iCACE;AACF;AACA;AACA,UAAMC,kBAAkB,GAAGD,iCAAiC,GACzD,KAAKE,8BAAL,CAAoCF,iCAApC,CADyD,GAEzD,CAFH;AAGA,UAAIG,mBAAJ;AACA,UAAIC,kBAAJ,CAPE,CAQF;;AACA,UAAIL,UAAU,GAAG,CAAjB,EAAoB;AACnBI,QAAAA,mBAAmB,GAAG,CAAtB;AACAC,QAAAA,kBAAkB,GAAG,KAAKC,qBAAL,CACpBF,mBADoB,EAEpBJ,UAFoB,EAGpBE,kBAHoB,EAIpBT,MAJoB,CAArB;AAMA;;AACD,aAAO;AACNc,QAAAA,iBAAiB,EAAE,CADb;AAENC,QAAAA,gBAAgB,EAAE,CAFZ;AAGNJ,QAAAA,mBAAmB,EAAnBA,mBAHM;AAINC,QAAAA,kBAAkB,EAAlBA;AAJM,OAAP;AAMA;;;0CAGAD,mB,EACAJ,U,EACAE,kB,EACAT,M,EACC;AACD,UAAI,KAAKA,MAAL,IAAeA,MAAnB,EAA2B;AAC1B,eAAOO,UAAU,GAAG,CAApB;AACA;;AACD,aAAOS,IAAI,CAACC,GAAL,CACNN,mBAAmB,IAAIF,kBAAkB,GAAG,KAAKL,eAAL,EAArB,GAA8C,CAAlD,CADb,EAENG,UAAU,GAAG,CAFP,CAAP;AAIA;;;mDAE8BW,M,EAAQ;AACtC,UAAMjB,mBAAmB,GAAG,KAAKkB,sBAAL,EAA5B;;AACA,UAAIlB,mBAAJ,EAAyB;AACxB,eAAOe,IAAI,CAACI,IAAL,CAAU,CAACF,MAAM,GAAG,KAAKf,kBAAL,EAAV,KAAwCF,mBAAmB,GAAG,KAAKE,kBAAL,EAA9D,CAAV,CAAP;AACA,OAFD,MAEO;AACN;AACA;AACA,eAAO,CAAP;AACA;AACD;AAED;;;;;;;;6CAKyB;AACxB,aAAO,KAAKG,oBAAL,MAA+B,KAAKL,mBAApC,IAA2D,CAAlE;AACA;;;6CAEwBoB,M,gBAKtB;AAAA,UAJFC,mBAIE,SAJFA,mBAIE;AAAA,UAHFC,kBAGE,SAHFA,kBAGE;AAAA,UADFhB,UACE,SADFA,UACE;AACFc,MAAAA,MAAM,CAACV,mBAAP,IAA8BW,mBAA9B;AACAD,MAAAA,MAAM,CAACT,kBAAP,IAA6BU,mBAA7B;AACA,UAAME,YAAY,GAAG,KAAKpB,eAAL,EAArB;;AACA,UAAIkB,mBAAmB,GAAGE,YAAtB,KAAuC,CAA3C,EAA8C;AAC7C;AACA;AACA;AACA,YAAMC,kBAAkB,GAAGH,mBAAmB,GAAGE,YAAjD;AACA,YAAME,iBAAiB,GAAGV,IAAI,CAACI,IAAL,CAAUG,kBAAkB,GAAGC,YAA/B,CAA1B;AACA,YAAMG,iBAAiB,GAAG,KAAKrB,oBAAL,EAA1B;AACA,YAAMsB,eAAe,GAAG,KAAKzB,kBAAL,EAAxB;AACAkB,QAAAA,MAAM,CAACP,iBAAP,IAA4BW,kBAAkB,IAAIE,iBAAiB,GAAGC,eAAxB,CAA9C;AACAP,QAAAA,MAAM,CAACN,gBAAP,IAA2BW,iBAAiB,IAAIE,eAAe,GAAGD,iBAAtB,CAA5C;AACA,OAVD,MAUO;AACN;AACA;AACA;AACA;AACA;AACAN,QAAAA,MAAM,CAACP,iBAAP,GAA2B,KAAKe,oBAAL,CAC1BR,MAAM,CAACV,mBADmB,EAE1BU,MAAM,CAACT,kBAFmB,CAA3B;AAIAS,QAAAA,MAAM,CAACN,gBAAP,GAA0B,KAAKe,mBAAL,CACzBT,MAAM,CAACV,mBADkB,EAEzBU,MAAM,CAACT,kBAFkB,EAGzBL,UAHyB,CAA1B;AAKA;AACD;;;2CAGAwB,c,EACAC,iB,EACAC,a,EACA1B,U,EACC;AACD,UAAMiB,YAAY,GAAG,KAAKpB,eAAL,EAArB;AACA,UAAIO,mBAAJ;AACA,UAAIC,kBAAJ;AACA,UAAIsB,kBAAkB,GAAG,CAAzB;AACA,UAAMC,SAAS,GAAGnB,IAAI,CAACI,IAAL,CAAUb,UAAU,GAAGiB,YAAvB,CAAlB;AACA,UAAIY,QAAQ,GAAG,CAAf;;AACA,aAAOA,QAAQ,GAAGD,SAAlB,EAA6B;AAC5B,YAAME,WAAW,GAAG9B,UAAU,GAAG,CAAC6B,QAAQ,GAAG,CAAZ,IAAiBZ,YAAlD;AACA,YAAMc,4BAA4B,GAAGD,WAAW,GAAG,KAAKlC,kBAAL,EAAH,GAA+B,CAA/E;AACA,YAAIoC,gBAAgB,GAAG,CAAvB;AACA,YAAIC,WAAW,GAAG,CAAlB;AACA,YAAIC,CAAC,SAAL;;AACA,eAAOD,WAAW,GAAGhB,YAAd,IACH,CAACiB,CAAC,GAAGL,QAAQ,GAAGZ,YAAX,GAA0BgB,WAA/B,IAA8CjC,UADlD,EAC8D;AAC7D,cAAMmC,UAAU,GAAG,KAAKrC,aAAL,CAAmBoC,CAAnB,CAAnB,CAD6D,CAE7D;AACA;;AACA,cAAIC,UAAU,KAAKC,SAAnB,EAA8B;AAC7B7C,YAAAA,GAAG,sBAAe2C,CAAf,4LAAH;;AACA,gBAAI9B,mBAAmB,KAAKgC,SAA5B,EAAuC;AACtChC,cAAAA,mBAAmB,GAAGyB,QAAQ,GAAGZ,YAAjC;AACA;;AACD,gBAAMoB,UAAU,GAAGZ,iBAAiB,IAAIC,aAAa,GAAGC,kBAApB,CAApC;AACAtB,YAAAA,kBAAkB,GAAGI,IAAI,CAACC,GAAL,CACpB,CAACmB,QAAQ,GAAG,KAAK1B,8BAAL,CAAoCkC,UAApC,CAAZ,IAA+DpB,YAA/D,GAA8E,CAD1D,EAEpB;AACAjB,YAAAA,UAAU,GAAG,CAHO,CAArB;AAKA,mBAAO;AACNsC,cAAAA,yBAAyB,EAAEJ,CADrB;AAEN9B,cAAAA,mBAAmB,EAAnBA,mBAFM;AAGNC,cAAAA,kBAAkB,EAAlBA;AAHM,aAAP;AAKA;;AACD2B,UAAAA,gBAAgB,GAAGvB,IAAI,CAAC8B,GAAL,CAASP,gBAAT,EAA2BG,UAA3B,CAAnB,CArB6D,CAsB7D;AACA;;AACA,cAAI/B,mBAAmB,KAAKgC,SAA5B,EAAuC;AACtC,gBAAIV,aAAa,GAAGC,kBAAhB,GAAqCK,gBAArC,GAAwDR,cAA5D,EAA4E;AAC3EjC,cAAAA,GAAG,CAAC,uBAAD,EAA0BsC,QAA1B,CAAH;AACAzB,cAAAA,mBAAmB,GAAGyB,QAAQ,GAAGZ,YAAjC;AACA;AACD,WA7B4D,CA8B7D;;;AACA,cAAIS,aAAa,GAAGC,kBAAhB,GAAqCK,gBAArC,GAAwDD,4BAAxD,GAAuFN,iBAA3F,EAA8G;AAC7GlC,YAAAA,GAAG,CAAC,sBAAD,EAAyBsC,QAAzB,CAAH,CAD6G,CAE7G;AACA;AACA;AACA;;AACA,gBAAIzB,mBAAmB,KAAKgC,SAA5B,EAAuC;AACtC/B,cAAAA,kBAAkB,GAAGI,IAAI,CAACC,GAAL,EACpB;AACA,eAACmB,QAAQ,GAAG,CAAZ,IAAiBZ,YAAjB,GAAgC,CAFZ,EAGpB;AACAjB,cAAAA,UAAU,GAAG,CAJO,CAArB;AAMA;;AACD,mBAAO;AACNI,cAAAA,mBAAmB,EAAnBA,mBADM;AAENC,cAAAA,kBAAkB,EAAlBA;AAFM,aAAP;AAIA;;AACD4B,UAAAA,WAAW;AACX;;AACDN,QAAAA,kBAAkB,IAAIK,gBAAtB,CA3D4B,CA4D5B;;AACAL,QAAAA,kBAAkB,IAAII,4BAAtB;AACAF,QAAAA,QAAQ;AACR,OAtEA,CAuED;;;AACA,UAAIzB,mBAAmB,KAAKgC,SAAxB,IAAqC/B,kBAAkB,KAAK+B,SAAhE,EAA2E;AAC1E/B,QAAAA,kBAAkB,GAAGL,UAAU,GAAG,CAAlC;AACAT,QAAAA,GAAG,CAAC,oCAAD,EAAuCc,kBAAvC,CAAH;AACA;;AACD,aAAO;AACND,QAAAA,mBAAmB,EAAnBA,mBADM;AAENC,QAAAA,kBAAkB,EAAlBA;AAFM,OAAP;AAIA,K,CAED;;;;0CAECmB,c,EACAC,iB,EACAC,a,EACA1B,U,EACC;AAAA,kCAKG,KAAKwC,sBAAL,CACHhB,cADG,EAEHC,iBAFG,EAGHC,aAHG,EAIH1B,UAJG,CALH;AAAA,UAEAsC,yBAFA,yBAEAA,yBAFA;AAAA,UAGAlC,mBAHA,yBAGAA,mBAHA;AAAA,UAIAC,kBAJA,yBAIAA,kBAJA;;AAWD,UAAMoC,mCAAmC,GAAGH,yBAAyB,KAAKF,SAA1E,CAXC,CAYD;AACA;AACA;;AACA,UAAIK,mCAAmC,IAAI,KAAK9C,qBAAhD,EAAuE;AACtE,YAAM+C,4BAA4B,GAAGJ,yBAAyB,GAAG,KAAK3C,qBAAjC,GAAyD,CAA9F;AACA,YAAMsB,YAAY,GAAG,KAAKpB,eAAL,EAArB;AACAQ,QAAAA,kBAAkB,GAAGI,IAAI,CAACC,GAAL,EACpB;AACAL,QAAAA,kBAFoB,EAGpB;AACAI,QAAAA,IAAI,CAACI,IAAL,CAAU6B,4BAA4B,GAAGzB,YAAzC,IAAyDA,YAAzD,GAAwE,CAJpD,CAArB;AAMA;;AACD,aAAO;AACNb,QAAAA,mBAAmB,EAAnBA,mBADM;AAENC,QAAAA,kBAAkB,EAAlBA,kBAFM;AAGNoC,QAAAA,mCAAmC,EAAnCA;AAHM,OAAP;AAKA;;;wDAEmC;AACnC,aAAO;AACNrC,QAAAA,mBAAmB,EAAE,CADf;AAENC,QAAAA,kBAAkB,EAAE,CAFd;AAGNoC,QAAAA,mCAAmC,EAAE,KAAK3C,aAAL,CAAmB,CAAnB,MAA0BsC;AAHzD,OAAP;AAKA;;;mCAGAZ,c,EACAC,iB,EACAC,a,EACAiB,U,EACA3C,U,EACC;AACD,UAAM4C,SAAS,GAAGlB,aAAa,GAAGiB,UAAhB,GAA6BnB,cAA7B,IAA+CE,aAAa,GAAGD,iBAAjF;;AACA,UAAI,CAACmB,SAAL,EAAgB;AACfrD,QAAAA,GAAG,CAAC,sDAAD,CAAH;AACA;AACA,OALA,CAMD;;;AACA,UAAMsD,OAAO,GAAG,KAAKC,qBAAL,CACftB,cADe,EAEfC,iBAFe,EAGfC,aAHe,EAIf1B,UAJe,CAAhB,CAPC,CAaD;AACA;AACA;AACA;;AACA,UAAI6C,OAAO,CAACzC,mBAAR,KAAgCgC,SAApC,EAA+C;AAC9C7C,QAAAA,GAAG,CAAC,sDAAD,CAAH;AACA;AACA;;AACD,aAAOsD,OAAP;AACA;AAED;;;;;;;;;yCAOCzC,mB,EACAC,kB,EACC;AACD,UAAMY,YAAY,GAAG,KAAKpB,eAAL,EAArB;AACA,UAAMkD,kBAAkB,GAAGtC,IAAI,CAACuC,KAAL,CAAW5C,mBAAmB,GAAGa,YAAjC,CAA3B;AACA,UAAIV,iBAAiB,GAAG,CAAxB,CAHC,CAID;;AACA,UAAIsB,QAAQ,GAAG,CAAf;;AACA,aAAOA,QAAQ,GAAGkB,kBAAlB,EAAsC;AACrC,YAAIE,SAAS,GAAG,CAAhB;AACA,YAAIhB,WAAW,GAAG,CAAlB;;AACA,eAAOA,WAAW,GAAGhB,YAArB,EAAmC;AAClCgC,UAAAA,SAAS,GAAGxC,IAAI,CAAC8B,GAAL,CACXU,SADW,EAEX,KAAKnD,aAAL,CAAmB+B,QAAQ,GAAGZ,YAAX,GAA0BgB,WAA7C,KACI,KAAKlC,oBAAL,EAHO,CAAZ;AAKAkC,UAAAA,WAAW;AACX;;AACD1B,QAAAA,iBAAiB,IAAI0C,SAArB;AACA1C,QAAAA,iBAAiB,IAAI,KAAKX,kBAAL,EAArB;AACAiC,QAAAA,QAAQ;AACR;;AACD,aAAOtB,iBAAP;AACA;AAED;;;;;;;;;;;;wCAUCH,mB,EACAC,kB,EACAL,U,EACC;AACD,UAAMiB,YAAY,GAAG,KAAKpB,eAAL,EAArB;AACA,UAAM+B,SAAS,GAAGnB,IAAI,CAACI,IAAL,CAAUb,UAAU,GAAGiB,YAAvB,CAAlB;AACA,UAAMiC,iBAAiB,GAAGzC,IAAI,CAACuC,KAAL,CAAW3C,kBAAkB,GAAGY,YAAhC,CAA1B;AACA,UAAIT,gBAAgB,GAAG,CAAvB;AACA,UAAIqB,QAAQ,GAAGqB,iBAAiB,GAAG,CAAnC;;AACA,aAAOrB,QAAQ,GAAGD,SAAlB,EAA6B;AAC5B,YAAIqB,SAAS,GAAG,CAAhB;AACA,YAAIhB,WAAW,GAAG,CAAlB;AACA,YAAIC,CAAC,SAAL;;AACA,eAAOD,WAAW,GAAGhB,YAAd,IACH,CAACiB,CAAC,GAAGL,QAAQ,GAAGZ,YAAX,GAA0BgB,WAA/B,IAA8CjC,UADlD,EAC8D;AAC7DiD,UAAAA,SAAS,GAAGxC,IAAI,CAAC8B,GAAL,CACXU,SADW,EAEX,KAAKnD,aAAL,CAAmBoC,CAAnB,KAAyB,KAAKnC,oBAAL,EAFd,CAAZ;AAIAkC,UAAAA,WAAW;AACX,SAX2B,CAY5B;;;AACAzB,QAAAA,gBAAgB,IAAI,KAAKZ,kBAAL,EAApB;AACAY,QAAAA,gBAAgB,IAAIyC,SAApB;AACApB,QAAAA,QAAQ;AACR;;AACD,aAAOrB,gBAAP;AACA;AAED;;;;;;;+CASG;AAAA,UAJFmC,UAIE,SAJFA,UAIE;AAAA,UAHF3C,UAGE,SAHFA,UAGE;AAAA,UAFFmD,2BAEE,SAFFA,2BAEE;AAAA,UADFC,sCACE,SADFA,sCACE;;AACF,UAAI,KAAK3D,MAAT,EAAiB;AAChB,eAAO;AACNW,UAAAA,mBAAmB,EAAE,CADf;AAENC,UAAAA,kBAAkB,EAAEL,UAAU,GAAG;AAF3B,SAAP;AAIA,OANC,CAOF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,aAAO,KAAKqD,cAAL,CACNF,2BAA2B,CAACG,GADtB,EAENH,2BAA2B,CAACI,MAFtB,EAGNH,sCAHM,EAINT,UAJM,EAKN3C,UALM,KAMF,KAAKwD,iCAAL,EANL;AAOA;;;0CAEqB1C,M,EAAQ;AAC7BA,MAAAA,MAAM,CAACV,mBAAP,GAA6B,CAA7B;AACAU,MAAAA,MAAM,CAACP,iBAAP,GAA2B,CAA3B;AACA;;;;;;SAzYmBf,M;AA4YrB,OAAO,IAAMiE,aAAa,GAAG;AAC5BC,EAAAA,MAAM,EAAE,QADoB;AAE5BC,EAAAA,iBAAiB,EAAE,mBAFS;AAG5BC,EAAAA,MAAM,EAAE,QAHoB;AAI5BC,EAAAA,KAAK,EAAE,OAJqB;AAK5BC,EAAAA,wBAAwB,EAAE,mCALE;AAM5BC,EAAAA,MAAM,EAAE,QANoB;AAO5BC,EAAAA,mBAAmB,EAAE,qBAPO;AAQ5BC,EAAAA,aAAa,EAAE,eARa;AAS5BC,EAAAA,kBAAkB,EAAE;AATQ,CAAtB","sourcesContent":["import log from './utility/debug'\r\n\r\nexport default class Layout {\r\n\tconstructor({\r\n\t\tbypass,\r\n\t\testimatedItemHeight,\r\n\t\tmeasureItemsBatchSize,\r\n\t\tgetVerticalSpacing,\r\n\t\tgetColumnsCount,\r\n\t\tgetItemHeight,\r\n\t\tgetAverageItemHeight\r\n\t}) {\r\n\t\tthis.bypass = bypass\r\n\t\tthis.estimatedItemHeight = estimatedItemHeight\r\n\t\tthis.measureItemsBatchSize = measureItemsBatchSize\r\n\t\tthis.getVerticalSpacing = getVerticalSpacing\r\n\t\tthis.getColumnsCount = getColumnsCount\r\n\t\tthis.getItemHeight = getItemHeight\r\n\t\tthis.getAverageItemHeight = getAverageItemHeight\r\n\t}\r\n\r\n\tgetInitialLayoutValues({\r\n\t\tbypass,\r\n\t\titemsCount,\r\n\t\tvisibleAreaHeightIncludingMargins\r\n\t}) {\r\n\t\t// On server side, at initialization time, there's no \"visible area height\",\r\n\t\t// so default to `1` estimated rows count.\r\n\t\tconst estimatedRowsCount = visibleAreaHeightIncludingMargins\r\n\t\t\t? this.getEstimatedRowsCountForHeight(visibleAreaHeightIncludingMargins)\r\n\t\t\t: 1\r\n\t\tlet firstShownItemIndex\r\n\t\tlet lastShownItemIndex\r\n\t\t// If there're no items then `firstShownItemIndex` stays `undefined`.\r\n\t\tif (itemsCount > 0) {\r\n\t\t\tfirstShownItemIndex = 0\r\n\t\t\tlastShownItemIndex = this.getLastShownItemIndex(\r\n\t\t\t\tfirstShownItemIndex,\r\n\t\t\t\titemsCount,\r\n\t\t\t\testimatedRowsCount,\r\n\t\t\t\tbypass\r\n\t\t\t)\r\n\t\t}\r\n\t\treturn {\r\n\t\t\tbeforeItemsHeight: 0,\r\n\t\t\tafterItemsHeight: 0,\r\n\t\t\tfirstShownItemIndex,\r\n\t\t\tlastShownItemIndex\r\n\t\t}\r\n\t}\r\n\r\n\tgetLastShownItemIndex(\r\n\t\tfirstShownItemIndex,\r\n\t\titemsCount,\r\n\t\testimatedRowsCount,\r\n\t\tbypass\r\n\t) {\r\n\t\tif (this.bypass || bypass) {\r\n\t\t\treturn itemsCount - 1\r\n\t\t}\r\n\t\treturn Math.min(\r\n\t\t\tfirstShownItemIndex + (estimatedRowsCount * this.getColumnsCount() - 1),\r\n\t\t\titemsCount - 1\r\n\t\t)\r\n\t}\r\n\r\n\tgetEstimatedRowsCountForHeight(height) {\r\n\t\tconst estimatedItemHeight = this.getEstimatedItemHeight()\r\n\t\tif (estimatedItemHeight) {\r\n\t\t\treturn Math.ceil((height + this.getVerticalSpacing()) / (estimatedItemHeight + this.getVerticalSpacing()))\r\n\t\t} else {\r\n\t\t\t// If no items have been rendered yet, and no `estimatedItemHeight` option\r\n\t\t\t// has been passed, then default to `1` estimated rows count in any `height`.\r\n\t\t\treturn 1\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Returns estimated list item height.\r\n\t * (depends on which items have been previously rendered and measured).\r\n\t * @return {number}\r\n\t */\r\n\tgetEstimatedItemHeight() {\r\n\t\treturn this.getAverageItemHeight() || this.estimatedItemHeight || 0\r\n\t}\r\n\r\n\tupdateLayoutForItemsDiff(layout, {\r\n\t\tprependedItemsCount,\r\n\t\tappendedItemsCount\r\n\t}, {\r\n\t\titemsCount\r\n\t}) {\r\n\t\tlayout.firstShownItemIndex += prependedItemsCount\r\n\t\tlayout.lastShownItemIndex += prependedItemsCount\r\n\t\tconst columnsCount = this.getColumnsCount()\r\n\t\tif (prependedItemsCount % columnsCount === 0) {\r\n\t\t\t// If the layout stays the same, then simply increase\r\n\t\t\t// the top and bottom margins proportionally to the amount\r\n\t\t\t// of the items added.\r\n\t\t\tconst prependedRowsCount = prependedItemsCount / columnsCount\r\n\t\t\tconst appendedRowsCount = Math.ceil(appendedItemsCount / columnsCount)\r\n\t\t\tconst averageItemHeight = this.getAverageItemHeight()\r\n\t\t\tconst verticalSpacing = this.getVerticalSpacing()\r\n\t\t\tlayout.beforeItemsHeight += prependedRowsCount * (averageItemHeight + verticalSpacing)\r\n\t\t\tlayout.afterItemsHeight += appendedRowsCount * (verticalSpacing + averageItemHeight)\r\n\t\t} else {\r\n\t\t\t// Rows will be rebalanced as a result of prepending the items,\r\n\t\t\t// and the row heights can change as a result, so recalculate\r\n\t\t\t// `beforeItemsHeight` and `afterItemsHeight` from scratch.\r\n\t\t\t// `this.itemHeights[]` and `firstShownItemIndex`/`lastShownItemIndex`\r\n\t\t\t// have already been updated at this point.\r\n\t\t\tlayout.beforeItemsHeight = this.getBeforeItemsHeight(\r\n\t\t\t\tlayout.firstShownItemIndex,\r\n\t\t\t\tlayout.lastShownItemIndex\r\n\t\t\t)\r\n\t\t\tlayout.afterItemsHeight = this.getAfterItemsHeight(\r\n\t\t\t\tlayout.firstShownItemIndex,\r\n\t\t\t\tlayout.lastShownItemIndex,\r\n\t\t\t\titemsCount\r\n\t\t\t)\r\n\t\t}\r\n\t}\r\n\r\n\t_getVisibleItemIndexes(\r\n\t\tvisibleAreaTop,\r\n\t\tvisibleAreaBottom,\r\n\t\tlistTopOffset,\r\n\t\titemsCount\r\n\t) {\r\n\t\tconst columnsCount = this.getColumnsCount()\r\n\t\tlet firstShownItemIndex\r\n\t\tlet lastShownItemIndex\r\n\t\tlet previousRowsHeight = 0\r\n\t\tconst rowsCount = Math.ceil(itemsCount / columnsCount)\r\n\t\tlet rowIndex = 0\r\n\t\twhile (rowIndex < rowsCount) {\r\n\t\t\tconst hasMoreRows = itemsCount > (rowIndex + 1) * columnsCount\r\n\t\t\tconst verticalSpaceAfterCurrentRow = hasMoreRows ? this.getVerticalSpacing() : 0\r\n\t\t\tlet currentRowHeight = 0\r\n\t\t\tlet columnIndex = 0\r\n\t\t\tlet i\r\n\t\t\twhile (columnIndex < columnsCount\r\n\t\t\t\t&& (i = rowIndex * columnsCount + columnIndex) < itemsCount) {\r\n\t\t\t\tconst itemHeight = this.getItemHeight(i)\r\n\t\t\t\t// If an item that hasn't been shown (and measured) yet is encountered\r\n\t\t\t\t// then show such item and then retry after it has been measured.\r\n\t\t\t\tif (itemHeight === undefined) {\r\n\t\t\t\t\tlog(`Item index ${i} lies within the visible area or its \"margins\", but its height hasn't been measured yet. Mark the item as \"shown\", render the list, measure the item's height and redo the layout.`)\r\n\t\t\t\t\tif (firstShownItemIndex === undefined) {\r\n\t\t\t\t\t\tfirstShownItemIndex = rowIndex * columnsCount\r\n\t\t\t\t\t}\r\n\t\t\t\t\tconst heightLeft = visibleAreaBottom - (listTopOffset + previousRowsHeight)\r\n\t\t\t\t\tlastShownItemIndex = Math.min(\r\n\t\t\t\t\t\t(rowIndex + this.getEstimatedRowsCountForHeight(heightLeft)) * columnsCount - 1,\r\n\t\t\t\t\t\t// Guard against index overflow.\r\n\t\t\t\t\t\titemsCount - 1\r\n\t\t\t\t\t)\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tfirstNonMeasuredItemIndex: i,\r\n\t\t\t\t\t\tfirstShownItemIndex,\r\n\t\t\t\t\t\tlastShownItemIndex\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tcurrentRowHeight = Math.max(currentRowHeight, itemHeight)\r\n\t\t\t\t// If this is the first item visible\r\n\t\t\t\t// then start showing items from this row.\r\n\t\t\t\tif (firstShownItemIndex === undefined) {\r\n\t\t\t\t\tif (listTopOffset + previousRowsHeight + currentRowHeight > visibleAreaTop) {\r\n\t\t\t\t\t\tlog('First shown row index', rowIndex)\r\n\t\t\t\t\t\tfirstShownItemIndex = rowIndex * columnsCount\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\t// If this item is the last one visible in the viewport then exit.\r\n\t\t\t\tif (listTopOffset + previousRowsHeight + currentRowHeight + verticalSpaceAfterCurrentRow > visibleAreaBottom) {\r\n\t\t\t\t\tlog('Last shown row index', rowIndex)\r\n\t\t\t\t\t// The list height is estimated until all items have been seen,\r\n\t\t\t\t\t// so it's possible that even when the list DOM element happens\r\n\t\t\t\t\t// to be in the viewport in reality the list isn't visible\r\n\t\t\t\t\t// in which case `firstShownItemIndex` will be `undefined`.\r\n\t\t\t\t\tif (firstShownItemIndex !== undefined) {\r\n\t\t\t\t\t\tlastShownItemIndex = Math.min(\r\n\t\t\t\t\t\t\t// The index of the last item in the current row.\r\n\t\t\t\t\t\t\t(rowIndex + 1) * columnsCount - 1,\r\n\t\t\t\t\t\t\t// Guards against index overflow.\r\n\t\t\t\t\t\t\titemsCount - 1\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tfirstShownItemIndex,\r\n\t\t\t\t\t\tlastShownItemIndex\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t\tcolumnIndex++\r\n\t\t\t}\r\n\t\t\tpreviousRowsHeight += currentRowHeight\r\n\t\t\t// If there're more rows below the current row, then add vertical spacing.\r\n\t\t\tpreviousRowsHeight += verticalSpaceAfterCurrentRow\r\n\t\t\trowIndex++\r\n\t\t}\r\n\t\t// If there're no more items then the last item is the last one to show.\r\n\t\tif (firstShownItemIndex !== undefined && lastShownItemIndex === undefined) {\r\n\t\t\tlastShownItemIndex = itemsCount - 1\r\n\t\t\tlog('Last item index (is fully visible)', lastShownItemIndex)\r\n\t\t}\r\n\t\treturn {\r\n\t\t\tfirstShownItemIndex,\r\n\t\t\tlastShownItemIndex\r\n\t\t}\r\n\t}\r\n\r\n\t// Finds the items which are displayed in the viewport.\r\n\tgetVisibleItemIndexes(\r\n\t\tvisibleAreaTop,\r\n\t\tvisibleAreaBottom,\r\n\t\tlistTopOffset,\r\n\t\titemsCount\r\n\t) {\r\n\t\tlet {\r\n\t\t\tfirstNonMeasuredItemIndex,\r\n\t\t\tfirstShownItemIndex,\r\n\t\t\tlastShownItemIndex\r\n\t\t} = this._getVisibleItemIndexes(\r\n\t\t\tvisibleAreaTop,\r\n\t\t\tvisibleAreaBottom,\r\n\t\t\tlistTopOffset,\r\n\t\t\titemsCount\r\n\t\t)\r\n\t\tconst redoLayoutAfterMeasuringItemHeights = firstNonMeasuredItemIndex !== undefined\r\n\t\t// If some items will be rendered in order to measure their height,\r\n\t\t// and it's not a `preserveScrollPositionOnPrependItems` case,\r\n\t\t// then limit the amount of such items being measured in a single pass.\r\n\t\tif (redoLayoutAfterMeasuringItemHeights && this.measureItemsBatchSize) {\r\n\t\t\tconst maxAllowedLastShownItemIndex = firstNonMeasuredItemIndex + this.measureItemsBatchSize - 1\r\n\t\t\tconst columnsCount = this.getColumnsCount()\r\n\t\t\tlastShownItemIndex = Math.min(\r\n\t\t\t\t// Also guards against index overflow.\r\n\t\t\t\tlastShownItemIndex,\r\n\t\t\t\t// The index of the last item in the row.\r\n\t\t\t\tMath.ceil(maxAllowedLastShownItemIndex / columnsCount) * columnsCount - 1\r\n\t\t\t)\r\n\t\t}\r\n\t\treturn {\r\n\t\t\tfirstShownItemIndex,\r\n\t\t\tlastShownItemIndex,\r\n\t\t\tredoLayoutAfterMeasuringItemHeights\r\n\t\t}\r\n\t}\r\n\r\n\tgetNonVisibleListShownItemIndexes() {\r\n\t\treturn {\r\n\t\t\tfirstShownItemIndex: 0,\r\n\t\t\tlastShownItemIndex: 0,\r\n\t\t\tredoLayoutAfterMeasuringItemHeights: this.getItemHeight(0) === undefined\r\n\t\t}\r\n\t}\r\n\r\n\tgetItemIndexes(\r\n\t\tvisibleAreaTop,\r\n\t\tvisibleAreaBottom,\r\n\t\tlistTopOffset,\r\n\t\tlistHeight,\r\n\t\titemsCount\r\n\t) {\r\n\t\tconst isVisible = listTopOffset + listHeight > visibleAreaTop && listTopOffset < visibleAreaBottom\r\n\t\tif (!isVisible) {\r\n\t\t\tlog('The entire list is off-screen. No items are visible.')\r\n\t\t\treturn\r\n\t\t}\r\n\t\t// Find the items which are displayed in the viewport.\r\n\t\tconst indexes = this.getVisibleItemIndexes(\r\n\t\t\tvisibleAreaTop,\r\n\t\t\tvisibleAreaBottom,\r\n\t\t\tlistTopOffset,\r\n\t\t\titemsCount\r\n\t\t)\r\n\t\t// The list height is estimated until all items have been seen,\r\n\t\t// so it's possible that even when the list DOM element happens\r\n\t\t// to be in the viewport, in reality the list isn't visible\r\n\t\t// in which case `firstShownItemIndex` will be `undefined`.\r\n\t\tif (indexes.firstShownItemIndex === undefined) {\r\n\t\t\tlog('The entire list is off-screen. No items are visible.')\r\n\t\t\treturn\r\n\t\t}\r\n\t\treturn indexes\r\n\t}\r\n\r\n\t/**\r\n\t * Measures \"before\" items height.\r\n\t * @param  {number} firstShownItemIndex — New first shown item index.\r\n\t * @param  {number} lastShownItemIndex — New last shown item index.\r\n\t * @return {number}\r\n\t */\r\n\tgetBeforeItemsHeight(\r\n\t\tfirstShownItemIndex,\r\n\t\tlastShownItemIndex\r\n\t) {\r\n\t\tconst columnsCount = this.getColumnsCount()\r\n\t\tconst firstShownRowIndex = Math.floor(firstShownItemIndex / columnsCount)\r\n\t\tlet beforeItemsHeight = 0\r\n\t\t// Add all \"before\" items height.\r\n\t\tlet rowIndex = 0\r\n\t\twhile (rowIndex < firstShownRowIndex) {\r\n\t\t\tlet rowHeight = 0\r\n\t\t\tlet columnIndex = 0\r\n\t\t\twhile (columnIndex < columnsCount) {\r\n\t\t\t\trowHeight = Math.max(\r\n\t\t\t\t\trowHeight,\r\n\t\t\t\t\tthis.getItemHeight(rowIndex * columnsCount + columnIndex)\r\n\t\t\t\t\t\t|| this.getAverageItemHeight()\r\n\t\t\t\t)\r\n\t\t\t\tcolumnIndex++\r\n\t\t\t}\r\n\t\t\tbeforeItemsHeight += rowHeight\r\n\t\t\tbeforeItemsHeight += this.getVerticalSpacing()\r\n\t\t\trowIndex++\r\n\t\t}\r\n\t\treturn beforeItemsHeight\r\n\t}\r\n\r\n\t/**\r\n\t * Measures \"after\" items height.\r\n\t * @param  {number} firstShownItemIndex — New first shown item index.\r\n\t * @param  {number} lastShownItemIndex — New last shown item index.\r\n\t * @param  {number} averageItemHeight — Average item height.\r\n\t * @param  {number} verticalSpacing — Item vertical spacing.\r\n\t * @param  {number} itemsCount — Items count.\r\n\t * @return {number}\r\n\t */\r\n\tgetAfterItemsHeight(\r\n\t\tfirstShownItemIndex,\r\n\t\tlastShownItemIndex,\r\n\t\titemsCount\r\n\t) {\r\n\t\tconst columnsCount = this.getColumnsCount()\r\n\t\tconst rowsCount = Math.ceil(itemsCount / columnsCount)\r\n\t\tconst lastShownRowIndex = Math.floor(lastShownItemIndex / columnsCount)\r\n\t\tlet afterItemsHeight = 0\r\n\t\tlet rowIndex = lastShownRowIndex + 1\r\n\t\twhile (rowIndex < rowsCount) {\r\n\t\t\tlet rowHeight = 0\r\n\t\t\tlet columnIndex = 0\r\n\t\t\tlet i\r\n\t\t\twhile (columnIndex < columnsCount\r\n\t\t\t\t&& (i = rowIndex * columnsCount + columnIndex) < itemsCount) {\r\n\t\t\t\trowHeight = Math.max(\r\n\t\t\t\t\trowHeight,\r\n\t\t\t\t\tthis.getItemHeight(i) || this.getAverageItemHeight()\r\n\t\t\t\t)\r\n\t\t\t\tcolumnIndex++\r\n\t\t\t}\r\n\t\t\t// Add all \"after\" items height.\r\n\t\t\tafterItemsHeight += this.getVerticalSpacing()\r\n\t\t\tafterItemsHeight += rowHeight\r\n\t\t\trowIndex++\r\n\t\t}\r\n\t\treturn afterItemsHeight\r\n\t}\r\n\r\n\t/**\r\n\t * Finds the indexes of the currently visible items.\r\n\t * @return {object} `{ firstShownItemIndex: number, lastShownItemIndex: number, redoLayoutAfterMeasuringItemHeights: boolean }`\r\n\t */\r\n\tgetShownItemIndexes({\r\n\t\tlistHeight,\r\n\t\titemsCount,\r\n\t\tvisibleAreaIncludingMargins,\r\n\t\tlistTopOffsetInsideScrollableContainer\r\n\t}) {\r\n\t\tif (this.bypass) {\r\n\t\t\treturn {\r\n\t\t\t\tfirstShownItemIndex: 0,\r\n\t\t\t\tlastShownItemIndex: itemsCount - 1\r\n\t\t\t}\r\n\t\t}\r\n\t\t// Finds the indexes of the items that are currently visible\r\n\t\t// (or close to being visible) in the scrollable container.\r\n\t\t// For scrollable containers other than the main screen, it could also\r\n\t\t// check the visibility of such scrollable container itself, because it\r\n\t\t// might be not visible.\r\n\t\t// If such kind of an optimization would hypothetically be implemented,\r\n\t\t// then it would also require listening for \"scroll\" events on the screen.\r\n\t\t// Overall, I suppose that such \"actual visibility\" feature would be\r\n\t\t// a very minor optimization and not something I'd deal with.\r\n\t\treturn this.getItemIndexes(\r\n\t\t\tvisibleAreaIncludingMargins.top,\r\n\t\t\tvisibleAreaIncludingMargins.bottom,\r\n\t\t\tlistTopOffsetInsideScrollableContainer,\r\n\t\t\tlistHeight,\r\n\t\t\titemsCount\r\n\t\t) || this.getNonVisibleListShownItemIndexes()\r\n\t}\r\n\r\n\tshowItemsFromTheStart(layout) {\r\n\t\tlayout.firstShownItemIndex = 0\r\n\t\tlayout.beforeItemsHeight = 0\r\n\t}\r\n}\r\n\r\nexport const LAYOUT_REASON = {\r\n\tSCROLL: 'scroll',\r\n\tSTOPPED_SCROLLING: 'stopped scrolling',\r\n\tMANUAL: 'manual',\r\n\tMOUNT: 'mount',\r\n\tITEM_HEIGHT_NOT_MEASURED: 'some item height wasn\\'t measured',\r\n\tRESIZE: 'resize',\r\n\tITEM_HEIGHT_CHANGED: 'item height changed',\r\n\tITEMS_CHANGED: 'items changed',\r\n\tTOP_OFFSET_CHANGED: 'list top offset changed'\r\n}"],"file":"Layout.js"}
+{"version":3,"file":"Layout.js","names":["log","warn","Layout","bypass","estimatedItemHeight","measureItemsBatchSize","getPrerenderMargin","getVerticalSpacing","getVerticalSpacingBeforeResize","getColumnsCount","getColumnsCountBeforeResize","getItemHeight","getItemHeightBeforeResize","getBeforeResizeItemsCount","getAverageItemHeight","getMaxVisibleAreaHeight","getPreviouslyCalculatedLayout","itemsCount","columnsCount","firstShownItemIndex","lastShownItemIndex","getInitialLastShownItemIndex","beforeItemsHeight","afterItemsHeight","estimatedRowsCount","getEstimatedRowsCountForHeight","Math","min","height","getEstimatedItemHeight","verticalSpacing","ceil","prependedItemsCount","appendedItemsCount","shouldRestoreScrollPosition","onResetGridLayout","averageItemHeight","appendedRowsCount","addedHeightAfter","prependedRowsCount","addedHeightBefore","shownItemsCountBeforeItemsUpdate","afterItemsCount","i","nonMeasuredAreaHeight","indexOfTheFirstItemInTheRow","itemsCountToRenderForMeasurement","Infinity","undefined","firstNonMeasuredItemIndex","visibleAreaTop","visibleAreaBottom","indexes","_getShownItemIndex","fromIndex","findFirstShownItemIndex","getNonVisibleListShownItemIndexes","findLastShownItemIndex","parameters","beforeResize","Error","beforeResizeItemsCount","notFound","beforeResizeItemsHeight","floor","currentRowFirstItemIndex","hasMoreRows","verticalSpacingAfterCurrentRow","currentRowHeight","columnIndex","itemHeight","getItemNotMeasuredIndexes","max","itemsHeightFromFirstRowToThisRow","rowStepsIntoVisibleAreaTop","rowStepsOutOfVisibleAreaBottomOrIsAtTheBorder","layout","beforeItemsCount","getBeforeItemsHeight","rowHeight","lastShownRowIndex","topOffsetInsideScrollableContainer","beforeResizeRowsCount","maxBeforeResizeRowsCount","beforeResizeRowIndex","itemRowIndex","rowIndex","LAYOUT_REASON","SCROLL","STOPPED_SCROLLING","MANUAL","STARTED","NON_MEASURED_ITEMS_HAVE_BEEN_MEASURED","VIEWPORT_WIDTH_CHANGED","VIEWPORT_HEIGHT_CHANGED","VIEWPORT_SIZE_UNCHANGED","ITEM_HEIGHT_CHANGED","ITEMS_CHANGED","TOP_OFFSET_CHANGED"],"sources":["../source/Layout.js"],"sourcesContent":["import log, { warn } from './utility/debug.js'\r\n\r\nexport default class Layout {\r\n\tconstructor({\r\n\t\tbypass,\r\n\t\testimatedItemHeight,\r\n\t\tmeasureItemsBatchSize,\r\n\t\tgetPrerenderMargin,\r\n\t\tgetVerticalSpacing,\r\n\t\tgetVerticalSpacingBeforeResize,\r\n\t\tgetColumnsCount,\r\n\t\tgetColumnsCountBeforeResize,\r\n\t\tgetItemHeight,\r\n\t\tgetItemHeightBeforeResize,\r\n\t\tgetBeforeResizeItemsCount,\r\n\t\tgetAverageItemHeight,\r\n\t\tgetMaxVisibleAreaHeight,\r\n\t\tgetPreviouslyCalculatedLayout\r\n\t}) {\r\n\t\tthis.bypass = bypass\r\n\t\tthis.estimatedItemHeight = estimatedItemHeight\r\n\t\tthis.measureItemsBatchSize = measureItemsBatchSize\r\n\t\tthis.getPrerenderMargin = getPrerenderMargin\r\n\t\tthis.getVerticalSpacing = getVerticalSpacing\r\n\t\tthis.getVerticalSpacingBeforeResize = getVerticalSpacingBeforeResize\r\n\t\tthis.getColumnsCount = getColumnsCount\r\n\t\tthis.getColumnsCountBeforeResize = getColumnsCountBeforeResize\r\n\t\tthis.getItemHeight = getItemHeight\r\n\t\tthis.getItemHeightBeforeResize = getItemHeightBeforeResize\r\n\t\tthis.getBeforeResizeItemsCount = getBeforeResizeItemsCount\r\n\t\tthis.getAverageItemHeight = getAverageItemHeight\r\n\t\tthis.getMaxVisibleAreaHeight = getMaxVisibleAreaHeight\r\n\t\t//\r\n\t\t// The \"previously calculated layout\" feature is not currently used.\r\n\t\t//\r\n\t\t// The current layout snapshot could be stored as a \"previously calculated layout\" variable\r\n\t\t// so that it could theoretically be used when calculating new layout incrementally\r\n\t\t// rather than from scratch, which would be an optimization.\r\n\t\t//\r\n\t\tthis.getPreviouslyCalculatedLayout = getPreviouslyCalculatedLayout\r\n\t}\r\n\r\n\tgetInitialLayoutValues({\r\n\t\titemsCount,\r\n\t\tcolumnsCount\r\n\t}) {\r\n\t\tlet firstShownItemIndex\r\n\t\tlet lastShownItemIndex\r\n\t\t// If there're no items then `firstShownItemIndex` stays `undefined`.\r\n\t\tif (itemsCount > 0) {\r\n\t\t\tfirstShownItemIndex = 0\r\n\t\t\tlastShownItemIndex = this.getInitialLastShownItemIndex({\r\n\t\t\t\titemsCount,\r\n\t\t\t\tcolumnsCount,\r\n\t\t\t\tfirstShownItemIndex\r\n\t\t\t})\r\n\t\t}\r\n\t\treturn {\r\n\t\t\tbeforeItemsHeight: 0,\r\n\t\t\tafterItemsHeight: 0,\r\n\t\t\tfirstShownItemIndex,\r\n\t\t\tlastShownItemIndex\r\n\t\t}\r\n\t}\r\n\r\n\tgetInitialLastShownItemIndex({\r\n\t\titemsCount,\r\n\t\tcolumnsCount,\r\n\t\tfirstShownItemIndex\r\n\t}) {\r\n\t\tif (this.bypass) {\r\n\t\t\treturn itemsCount - 1\r\n\t\t}\r\n\t\t// On server side, at initialization time,\r\n\t\t// `scrollableContainer` is `undefined`,\r\n\t\t// so default to `1` estimated rows count.\r\n\t\tlet estimatedRowsCount = 1\r\n\t\tif (this.getMaxVisibleAreaHeight()) {\r\n\t\t\testimatedRowsCount = this.getEstimatedRowsCountForHeight(this.getMaxVisibleAreaHeight() + this.getPrerenderMargin())\r\n\t\t}\r\n\t\treturn Math.min(\r\n\t\t\tfirstShownItemIndex + (estimatedRowsCount * columnsCount - 1),\r\n\t\t\titemsCount - 1\r\n\t\t)\r\n\t}\r\n\r\n\tgetEstimatedRowsCountForHeight(height) {\r\n\t\tconst estimatedItemHeight = this.getEstimatedItemHeight()\r\n\t\tconst verticalSpacing = this.getVerticalSpacing()\r\n\t\tif (estimatedItemHeight) {\r\n\t\t\treturn Math.ceil((height + verticalSpacing) / (estimatedItemHeight + verticalSpacing))\r\n\t\t} else {\r\n\t\t\t// If no items have been rendered yet, and no `estimatedItemHeight` option\r\n\t\t\t// has been passed, then default to `1` estimated rows count in any `height`.\r\n\t\t\treturn 1\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Returns estimated list item height.\r\n\t * (depends on which items have been previously rendered and measured).\r\n\t * @return {number}\r\n\t */\r\n\tgetEstimatedItemHeight() {\r\n\t\treturn this.getAverageItemHeight() || this.estimatedItemHeight || 0\r\n\t}\r\n\r\n\tgetLayoutUpdateForItemsDiff({\r\n\t\tfirstShownItemIndex,\r\n\t\tlastShownItemIndex,\r\n\t\tbeforeItemsHeight,\r\n\t\tafterItemsHeight\r\n\t}, {\r\n\t\tprependedItemsCount,\r\n\t\tappendedItemsCount\r\n\t}, {\r\n\t\titemsCount,\r\n\t\tcolumnsCount,\r\n\t\tshouldRestoreScrollPosition,\r\n\t\tonResetGridLayout\r\n\t}) {\r\n\t\t// const layoutUpdate = {}\r\n\r\n\t\t// If the layout stays the same, then simply increase\r\n\t\t// the top and bottom margins proportionally to the amount\r\n\t\t// of the items added.\r\n\t\tconst averageItemHeight = this.getAverageItemHeight()\r\n\t\tconst verticalSpacing = this.getVerticalSpacing()\r\n\r\n\t\tif (appendedItemsCount > 0) {\r\n\t\t\tconst appendedRowsCount = Math.ceil(appendedItemsCount / columnsCount)\r\n\t\t\tconst addedHeightAfter = appendedRowsCount * (verticalSpacing + averageItemHeight)\r\n\r\n\t\t\tafterItemsHeight += addedHeightAfter\r\n\r\n\t\t\t// layoutUpdate = {\r\n\t\t\t// \t...layoutUpdate,\r\n\t\t\t// \tafterItemsHeight\r\n\t\t\t// }\r\n\t\t}\r\n\r\n\t\tif (prependedItemsCount > 0) {\r\n\t\t\tconst prependedRowsCount = Math.ceil(prependedItemsCount / columnsCount)\r\n\t\t\tconst addedHeightBefore = prependedRowsCount * (averageItemHeight + verticalSpacing)\r\n\r\n\t\t\tfirstShownItemIndex += prependedItemsCount\r\n\t\t\tlastShownItemIndex += prependedItemsCount\r\n\t\t\tbeforeItemsHeight += addedHeightBefore\r\n\r\n\t\t\t// If the currently shown items position on screen should be preserved\r\n\t\t\t// when prepending new items, then it means that:\r\n\t\t\t// * The current scroll position should be snapshotted.\r\n\t\t\t// * The current list height should be snapshotted.\r\n\t\t\t// * All prepended items should be shown so that their height could be\r\n\t\t\t//   measured after they're rendered. Based on the prepended items' height,\r\n\t\t\t//   the scroll position will be restored so that there's no \"jump of content\".\r\n\t\t\tif (shouldRestoreScrollPosition) {\r\n\t\t\t\tfirstShownItemIndex = 0\r\n\t\t\t\tbeforeItemsHeight = 0\r\n\t\t\t}\r\n\r\n\t\t\tif (prependedItemsCount % columnsCount > 0) {\r\n\t\t\t\t// Rows will be rebalanced as a result of prepending new items,\r\n\t\t\t\t// and row heights can change as a result, so re-layout items\r\n\t\t\t\t// after they've been measured (after the upcoming re-render).\r\n\t\t\t\t//\r\n\t\t\t\t// For example, consider a web page where item rows are `display: flex`.\r\n\t\t\t\t// Suppose there're 3 columns and it shows items from 4 to 6.\r\n\t\t\t\t//\r\n\t\t\t\t// ------------------------------------------\r\n\t\t\t\t// | Apples are  | Bananas    | Cranberries |\r\n\t\t\t\t// | green       |            |             |\r\n\t\t\t\t// ------------------------------------------\r\n\t\t\t\t// | Dates       | Elderberry | Figs are    |\r\n\t\t\t\t// |             |            | tasty       |\r\n\t\t\t\t// ------------------------------------------\r\n\t\t\t\t//\r\n\t\t\t\t// Now, 1 item gets prepended. As a result, all existing rows will have\r\n\t\t\t\t// a different set of items, which means that the row heights will change.\r\n\t\t\t\t//\r\n\t\t\t\t// ------------------------------------------\r\n\t\t\t\t// | Zucchini    | Apples are | Bananas     |\r\n\t\t\t\t// |             | green      |             |\r\n\t\t\t\t// ------------------------------------------\r\n\t\t\t\t// | Cranberries | Dates      | Elderberry  |\r\n\t\t\t\t// ------------------------------------------\r\n\t\t\t\t// | Figs        |\r\n\t\t\t\t// | are tasty   |\r\n\t\t\t\t// ---------------\r\n\t\t\t\t//\r\n\t\t\t\t// As it can be seen above, the second row's height has changed from 2 to 1.\r\n\t\t\t\t// Not only that, but `itemHeights` have changed as well, so if you thought\r\n\t\t\t\t// that the library could easily recalculate row heights using `Math.max()` — \r\n\t\t\t\t// turns out it's not always the case.\r\n\t\t\t\t//\r\n\t\t\t\t// There could be an explicit opt-in option for automatically recalculating\r\n\t\t\t\t// row heights, but I don't want to write code for such an extremely rare\r\n\t\t\t\t// use case. Instead, use the `getColumnsCount()` parameter function when\r\n\t\t\t\t// fetching previous items.\r\n\r\n\t\t\t\tonResetGridLayout()\r\n\r\n\t\t\t\twarn('~ Prepended items count', prependedItemsCount, 'is not divisible by Columns Count', columnsCount, '~')\r\n\t\t\t\twarn('Layout reset required')\r\n\r\n\t\t\t\tconst shownItemsCountBeforeItemsUpdate = lastShownItemIndex - firstShownItemIndex + 1\r\n\r\n\t\t\t\tfirstShownItemIndex = 0\r\n\t\t\t\tbeforeItemsHeight = 0\r\n\r\n\t\t\t\tif (!shouldRestoreScrollPosition) {\r\n\t\t\t\t\t// Limit shown items count if too many items have been prepended.\r\n\t\t\t\t\tif (prependedItemsCount > shownItemsCountBeforeItemsUpdate) {\r\n\t\t\t\t\t\tlastShownItemIndex = this.getInitialLastShownItemIndex({\r\n\t\t\t\t\t\t\titemsCount,\r\n\t\t\t\t\t\t\tcolumnsCount,\r\n\t\t\t\t\t\t\tfirstShownItemIndex\r\n\t\t\t\t\t\t})\r\n\r\n\t\t\t\t\t\t// Approximate `afterItemsHeight` calculation.\r\n\t\t\t\t\t\tconst afterItemsCount = itemsCount - (lastShownItemIndex + 1)\r\n\t\t\t\t\t\tafterItemsHeight = Math.ceil(afterItemsCount / columnsCount) * (verticalSpacing + averageItemHeight)\r\n\r\n\t\t\t\t\t\t// layoutUpdate = {\r\n\t\t\t\t\t\t// \t...layoutUpdate,\r\n\t\t\t\t\t\t// \tafterItemsHeight\r\n\t\t\t\t\t\t// }\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t// layoutUpdate = {\r\n\t\t\t// \t...layoutUpdate,\r\n\t\t\t// \tbeforeItemsHeight,\r\n\t\t\t// \tfirstShownItemIndex,\r\n\t\t\t// \tlastShownItemIndex\r\n\t\t\t// }\r\n\t\t}\r\n\r\n\t\t// return layoutUpdate\r\n\r\n\t\t// Overwrite all four props in all scenarios.\r\n\t\t// The reason is that only this way subsequent `setItems()` calls\r\n\t\t// will be truly \"stateless\" when a chain of `setItems()` calls\r\n\t\t// could be replaced with just the last one in a scenario when\r\n\t\t// `updateState()` calls are \"asynchronous\" (delayed execution).\r\n\t\t//\r\n\t\t// So, for example, the user calls `setItems()` with one set of items.\r\n\t\t// A `updateState()` call has been dispatched but the `state` hasn't been updated yet.\r\n\t\t// Then the user calls `setItems()` with another set of items.\r\n\t\t// If this function only returned a minimal set of properties that actually change,\r\n\t\t// the other layout properties of the second `setItems()` call wouldn't overwrite the ones\r\n\t\t// scheduled for update during the first `setItems()` call, resulting in an inconsistent `state`.\r\n\t\t//\r\n\t\t// For example, the first `setItems()` call does a `updateState()` call where it updates\r\n\t\t// `afterItemsHeight`, and then the second `setItems()` call only updates `beforeItemsHeight`\r\n\t\t// and `firstShownItemIndex` and `lastShownItemIndex`. If the second `setItems()` call was to\r\n\t\t// overwrite any effects of the pending-but-not-yet-applied first `setItems()` call, it would\r\n\t\t// have to call `updateState()` with an `afterItemsHeight` property too, even though it hasn't change.\r\n\t\t// That would be just to revert the change to `afterItemsHeight` state property already scheduled\r\n\t\t// by the first `setItems()` call.\r\n\t\t//\r\n\t\treturn {\r\n\t\t\tbeforeItemsHeight,\r\n\t\t\tafterItemsHeight,\r\n\t\t\tfirstShownItemIndex,\r\n\t\t\tlastShownItemIndex\r\n\t\t}\r\n\t}\r\n\r\n\t// If an item that hasn't been shown (and measured) yet is encountered\r\n\t// then show such item and then retry after it has been measured.\r\n\tgetItemNotMeasuredIndexes(i, {\r\n\t\titemsCount,\r\n\t\tfirstShownItemIndex,\r\n\t\tnonMeasuredAreaHeight,\r\n\t\tindexOfTheFirstItemInTheRow\r\n\t}) {\r\n\t\tlog('Item index', i, 'height is required for calculations but hasn\\'t been measured yet. Mark the item as \"shown\", rerender the list, measure the item\\'s height and redo the layout.')\r\n\r\n\t\tconst columnsCount = this.getColumnsCount()\r\n\r\n\t\tconst itemsCountToRenderForMeasurement = Math.min(\r\n\t\t\tthis.getEstimatedRowsCountForHeight(nonMeasuredAreaHeight) * columnsCount,\r\n\t\t\tthis.measureItemsBatchSize || Infinity,\r\n\t\t)\r\n\r\n\t\tif (firstShownItemIndex === undefined) {\r\n\t\t\tfirstShownItemIndex = indexOfTheFirstItemInTheRow\r\n\t\t}\r\n\r\n\t\tconst lastShownItemIndex = Math.min(\r\n\t\t\tindexOfTheFirstItemInTheRow + itemsCountToRenderForMeasurement - 1,\r\n\t\t\t// Guard against index overflow.\r\n\t\t\titemsCount - 1\r\n\t\t)\r\n\r\n\t\treturn {\r\n\t\t\tfirstNonMeasuredItemIndex: i,\r\n\t\t\tfirstShownItemIndex,\r\n\t\t\tlastShownItemIndex\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Finds the indexes of the currently visible items.\r\n\t * @return {object} `{ firstShownItemIndex: number, lastShownItemIndex: number, firstNonMeasuredItemIndex: number? }`\r\n\t */\r\n\tgetShownItemIndexes({\r\n\t\titemsCount,\r\n\t\tvisibleAreaTop,\r\n\t\tvisibleAreaBottom\r\n\t}) {\r\n\t\tlet indexes = this._getShownItemIndex({\r\n\t\t\titemsCount,\r\n\t\t\tfromIndex: 0,\r\n\t\t\tvisibleAreaTop,\r\n\t\t\tvisibleAreaBottom,\r\n\t\t\tfindFirstShownItemIndex: true\r\n\t\t})\r\n\r\n\t\tif (indexes === null) {\r\n\t\t\treturn this.getNonVisibleListShownItemIndexes()\r\n\t\t}\r\n\r\n\t\tif (indexes.firstNonMeasuredItemIndex !== undefined) {\r\n\t\t\treturn indexes\r\n\t\t}\r\n\r\n\t\tconst { firstShownItemIndex, beforeItemsHeight } = indexes\r\n\r\n\t\tindexes = this._getShownItemIndex({\r\n\t\t\titemsCount,\r\n\t\t\tfromIndex: firstShownItemIndex,\r\n\t\t\tbeforeItemsHeight,\r\n\t\t\tvisibleAreaTop,\r\n\t\t\tvisibleAreaBottom,\r\n\t\t\tfindLastShownItemIndex: true\r\n\t\t})\r\n\r\n\t\tif (indexes === null) {\r\n\t\t\treturn this.getNonVisibleListShownItemIndexes()\r\n\t\t}\r\n\r\n\t\tif (indexes.firstNonMeasuredItemIndex !== undefined) {\r\n\t\t\treturn indexes\r\n\t\t}\r\n\r\n\t\tconst { lastShownItemIndex } = indexes\r\n\r\n\t\treturn {\r\n\t\t\tfirstShownItemIndex,\r\n\t\t\tlastShownItemIndex\r\n\t\t}\r\n\t}\r\n\r\n\t_getShownItemIndex(parameters) {\r\n\t\tconst {\r\n\t\t\tbeforeResize,\r\n\t\t\titemsCount,\r\n\t\t\tvisibleAreaTop,\r\n\t\t\tvisibleAreaBottom,\r\n\t\t\tfindFirstShownItemIndex,\r\n\t\t\tfindLastShownItemIndex,\r\n\t\t\t// backwards\r\n\t\t} = parameters\r\n\r\n\t\tlet {\r\n\t\t\tfromIndex,\r\n\t\t\tbeforeItemsHeight\r\n\t\t} = parameters\r\n\r\n\t\t// This function could potentially also use `this.getPreviouslyCalculatedLayout()`\r\n\t\t// in order to skip calculating visible item indexes from scratch\r\n\t\t// and instead just calculate the difference from a \"previously calculated layout\".\r\n\t\t//\r\n\t\t// I did a simple test in a web browser and found out that running the following\r\n\t\t// piece of code is less than 10 milliseconds:\r\n\t\t//\r\n\t\t// var startedAt = Date.now()\r\n\t\t// var i = 0\r\n\t\t// while (i < 1000000) {\r\n\t\t//   i++\r\n\t\t// }\r\n\t\t// console.log(Date.now() - startedAt)\r\n\t\t//\r\n\t\t// Which becomes negligible in my project's use case (a couple thousands items max).\r\n\t\t//\r\n\t\t// If someone would attempt to use a \"previously calculated layout\" here\r\n\t\t// then `shownItemsHeight` would also have to be returned from this function:\r\n\t\t// the total height of all shown items including vertical spacing between them.\r\n\t\t//\r\n\t\t// If \"previously calculated layout\" would be used then it would first find\r\n\t\t// `firstShownItemIndex` and then find `lastShownItemIndex` as part of two\r\n\t\t// separate calls of this function, each with or without `backwards` flag,\r\n\t\t// depending on whether `visibleAreaTop` and `visibleAreBottom` have shifted up or down.\r\n\r\n\t\tlet firstShownItemIndex\r\n\t\tlet lastShownItemIndex\r\n\r\n\t\t// It's not always required to pass `beforeItemsHeight` parameter:\r\n\t\t// when `fromIndex` is `0`, it's also assumed to be `0`.\r\n\t\tif (fromIndex === 0) {\r\n\t\t\tbeforeItemsHeight = 0\r\n\t\t}\r\n\r\n\t\tif (beforeItemsHeight === undefined) {\r\n\t\t\tthrow new Error('[virtual-scroller] `beforeItemsHeight` not passed to `Layout.getShownItemIndexes()` when starting from index ' + fromIndex);\r\n\t\t}\r\n\r\n\t\t// const backwards = false\r\n\t\t// while (backwards ? i >= 0 : i < itemsCount) {}\r\n\r\n\t\tif (!beforeResize) {\r\n\t\t\tconst beforeResizeItemsCount = this.getBeforeResizeItemsCount()\r\n\t\t\tif (beforeResizeItemsCount > fromIndex) {\r\n\t\t\t\t// First search for the item in \"before resize\" items.\r\n\t\t\t\tconst {\r\n\t\t\t\t\tnotFound,\r\n\t\t\t\t\tbeforeItemsHeight: beforeResizeItemsHeight,\r\n\t\t\t\t\tfirstShownItemIndex,\r\n\t\t\t\t\tlastShownItemIndex\r\n\t\t\t\t} = this._getShownItemIndex({\r\n\t\t\t\t\t...parameters,\r\n\t\t\t\t\tbeforeResize: true,\r\n\t\t\t\t\titemsCount: beforeResizeItemsCount\r\n\t\t\t\t})\r\n\r\n\t\t\t\t// If the item was not found in \"before resize\" items\r\n\t\t\t\t// then search in regular items skipping \"before resize\" ones.\r\n\t\t\t\tif (notFound) {\r\n\t\t\t\t\tbeforeItemsHeight = beforeResizeItemsHeight\r\n\t\t\t\t\tfromIndex += beforeResizeItemsCount\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// If the item was found in \"before resize\" items\r\n\t\t\t\t\t// then return the result.\r\n\t\t\t\t\t// Rebalance first / last shown item indexes based on\r\n\t\t\t\t\t// the current columns count, if required.\r\n\t\t\t\t\tconst columnsCount = this.getColumnsCount()\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tfirstShownItemIndex: firstShownItemIndex === undefined\r\n\t\t\t\t\t\t\t? undefined\r\n\t\t\t\t\t\t\t: Math.floor(firstShownItemIndex / columnsCount) * columnsCount,\r\n\t\t\t\t\t\tlastShownItemIndex: lastShownItemIndex === undefined\r\n\t\t\t\t\t\t\t? undefined\r\n\t\t\t\t\t\t\t: Math.floor(lastShownItemIndex / columnsCount) * columnsCount,\r\n\t\t\t\t\t\tbeforeItemsHeight: beforeResizeItemsHeight\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tconst columnsCount = beforeResize ? this.getColumnsCountBeforeResize() : this.getColumnsCount()\r\n\t\tconst verticalSpacing = beforeResize ? this.getVerticalSpacingBeforeResize() : this.getVerticalSpacing()\r\n\r\n\t\tlet i = fromIndex\r\n\t\twhile (i < itemsCount) {\r\n\t\t\tconst currentRowFirstItemIndex = i\r\n\r\n\t\t\tconst hasMoreRows = itemsCount > currentRowFirstItemIndex + columnsCount\r\n\t\t\tconst verticalSpacingAfterCurrentRow = hasMoreRows ? verticalSpacing : 0\r\n\r\n\t\t\tlet currentRowHeight = 0\r\n\r\n\t\t\t// Calculate current row height.\r\n\t\t\tlet columnIndex = 0\r\n\t\t\twhile (columnIndex < columnsCount && i < itemsCount) {\r\n\t\t\t\tconst itemHeight = beforeResize ? this.getItemHeightBeforeResize(i) : this.getItemHeight(i)\r\n\r\n\t\t\t\t// If this item hasn't been measured yet (or re-measured after a resize)\r\n\t\t\t\t// then mark it as the first non-measured one.\r\n\t\t\t\t//\r\n\t\t\t\t// Can't happen by definition when `beforeResize` parameter is `true`.\r\n\t\t\t\t//\r\n\t\t\t\tif (itemHeight === undefined) {\r\n\t\t\t\t\treturn this.getItemNotMeasuredIndexes(i, {\r\n\t\t\t\t\t\titemsCount,\r\n\t\t\t\t\t\tfirstShownItemIndex: findLastShownItemIndex ? fromIndex : undefined,\r\n\t\t\t\t\t\tindexOfTheFirstItemInTheRow: currentRowFirstItemIndex,\r\n\t\t\t\t\t\tnonMeasuredAreaHeight: (visibleAreaBottom + this.getPrerenderMargin()) - beforeItemsHeight\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\r\n\t\t\t\tcurrentRowHeight = Math.max(currentRowHeight, itemHeight)\r\n\r\n\t\t\t\tcolumnIndex++\r\n\t\t\t\ti++\r\n\t\t\t}\r\n\r\n\t\t\tconst itemsHeightFromFirstRowToThisRow = beforeItemsHeight + currentRowHeight\r\n\r\n\t\t\tconst rowStepsIntoVisibleAreaTop = itemsHeightFromFirstRowToThisRow > visibleAreaTop - this.getPrerenderMargin()\r\n\t\t\tconst rowStepsOutOfVisibleAreaBottomOrIsAtTheBorder = itemsHeightFromFirstRowToThisRow + verticalSpacingAfterCurrentRow >= visibleAreaBottom + this.getPrerenderMargin()\r\n\r\n\t\t\t// if (backwards) {\r\n\t\t\t// \tif (findFirstShownItemIndex) {\r\n\t\t\t// \t\tif (rowStepsOutOfVisibleAreaTop) {\r\n\t\t\t// \t\t\treturn {\r\n\t\t\t// \t\t\t\tfirstShownItemIndex: currentRowFirstItemIndex + columnsCount\r\n\t\t\t// \t\t\t}\r\n\t\t\t// \t\t}\r\n\t\t\t// \t} else if (findLastShownItemIndex) {\r\n\t\t\t// \t\tif (rowStepsIntoVisibleAreaBottom) {\r\n\t\t\t// \t\t\treturn {\r\n\t\t\t// \t\t\t\tlastShownItemIndex: currentRowFirstItemIndex + columnsCount - 1\r\n\t\t\t// \t\t\t}\r\n\t\t\t// \t\t}\r\n\t\t\t// \t}\r\n\t\t\t// }\r\n\r\n\t\t\tif (findFirstShownItemIndex) {\r\n\t\t\t\tif (rowStepsIntoVisibleAreaTop) {\r\n\t\t\t\t\t// If item is the first one visible in the viewport\r\n\t\t\t\t\t// then start showing items from this row.\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tfirstShownItemIndex: currentRowFirstItemIndex,\r\n\t\t\t\t\t\tbeforeItemsHeight\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t} else if (findLastShownItemIndex) {\r\n\t\t\t\tif (rowStepsOutOfVisibleAreaBottomOrIsAtTheBorder) {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tlastShownItemIndex: Math.min(\r\n\t\t\t\t\t\t\t// The index of the last item in the current row.\r\n\t\t\t\t\t\t\tcurrentRowFirstItemIndex + columnsCount - 1,\r\n\t\t\t\t\t\t\t// Guards against index overflow.\r\n\t\t\t\t\t\t\titemsCount - 1\r\n\t\t\t\t\t\t)\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tbeforeItemsHeight += currentRowHeight + verticalSpacingAfterCurrentRow\r\n\r\n\t\t\t// if (backwards) {\r\n\t\t\t// \t// Set `i` to be the first item of the current row.\r\n\t\t\t// \ti -= columnsCount\r\n\t\t\t// \tconst prevoiusRowIsBeforeResize = i - 1 < this.getBeforeResizeItemsCount()\r\n\t\t\t// \tconst previousRowColumnsCount = prevoiusRowIsBeforeResize ? this.getColumnsCountBeforeResize() : this.getColumnsCount()\r\n\t\t\t// \t// Set `i` to be the first item of the previous row.\r\n\t\t\t// \ti -= previousRowColumnsCount\r\n\t\t\t// }\r\n\t\t}\r\n\r\n\t\t// if (backwards) {\r\n\t\t// \tif (findFirstShownItemIndex) {\r\n\t\t// \t\twarn('The list is supposed to be visible but no visible item has been found (while traversing backwards)')\r\n\t\t// \t\treturn null\r\n\t\t// \t} else if (findLastShownItemIndex) {\r\n\t\t// \t\treturn {\r\n\t\t// \t\t\tfirstShownItemIndex: 0\r\n\t\t// \t\t}\r\n\t\t// \t}\r\n\t\t// }\r\n\r\n\t\tif (beforeResize) {\r\n\t\t\treturn {\r\n\t\t\t\tnotFound: true,\r\n\t\t\t\tbeforeItemsHeight\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// This case isn't supposed to happen but it could hypothetically happen\r\n\t\t// because the list height is measured from the user's screen and\r\n\t\t// not necessarily can be trusted.\r\n\t\tif (findFirstShownItemIndex) {\r\n\t\t\twarn('The list is supposed to be visible but no visible item has been found')\r\n\t\t\treturn null\r\n\t\t} else if (findLastShownItemIndex) {\r\n\t\t\treturn {\r\n\t\t\t\tlastShownItemIndex: itemsCount - 1\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tgetNonVisibleListShownItemIndexes() {\r\n\t\tconst layout = {\r\n\t\t\tfirstShownItemIndex: 0,\r\n\t\t\tlastShownItemIndex: 0\r\n\t\t}\r\n\t\tif (this.getItemHeight(0) === undefined) {\r\n\t\t\tlayout.firstNonMeasuredItemIndex = 0\r\n\t\t}\r\n\t\treturn layout\r\n\t}\r\n\r\n\t/**\r\n\t * Measures \"before\" items height.\r\n\t * @param  {number} beforeItemsCount — Basically, first shown item index.\r\n\t * @return {number}\r\n\t */\r\n\tgetBeforeItemsHeight(\r\n\t\tbeforeItemsCount,\r\n\t\t{ beforeResize } = {}\r\n\t) {\r\n\t\t// This function could potentially also use `this.getPreviouslyCalculatedLayout()`\r\n\t\t// in order to skip calculating visible item indexes from scratch\r\n\t\t// and instead just calculate the difference from a \"previously calculated layout\".\r\n\t\t//\r\n\t\t// I did a simple test in a web browser and found out that running the following\r\n\t\t// piece of code is less than 10 milliseconds:\r\n\t\t//\r\n\t\t// var startedAt = Date.now()\r\n\t\t// var i = 0\r\n\t\t// while (i < 1000000) {\r\n\t\t//   i++\r\n\t\t// }\r\n\t\t// console.log(Date.now() - startedAt)\r\n\t\t//\r\n\t\t// Which becomes negligible in my project's use case (a couple thousands items max).\r\n\r\n\t\tlet beforeItemsHeight = 0\r\n\t\tlet i = 0\r\n\r\n\t\tif (!beforeResize) {\r\n\t\t\tconst beforeResizeItemsCount = this.getBeforeResizeItemsCount()\r\n\r\n\t\t\tif (beforeResizeItemsCount > 0) {\r\n\t\t\t\t// First add all \"before resize\" item heights.\r\n\t\t\t\tbeforeItemsHeight = this.getBeforeItemsHeight(\r\n\t\t\t\t\t// `firstShownItemIndex` (called `beforeItemsCount`) could be greater than\r\n\t\t\t\t\t// `beforeResizeItemsCount` when the user scrolls down.\r\n\t\t\t\t\t// `firstShownItemIndex` (called `beforeItemsCount`) could be less than\r\n\t\t\t\t\t// `beforeResizeItemsCount` when the user scrolls up.\r\n\t\t\t\t\tMath.min(beforeItemsCount, beforeResizeItemsCount),\r\n\t\t\t\t\t{ beforeResize: true }\r\n\t\t\t\t)\r\n\t\t\t\ti = beforeResizeItemsCount\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tconst columnsCount = beforeResize ? this.getColumnsCountBeforeResize() : this.getColumnsCount()\r\n\t\tconst verticalSpacing = beforeResize ? this.getVerticalSpacingBeforeResize() : this.getVerticalSpacing()\r\n\r\n\t\twhile (i < beforeItemsCount) {\r\n\t\t\tconst currentRowFirstItemIndex = i\r\n\r\n\t\t\tlet rowHeight = 0\r\n\t\t\tlet columnIndex = 0\r\n\t\t\t// Not checking for `itemsCount` overflow here because `i = beforeItemsCount`\r\n\t\t\t// can only start at the start of a row, meaning that when calculating\r\n\t\t\t// \"before items height\" it's not supposed to add item heights from the\r\n\t\t\t// last row of items because in that case it would have to iterate from\r\n\t\t\t// `i === beforeItemsCount` and that condition is already checked above.\r\n\t\t\t// while (i < itemsCount) {\r\n\t\t\twhile (columnIndex < columnsCount) {\r\n\t\t\t\tlet itemHeight = beforeResize ? this.getItemHeightBeforeResize(i) : this.getItemHeight(i)\r\n\t\t\t\tif (itemHeight === undefined) {\r\n\t\t\t\t\t// `itemHeight` can only be `undefined` when not `beforeResize`.\r\n\t\t\t\t\t// Use the current \"average item height\" as a substitute.\r\n\t\t\t\t\titemHeight = this.getAverageItemHeight()\r\n\t\t\t\t}\r\n\t\t\t\trowHeight = Math.max(rowHeight, itemHeight)\r\n\t\t\t\ti++\r\n\t\t\t\tcolumnIndex++\r\n\t\t\t}\r\n\r\n\t\t\tbeforeItemsHeight += rowHeight\r\n\t\t\tbeforeItemsHeight += verticalSpacing\r\n\t\t}\r\n\r\n\t\treturn beforeItemsHeight\r\n\t}\r\n\r\n\t/**\r\n\t * Measures \"after\" items height.\r\n\t * @param  {number} lastShownItemIndex — Last shown item index.\r\n\t * @param  {number} itemsCount — Items count.\r\n\t * @return {number}\r\n\t */\r\n\tgetAfterItemsHeight(\r\n\t\tlastShownItemIndex,\r\n\t\titemsCount\r\n\t) {\r\n\t\t// This function could potentially also use `this.getPreviouslyCalculatedLayout()`\r\n\t\t// in order to skip calculating visible item indexes from scratch\r\n\t\t// and instead just calculate the difference from a \"previously calculated layout\".\r\n\t\t//\r\n\t\t// I did a simple test in a web browser and found out that running the following\r\n\t\t// piece of code is less than 10 milliseconds:\r\n\t\t//\r\n\t\t// var startedAt = Date.now()\r\n\t\t// var i = 0\r\n\t\t// while (i < 1000000) {\r\n\t\t//   i++\r\n\t\t// }\r\n\t\t// console.log(Date.now() - startedAt)\r\n\t\t//\r\n\t\t// Which becomes negligible in my project's use case (a couple thousands items max).\r\n\r\n\t\tconst columnsCount = this.getColumnsCount()\r\n\t\tconst lastShownRowIndex = Math.floor(lastShownItemIndex / columnsCount)\r\n\r\n\t\tlet afterItemsHeight = 0\r\n\r\n\t\tlet i = lastShownItemIndex + 1\r\n\t\twhile (i < itemsCount) {\r\n\t\t\tlet rowHeight = 0\r\n\t\t\tlet columnIndex = 0\r\n\t\t\twhile (columnIndex < columnsCount && i < itemsCount) {\r\n\t\t\t\tlet itemHeight = this.getItemHeight(i)\r\n\t\t\t\tif (itemHeight === undefined) {\r\n\t\t\t\t\titemHeight = this.getAverageItemHeight()\r\n\t\t\t\t}\r\n\t\t\t\trowHeight = Math.max(rowHeight, itemHeight)\r\n\t\t\t\ti++\r\n\t\t\t\tcolumnIndex++\r\n\t\t\t}\r\n\r\n\t\t\t// Add all \"after\" items height.\r\n\t\t\tafterItemsHeight += this.getVerticalSpacing()\r\n\t\t\tafterItemsHeight += rowHeight\r\n\t\t}\r\n\r\n\t\treturn afterItemsHeight\r\n\t}\r\n\r\n\t/**\r\n\t * Returns the items's top offset relative to the top edge of the first item.\r\n\t * @param {number} i — Item index\r\n\t * @return {[number]} Returns `undefined` if any of the previous items haven't been rendered yet.\r\n\t */\r\n\tgetItemTopOffset(i) {\r\n\t\tlet topOffsetInsideScrollableContainer = 0\r\n\r\n\t\tconst beforeResizeItemsCount = this.getBeforeResizeItemsCount()\r\n\t\tconst beforeResizeRowsCount = beforeResizeItemsCount === 0\r\n\t\t\t? 0\r\n\t\t\t: Math.ceil(beforeResizeItemsCount / this.getColumnsCountBeforeResize())\r\n\r\n\t\tconst maxBeforeResizeRowsCount = i < beforeResizeItemsCount\r\n\t\t\t? Math.floor(i / this.getColumnsCountBeforeResize())\r\n\t\t\t: beforeResizeRowsCount\r\n\r\n\t\tlet beforeResizeRowIndex = 0\r\n\t\twhile (beforeResizeRowIndex < maxBeforeResizeRowsCount) {\r\n\t\t\tconst rowHeight = this.getItemHeightBeforeResize(\r\n\t\t\t\tbeforeResizeRowIndex * this.getColumnsCountBeforeResize()\r\n\t\t\t)\r\n\r\n\t\t\ttopOffsetInsideScrollableContainer += rowHeight\r\n\t\t\ttopOffsetInsideScrollableContainer += this.getVerticalSpacingBeforeResize()\r\n\r\n\t\t\tbeforeResizeRowIndex++\r\n\t\t}\r\n\r\n\t\tconst itemRowIndex = Math.floor((i - beforeResizeItemsCount) / this.getColumnsCount())\r\n\r\n\t\tlet rowIndex = 0\r\n\t\twhile (rowIndex < itemRowIndex) {\r\n\t\t\tlet rowHeight = 0\r\n\t\t\tlet columnIndex = 0\r\n\t\t\twhile (columnIndex < this.getColumnsCount()) {\r\n\t\t\t\tconst itemHeight = this.getItemHeight(\r\n\t\t\t\t\tbeforeResizeItemsCount + rowIndex * this.getColumnsCount() + columnIndex\r\n\t\t\t\t)\r\n\t\t\t\tif (itemHeight === undefined) {\r\n\t\t\t\t\treturn\r\n\t\t\t\t}\r\n\t\t\t\trowHeight = Math.max(rowHeight, itemHeight)\r\n\t\t\t\tcolumnIndex++\r\n\t\t\t}\r\n\r\n\t\t\ttopOffsetInsideScrollableContainer += rowHeight\r\n\t\t\ttopOffsetInsideScrollableContainer += this.getVerticalSpacing()\r\n\r\n\t\t\trowIndex++\r\n\t\t}\r\n\r\n\t\treturn topOffsetInsideScrollableContainer\r\n\t}\r\n}\r\n\r\nexport const LAYOUT_REASON = {\r\n\tSCROLL: 'scroll',\r\n\tSTOPPED_SCROLLING: 'stopped scrolling',\r\n\tMANUAL: 'manual',\r\n\tSTARTED: 'started',\r\n\tNON_MEASURED_ITEMS_HAVE_BEEN_MEASURED: 'non-measured item heights have been measured',\r\n\tVIEWPORT_WIDTH_CHANGED: 'viewport width changed',\r\n\tVIEWPORT_HEIGHT_CHANGED: 'viewport height changed',\r\n\tVIEWPORT_SIZE_UNCHANGED: 'viewport size unchanged',\r\n\tITEM_HEIGHT_CHANGED: 'item height changed',\r\n\tITEMS_CHANGED: 'items changed',\r\n\tTOP_OFFSET_CHANGED: 'list top offset changed'\r\n}"],"mappings":"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"}

package/modules/Layout.test.js

@@ -0,0 +1,190 @@
+import Layout from './Layout.js';
+import Engine from './test/Engine.js';
+describe('Layout', function () {
+  it('should work', function () {
+    var SCREEN_HEIGHT = 400;
+    var scrollableContainer = {
+      width: 800,
+      height: SCREEN_HEIGHT
+    };
+    var ITEM_WIDTH = scrollableContainer.width;
+    var ITEM_HEIGHT = 200;
+    var VERTICAL_SPACING = 100;
+    var items = new Array(9).fill(ITEM_WIDTH * ITEM_HEIGHT);
+    var layout = new Layout({
+      getPrerenderMargin: function getPrerenderMargin() {
+        return SCREEN_HEIGHT;
+      },
+      getVerticalSpacing: function getVerticalSpacing() {
+        return VERTICAL_SPACING;
+      },
+      getColumnsCount: function getColumnsCount() {
+        return 1;
+      },
+      getItemHeight: function getItemHeight(i) {
+        return items[i] / scrollableContainer.width;
+      },
+      getBeforeResizeItemsCount: function getBeforeResizeItemsCount() {
+        return 0;
+      },
+      getAverageItemHeight: function getAverageItemHeight() {
+        return ITEM_HEIGHT;
+      },
+      getScrollableContainerHeight: function getScrollableContainerHeight() {
+        return scrollableContainer.height;
+      }
+    }); // Initial render.
+
+    layout.getShownItemIndexes({
+      itemsCount: items.length,
+      visibleAreaTop: 0,
+      visibleAreaBottom: SCREEN_HEIGHT
+    }).should.deep.equal({
+      firstShownItemIndex: 0,
+      lastShownItemIndex: 2
+    }); // The first item is almost hidden.
+
+    layout.getShownItemIndexes({
+      itemsCount: items.length,
+      visibleAreaTop: SCREEN_HEIGHT + ITEM_HEIGHT - 1,
+      visibleAreaBottom: SCREEN_HEIGHT + ITEM_HEIGHT - 1 + SCREEN_HEIGHT
+    }).should.deep.equal({
+      firstShownItemIndex: 0,
+      lastShownItemIndex: 4
+    }); // The first item is hidden.
+
+    layout.getShownItemIndexes({
+      itemsCount: items.length,
+      visibleAreaTop: SCREEN_HEIGHT + ITEM_HEIGHT,
+      visibleAreaBottom: SCREEN_HEIGHT + ITEM_HEIGHT + SCREEN_HEIGHT
+    }).should.deep.equal({
+      firstShownItemIndex: 1,
+      lastShownItemIndex: 4
+    }); // A new item at the bottom is almost visible.
+
+    layout.getShownItemIndexes({
+      itemsCount: items.length,
+      visibleAreaTop: (ITEM_HEIGHT + VERTICAL_SPACING) * 5 - SCREEN_HEIGHT * 2,
+      visibleAreaBottom: (ITEM_HEIGHT + VERTICAL_SPACING) * 5 - SCREEN_HEIGHT
+    }).should.deep.equal({
+      firstShownItemIndex: 1,
+      lastShownItemIndex: 4
+    }); // A new item at the bottom is visible.
+
+    layout.getShownItemIndexes({
+      itemsCount: items.length,
+      visibleAreaTop: (ITEM_HEIGHT + VERTICAL_SPACING) * 5 + 1 - SCREEN_HEIGHT * 2,
+      visibleAreaBottom: (ITEM_HEIGHT + VERTICAL_SPACING) * 5 + 1 - SCREEN_HEIGHT
+    }).should.deep.equal({
+      firstShownItemIndex: 1,
+      lastShownItemIndex: 5
+    });
+  });
+  it('should update layout for items incremental change', function () {
+    var scrollableContainer = {
+      width: 800,
+      height: 400
+    };
+    var ITEM_WIDTH = scrollableContainer.width;
+    var ITEM_HEIGHT = 200;
+    var items = new Array(9).fill(ITEM_WIDTH * ITEM_HEIGHT);
+    var VERTICAL_SPACING = 100;
+    var layout = new Layout({
+      getPrerenderMargin: function getPrerenderMargin() {
+        return scrollableContainer.height;
+      },
+      getVerticalSpacing: function getVerticalSpacing() {
+        return VERTICAL_SPACING;
+      },
+      getColumnsCount: function getColumnsCount() {
+        return 1;
+      },
+      getItemHeight: function getItemHeight(i) {
+        return ITEM_HEIGHT;
+      },
+      getBeforeResizeItemsCount: function getBeforeResizeItemsCount() {
+        return 0;
+      },
+      getAverageItemHeight: function getAverageItemHeight() {
+        return ITEM_HEIGHT;
+      },
+      getScrollableContainerHeight: function getScrollableContainerHeight() {
+        return scrollableContainer.height;
+      }
+    });
+    layout.getLayoutUpdateForItemsDiff({
+      firstShownItemIndex: 3,
+      lastShownItemIndex: 5,
+      beforeItemsHeight: 3 * (ITEM_HEIGHT + VERTICAL_SPACING),
+      afterItemsHeight: 3 * (ITEM_HEIGHT + VERTICAL_SPACING)
+    }, {
+      prependedItemsCount: 5,
+      appendedItemsCount: 5
+    }, {
+      itemsCount: 5 + 5 + items.length,
+      columnsCount: 1
+    }).should.deep.equal({
+      firstShownItemIndex: 5 + 3,
+      lastShownItemIndex: 5 + 5,
+      beforeItemsHeight: (5 + 3) * (ITEM_HEIGHT + VERTICAL_SPACING),
+      afterItemsHeight: (3 + 5) * (ITEM_HEIGHT + VERTICAL_SPACING)
+    });
+  });
+  it('should update layout for items incremental change (rows get rebalanced)', function () {
+    var scrollableContainer = {
+      width: 800,
+      height: 400
+    };
+    var ITEM_WIDTH = scrollableContainer.width;
+    var ITEM_HEIGHT = 400;
+    var items = new Array(9).fill(ITEM_WIDTH * ITEM_HEIGHT);
+    var VERTICAL_SPACING = 100;
+    var layout = new Layout({
+      getPrerenderMargin: function getPrerenderMargin() {
+        return scrollableContainer.height;
+      },
+      getVerticalSpacing: function getVerticalSpacing() {
+        return VERTICAL_SPACING;
+      },
+      getColumnsCount: function getColumnsCount() {
+        return 4;
+      },
+      getItemHeight: function getItemHeight() {
+        return ITEM_HEIGHT;
+      },
+      getBeforeResizeItemsCount: function getBeforeResizeItemsCount() {
+        return 0;
+      },
+      getAverageItemHeight: function getAverageItemHeight() {
+        return ITEM_HEIGHT;
+      },
+      getScrollableContainerHeight: function getScrollableContainerHeight() {
+        return scrollableContainer.height;
+      }
+    });
+    var shouldResetGridLayout;
+    layout.getLayoutUpdateForItemsDiff({
+      firstShownItemIndex: 3,
+      lastShownItemIndex: 5,
+      beforeItemsHeight: 3 * (ITEM_HEIGHT + VERTICAL_SPACING),
+      afterItemsHeight: 3 * (ITEM_HEIGHT + VERTICAL_SPACING)
+    }, {
+      prependedItemsCount: 5,
+      appendedItemsCount: 5
+    }, {
+      itemsCount: 5 + 5 + items.length,
+      columnsCount: 4,
+      shouldRestoreScrollPosition: true,
+      onResetGridLayout: function onResetGridLayout() {
+        return shouldResetGridLayout = true;
+      }
+    }).should.deep.equal({
+      firstShownItemIndex: 0,
+      lastShownItemIndex: 5 + 5,
+      beforeItemsHeight: 0,
+      afterItemsHeight: 5 * (ITEM_HEIGHT + VERTICAL_SPACING)
+    });
+    shouldResetGridLayout.should.equal(true);
+  });
+});
+//# sourceMappingURL=Layout.test.js.map

package/modules/Layout.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.test.js","names":["Layout","Engine","describe","it","SCREEN_HEIGHT","scrollableContainer","width","height","ITEM_WIDTH","ITEM_HEIGHT","VERTICAL_SPACING","items","Array","fill","layout","getPrerenderMargin","getVerticalSpacing","getColumnsCount","getItemHeight","i","getBeforeResizeItemsCount","getAverageItemHeight","getScrollableContainerHeight","getShownItemIndexes","itemsCount","length","visibleAreaTop","visibleAreaBottom","should","deep","equal","firstShownItemIndex","lastShownItemIndex","getLayoutUpdateForItemsDiff","beforeItemsHeight","afterItemsHeight","prependedItemsCount","appendedItemsCount","columnsCount","shouldResetGridLayout","shouldRestoreScrollPosition","onResetGridLayout"],"sources":["../source/Layout.test.js"],"sourcesContent":["import Layout from './Layout.js'\r\n\r\nimport Engine from './test/Engine.js'\r\n\r\ndescribe('Layout', function() {\r\n\tit('should work', function() {\r\n\t\tconst SCREEN_HEIGHT = 400\r\n\r\n\t\tconst scrollableContainer = {\r\n\t\t\twidth: 800,\r\n\t\t\theight: SCREEN_HEIGHT\r\n\t\t}\r\n\r\n\t\tconst ITEM_WIDTH = scrollableContainer.width\r\n\t\tconst ITEM_HEIGHT = 200\r\n\r\n\t\tconst VERTICAL_SPACING = 100\r\n\r\n\t\tconst items = new Array(9).fill(ITEM_WIDTH * ITEM_HEIGHT)\r\n\r\n\t\tconst layout = new Layout({\r\n\t\t\tgetPrerenderMargin: () => SCREEN_HEIGHT,\r\n\t\t\tgetVerticalSpacing: () => VERTICAL_SPACING,\r\n\t\t\tgetColumnsCount: () => 1,\r\n\t\t\tgetItemHeight: (i) => items[i] / scrollableContainer.width,\r\n\t\t\tgetBeforeResizeItemsCount: () => 0,\r\n\t\t\tgetAverageItemHeight: () => ITEM_HEIGHT,\r\n\t\t\tgetScrollableContainerHeight: () => scrollableContainer.height\r\n\t\t})\r\n\r\n\t\t// Initial render.\r\n\t\tlayout.getShownItemIndexes({\r\n\t\t\titemsCount: items.length,\r\n\t\t\tvisibleAreaTop: 0,\r\n\t\t\tvisibleAreaBottom: SCREEN_HEIGHT\r\n\t\t}).should.deep.equal({\r\n\t\t\tfirstShownItemIndex: 0,\r\n\t\t\tlastShownItemIndex: 2\r\n\t\t})\r\n\r\n\t\t// The first item is almost hidden.\r\n\t\tlayout.getShownItemIndexes({\r\n\t\t\titemsCount: items.length,\r\n\t\t\tvisibleAreaTop: SCREEN_HEIGHT + ITEM_HEIGHT - 1,\r\n\t\t\tvisibleAreaBottom: (SCREEN_HEIGHT + ITEM_HEIGHT - 1) + SCREEN_HEIGHT\r\n\t\t}).should.deep.equal({\r\n\t\t\tfirstShownItemIndex: 0,\r\n\t\t\tlastShownItemIndex: 4\r\n\t\t})\r\n\r\n\t\t// The first item is hidden.\r\n\t\tlayout.getShownItemIndexes({\r\n\t\t\titemsCount: items.length,\r\n\t\t\tvisibleAreaTop: SCREEN_HEIGHT + ITEM_HEIGHT,\r\n\t\t\tvisibleAreaBottom: (SCREEN_HEIGHT + ITEM_HEIGHT) + SCREEN_HEIGHT\r\n\t\t}).should.deep.equal({\r\n\t\t\tfirstShownItemIndex: 1,\r\n\t\t\tlastShownItemIndex: 4\r\n\t\t})\r\n\r\n\t\t// A new item at the bottom is almost visible.\r\n\t\tlayout.getShownItemIndexes({\r\n\t\t\titemsCount: items.length,\r\n\t\t\tvisibleAreaTop: (ITEM_HEIGHT + VERTICAL_SPACING) * 5 - SCREEN_HEIGHT * 2,\r\n\t\t\tvisibleAreaBottom: (ITEM_HEIGHT + VERTICAL_SPACING) * 5 - SCREEN_HEIGHT\r\n\t\t}).should.deep.equal({\r\n\t\t\tfirstShownItemIndex: 1,\r\n\t\t\tlastShownItemIndex: 4\r\n\t\t})\r\n\r\n\t\t// A new item at the bottom is visible.\r\n\t\tlayout.getShownItemIndexes({\r\n\t\t\titemsCount: items.length,\r\n\t\t\tvisibleAreaTop: (ITEM_HEIGHT + VERTICAL_SPACING) * 5 + 1 - SCREEN_HEIGHT * 2,\r\n\t\t\tvisibleAreaBottom: (ITEM_HEIGHT + VERTICAL_SPACING) * 5 + 1 - SCREEN_HEIGHT\r\n\t\t}).should.deep.equal({\r\n\t\t\tfirstShownItemIndex: 1,\r\n\t\t\tlastShownItemIndex: 5\r\n\t\t})\r\n\t})\r\n\r\n\tit('should update layout for items incremental change', function() {\r\n\t\tconst scrollableContainer = {\r\n\t\t\twidth: 800,\r\n\t\t\theight: 400\r\n\t\t}\r\n\r\n\t\tconst ITEM_WIDTH = scrollableContainer.width\r\n\t\tconst ITEM_HEIGHT = 200\r\n\r\n\t\tconst items = new Array(9).fill(ITEM_WIDTH * ITEM_HEIGHT)\r\n\r\n\t\tconst VERTICAL_SPACING = 100\r\n\r\n\t\tconst layout = new Layout({\r\n\t\t\tgetPrerenderMargin: () => scrollableContainer.height,\r\n\t\t\tgetVerticalSpacing: () => VERTICAL_SPACING,\r\n\t\t\tgetColumnsCount: () => 1,\r\n\t\t\tgetItemHeight: (i) => ITEM_HEIGHT,\r\n\t\t\tgetBeforeResizeItemsCount: () => 0,\r\n\t\t\tgetAverageItemHeight: () => ITEM_HEIGHT,\r\n\t\t\tgetScrollableContainerHeight: () => scrollableContainer.height\r\n\t\t})\r\n\r\n\t\tlayout.getLayoutUpdateForItemsDiff(\r\n\t\t\t{\r\n\t\t\t\tfirstShownItemIndex: 3,\r\n\t\t\t\tlastShownItemIndex: 5,\r\n\t\t\t\tbeforeItemsHeight: 3 * (ITEM_HEIGHT + VERTICAL_SPACING),\r\n\t\t\t\tafterItemsHeight: 3 * (ITEM_HEIGHT + VERTICAL_SPACING)\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tprependedItemsCount: 5,\r\n\t\t\t\tappendedItemsCount: 5\r\n\t\t\t}, {\r\n\t\t\t\titemsCount: 5 + 5 + items.length,\r\n\t\t\t\tcolumnsCount: 1\r\n\t\t\t}\r\n\t\t).should.deep.equal({\r\n\t\t\tfirstShownItemIndex: 5 + 3,\r\n\t\t\tlastShownItemIndex: 5 + 5,\r\n\t\t\tbeforeItemsHeight: (5 + 3) * (ITEM_HEIGHT + VERTICAL_SPACING),\r\n\t\t\tafterItemsHeight: (3 + 5) * (ITEM_HEIGHT + VERTICAL_SPACING)\r\n\t\t})\r\n\t})\r\n\r\n\tit('should update layout for items incremental change (rows get rebalanced)', function() {\r\n\t\tconst scrollableContainer = {\r\n\t\t\twidth: 800,\r\n\t\t\theight: 400\r\n\t\t}\r\n\t\tconst ITEM_WIDTH = scrollableContainer.width\r\n\t\tconst ITEM_HEIGHT = 400\r\n\r\n\t\tconst items = new Array(9).fill(ITEM_WIDTH * ITEM_HEIGHT)\r\n\r\n\t\tconst VERTICAL_SPACING = 100\r\n\r\n\t\tconst layout = new Layout({\r\n\t\t\tgetPrerenderMargin: () => scrollableContainer.height,\r\n\t\t\tgetVerticalSpacing: () => VERTICAL_SPACING,\r\n\t\t\tgetColumnsCount: () => 4,\r\n\t\t\tgetItemHeight: () => ITEM_HEIGHT,\r\n\t\t\tgetBeforeResizeItemsCount: () => 0,\r\n\t\t\tgetAverageItemHeight: () => ITEM_HEIGHT,\r\n\t\t\tgetScrollableContainerHeight: () => scrollableContainer.height\r\n\t\t})\r\n\r\n\t\tlet shouldResetGridLayout\r\n\r\n\t\tlayout.getLayoutUpdateForItemsDiff(\r\n\t\t\t{\r\n\t\t\t\tfirstShownItemIndex: 3,\r\n\t\t\t\tlastShownItemIndex: 5,\r\n\t\t\t\tbeforeItemsHeight: 3 * (ITEM_HEIGHT + VERTICAL_SPACING),\r\n\t\t\t\tafterItemsHeight: 3 * (ITEM_HEIGHT + VERTICAL_SPACING)\r\n\t\t\t},\r\n\t\t\t{\r\n\t\t\t\tprependedItemsCount: 5,\r\n\t\t\t\tappendedItemsCount: 5\r\n\t\t\t}, {\r\n\t\t\t\titemsCount: 5 + 5 + items.length,\r\n\t\t\t\tcolumnsCount: 4,\r\n\t\t\t\tshouldRestoreScrollPosition: true,\r\n\t\t\t\tonResetGridLayout: () => shouldResetGridLayout = true\r\n\t\t\t}\r\n\t\t).should.deep.equal({\r\n\t\t\tfirstShownItemIndex: 0,\r\n\t\t\tlastShownItemIndex: 5 + 5,\r\n\t\t\tbeforeItemsHeight: 0,\r\n\t\t\tafterItemsHeight: 5 * (ITEM_HEIGHT + VERTICAL_SPACING)\r\n\t\t})\r\n\r\n\t\tshouldResetGridLayout.should.equal(true)\r\n\t})\r\n})"],"mappings":"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"}

package/modules/ListHeightMeasurement.js

@@ -0,0 +1,117 @@
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+var ListHeightMeasurement = /*#__PURE__*/function () {
+  function ListHeightMeasurement(_ref) {
+    var itemsContainer = _ref.itemsContainer,
+        getListTopOffset = _ref.getListTopOffset;
+
+    _classCallCheck(this, ListHeightMeasurement);
+
+    this.itemsContainer = itemsContainer;
+    this.getListTopOffset = getListTopOffset;
+  }
+  /**
+   * Snapshots the list height while `previousItems` are still rendered,
+   * before rendering `newItems`. The list height will be re-measured
+   * after the new items have been rendered, yielding the list height difference
+   * which is gonna be the amount to scroll vertically in order to restore
+   * the previous scroll position. Is only used when prepending items.
+   * @param  {any[]} previousItems
+   * @param  {any[]} newItems
+   * @param  {number} prependedItemsCount
+   */
+
+
+  _createClass(ListHeightMeasurement, [{
+    key: "snapshotListHeightBeforeAddingNewItems",
+    value: function snapshotListHeightBeforeAddingNewItems(_ref2) {
+      var previousItems = _ref2.previousItems,
+          newItems = _ref2.newItems,
+          prependedItemsCount = _ref2.prependedItemsCount;
+
+      // If there were no items in the list
+      // then there's no point in restoring scroll position.
+      if (previousItems.length === 0) {
+        return;
+      } // If no items were prepended then no need to restore scroll position.
+
+
+      if (prependedItemsCount === 0) {
+        return;
+      } // The first item is supposed to be shown when the user clicks
+      // "Show previous items" button. If it isn't shown though,
+      // could still calculate the first item's top position using
+      // the values from `itemHeights` and `verticalSpacing`.
+      // But that would be a weird non-realistic scenario.
+      // if (firstShownItemIndex > 0) {
+      // 	let i = firstShownItemIndex - 1
+      // 	while (i >= 0) {
+      // 		firstItemTopOffset += itemHeights[i] + verticalSpacing
+      // 		i--
+      // 	}
+      // }
+      // This part is longer relevant: <ReactVirtualScroller/> no longer calls
+      // this function two times consequtively.
+      //
+      // // If the scroll position has already been captured for restoration,
+      // // then don't capture it the second time.
+      // if (this._snapshot &&
+      // 	this._snapshot.previousItems === previousItems &&
+      // 	this._snapshot.newItems === newItems) {
+      // 	return
+      // }
+
+
+      this._snapshot = {
+        previousItems: previousItems,
+        newItems: newItems,
+        itemIndex: prependedItemsCount,
+        itemTopOffset: this.itemsContainer.getNthRenderedItemTopOffset(0),
+        // Snapshot list top offset inside the scrollable container too
+        // because it's common to hide the "Show previous items" button
+        // when the user has browsed to the top of the list, which causes
+        // the list's top position to shift upwards due to the button
+        // no longer being rendered. Tracking list top offset doesn't
+        // fit here that well, but it makes sense in real-world applications.
+        listTopOffset: this.getListTopOffset()
+      };
+    }
+  }, {
+    key: "getAnchorItemIndex",
+    value: function getAnchorItemIndex() {
+      return this._snapshot.itemIndex;
+    }
+  }, {
+    key: "hasSnapshot",
+    value: function hasSnapshot() {
+      return this._snapshot !== undefined;
+    }
+  }, {
+    key: "getListBottomOffsetChange",
+    value: function getListBottomOffsetChange() {
+      var _this$_snapshot = this._snapshot,
+          itemIndex = _this$_snapshot.itemIndex,
+          itemTopOffset = _this$_snapshot.itemTopOffset,
+          listTopOffset = _this$_snapshot.listTopOffset; // `firstShownItemIndex` is supposed to be `0` at this point,
+      // so `renderedElementIndex` would be the same as the `itemIndex`.
+
+      var itemTopOffsetNew = this.itemsContainer.getNthRenderedItemTopOffset(itemIndex);
+      var listTopOffsetNew = this.getListTopOffset();
+      return itemTopOffsetNew - itemTopOffset + (listTopOffsetNew - listTopOffset);
+    }
+  }, {
+    key: "reset",
+    value: function reset() {
+      this._snapshot = undefined;
+    }
+  }]);
+
+  return ListHeightMeasurement;
+}();
+
+export { ListHeightMeasurement as default };
+//# sourceMappingURL=ListHeightMeasurement.js.map

package/modules/ListHeightMeasurement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListHeightMeasurement.js","names":["ListHeightMeasurement","itemsContainer","getListTopOffset","previousItems","newItems","prependedItemsCount","length","_snapshot","itemIndex","itemTopOffset","getNthRenderedItemTopOffset","listTopOffset","undefined","itemTopOffsetNew","listTopOffsetNew"],"sources":["../source/ListHeightMeasurement.js"],"sourcesContent":["export default class ListHeightMeasurement {\r\n\tconstructor({\r\n\t\titemsContainer,\r\n\t\tgetListTopOffset\r\n\t}) {\r\n\t\tthis.itemsContainer = itemsContainer\r\n\t\tthis.getListTopOffset = getListTopOffset\r\n\t}\r\n\r\n\t/**\r\n\t * Snapshots the list height while `previousItems` are still rendered,\r\n\t * before rendering `newItems`. The list height will be re-measured\r\n\t * after the new items have been rendered, yielding the list height difference\r\n\t * which is gonna be the amount to scroll vertically in order to restore\r\n\t * the previous scroll position. Is only used when prepending items.\r\n\t * @param  {any[]} previousItems\r\n\t * @param  {any[]} newItems\r\n\t * @param  {number} prependedItemsCount\r\n\t */\r\n\tsnapshotListHeightBeforeAddingNewItems({\r\n\t\tpreviousItems,\r\n\t\tnewItems,\r\n\t\tprependedItemsCount\r\n\t}) {\r\n\t\t// If there were no items in the list\r\n\t\t// then there's no point in restoring scroll position.\r\n\t\tif (previousItems.length === 0) {\r\n\t\t\treturn\r\n\t\t}\r\n\r\n\t\t// If no items were prepended then no need to restore scroll position.\r\n\t\tif (prependedItemsCount === 0) {\r\n\t\t\treturn\r\n\t\t}\r\n\r\n\t\t// The first item is supposed to be shown when the user clicks\r\n\t\t// \"Show previous items\" button. If it isn't shown though,\r\n\t\t// could still calculate the first item's top position using\r\n\t\t// the values from `itemHeights` and `verticalSpacing`.\r\n\t\t// But that would be a weird non-realistic scenario.\r\n\t\t// if (firstShownItemIndex > 0) {\r\n\t\t// \tlet i = firstShownItemIndex - 1\r\n\t\t// \twhile (i >= 0) {\r\n\t\t// \t\tfirstItemTopOffset += itemHeights[i] + verticalSpacing\r\n\t\t// \t\ti--\r\n\t\t// \t}\r\n\t\t// }\r\n\r\n\t\t// This part is longer relevant: <ReactVirtualScroller/> no longer calls\r\n\t\t// this function two times consequtively.\r\n\t\t//\r\n\t\t// // If the scroll position has already been captured for restoration,\r\n\t\t// // then don't capture it the second time.\r\n\t\t// if (this._snapshot &&\r\n\t\t// \tthis._snapshot.previousItems === previousItems &&\r\n\t\t// \tthis._snapshot.newItems === newItems) {\r\n\t\t// \treturn\r\n\t\t// }\r\n\r\n\t\tthis._snapshot = {\r\n\t\t\tpreviousItems,\r\n\t\t\tnewItems,\r\n\t\t\titemIndex: prependedItemsCount,\r\n\t\t\titemTopOffset: this.itemsContainer.getNthRenderedItemTopOffset(0),\r\n\t\t\t// Snapshot list top offset inside the scrollable container too\r\n\t\t\t// because it's common to hide the \"Show previous items\" button\r\n\t\t\t// when the user has browsed to the top of the list, which causes\r\n\t\t\t// the list's top position to shift upwards due to the button\r\n\t\t\t// no longer being rendered. Tracking list top offset doesn't\r\n\t\t\t// fit here that well, but it makes sense in real-world applications.\r\n\t\t\tlistTopOffset: this.getListTopOffset()\r\n\t\t}\r\n\t}\r\n\r\n\tgetAnchorItemIndex() {\r\n\t\treturn this._snapshot.itemIndex\r\n\t}\r\n\r\n\thasSnapshot() {\r\n\t\treturn this._snapshot !== undefined\r\n\t}\r\n\r\n\tgetListBottomOffsetChange() {\r\n\t\tconst { itemIndex, itemTopOffset, listTopOffset } = this._snapshot\r\n\t\t// `firstShownItemIndex` is supposed to be `0` at this point,\r\n\t\t// so `renderedElementIndex` would be the same as the `itemIndex`.\r\n\t\tconst itemTopOffsetNew = this.itemsContainer.getNthRenderedItemTopOffset(itemIndex)\r\n\t\tconst listTopOffsetNew = this.getListTopOffset()\r\n\t\treturn (itemTopOffsetNew - itemTopOffset) + (listTopOffsetNew - listTopOffset)\r\n\t}\r\n\r\n\treset() {\r\n\t\tthis._snapshot = undefined\r\n\t}\r\n}"],"mappings":";;;;;;IAAqBA,qB;EACpB,qCAGG;IAAA,IAFFC,cAEE,QAFFA,cAEE;IAAA,IADFC,gBACE,QADFA,gBACE;;IAAA;;IACF,KAAKD,cAAL,GAAsBA,cAAtB;IACA,KAAKC,gBAAL,GAAwBA,gBAAxB;EACA;EAED;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;WACC,uDAIG;MAAA,IAHFC,aAGE,SAHFA,aAGE;MAAA,IAFFC,QAEE,SAFFA,QAEE;MAAA,IADFC,mBACE,SADFA,mBACE;;MACF;MACA;MACA,IAAIF,aAAa,CAACG,MAAd,KAAyB,CAA7B,EAAgC;QAC/B;MACA,CALC,CAOF;;;MACA,IAAID,mBAAmB,KAAK,CAA5B,EAA+B;QAC9B;MACA,CAVC,CAYF;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MAEA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;;;MAEA,KAAKE,SAAL,GAAiB;QAChBJ,aAAa,EAAbA,aADgB;QAEhBC,QAAQ,EAARA,QAFgB;QAGhBI,SAAS,EAAEH,mBAHK;QAIhBI,aAAa,EAAE,KAAKR,cAAL,CAAoBS,2BAApB,CAAgD,CAAhD,CAJC;QAKhB;QACA;QACA;QACA;QACA;QACA;QACAC,aAAa,EAAE,KAAKT,gBAAL;MAXC,CAAjB;IAaA;;;WAED,8BAAqB;MACpB,OAAO,KAAKK,SAAL,CAAeC,SAAtB;IACA;;;WAED,uBAAc;MACb,OAAO,KAAKD,SAAL,KAAmBK,SAA1B;IACA;;;WAED,qCAA4B;MAC3B,sBAAoD,KAAKL,SAAzD;MAAA,IAAQC,SAAR,mBAAQA,SAAR;MAAA,IAAmBC,aAAnB,mBAAmBA,aAAnB;MAAA,IAAkCE,aAAlC,mBAAkCA,aAAlC,CAD2B,CAE3B;MACA;;MACA,IAAME,gBAAgB,GAAG,KAAKZ,cAAL,CAAoBS,2BAApB,CAAgDF,SAAhD,CAAzB;MACA,IAAMM,gBAAgB,GAAG,KAAKZ,gBAAL,EAAzB;MACA,OAAQW,gBAAgB,GAAGJ,aAApB,IAAsCK,gBAAgB,GAAGH,aAAzD,CAAP;IACA;;;WAED,iBAAQ;MACP,KAAKJ,SAAL,GAAiBK,SAAjB;IACA;;;;;;SA7FmBZ,qB"}