ng-virtual-list 20.11.4 → 20.11.6

package/fesm2022/ng-virtual-list.mjs

@@ -275,6 +275,7 @@ const PART_ITEM_FOCUSED = ' item-focused';
 const MIN_PIXELS_FOR_PREVENT_SNAPPING = 10;
 const MAX_VELOCITY_FOR_SCROLL_QUALITY_OPTIMIZATION_LVL1 = 74;
 const MAX_VELOCITY_FOR_SCROLL_QUALITY_OPTIMIZATION_LVL2 = 500;
+const MAX_NUMBERS_OF_SKIPS_FOR_QUALITY_OPTIMIZATION_LVL1 = 4;
 const RANGE_DISPLAY_ITEMS_END_OFFSET = 20;
 const PREPARE_ITERATIONS = 1;
 const PREPARATION_REUPDATE_LENGTH = 0;
@@ -1078,6 +1079,7 @@ class TrackBox extends CacheMap {
     _resetBufferSizeTimer;
     _isReseted = true;
     _prerenderedCache = null;
+    _newItems = [];
     lifeCircle() {
         this.fireChangeIfNeed();
         this.fireTick();
@@ -1104,6 +1106,7 @@ class TrackBox extends CacheMap {
     updateCache(previousCollection, currentCollection, itemSize) {
         const trackBy = this._trackingPropertyName;
         let crudDetected = false;
+        this._newItems = [];
         if (!currentCollection || currentCollection.length === 0) {
             if (previousCollection) {
                 // deleted
@@ -1171,6 +1174,7 @@ class TrackBox extends CacheMap {
             const item = currentCollection[i], id = item[trackBy];
             if (item && !deletedMap.hasOwnProperty(id) && !updatedMap.hasOwnProperty(id) &&
                 !notChangedMap.hasOwnProperty(id)) {
+                this._newItems.push(id);
                 // added
                 crudDetected = true;
                 this._map.set(id, { width: itemSize, height: itemSize, method: ItemDisplayMethods.CREATE });
@@ -1346,7 +1350,7 @@ class TrackBox extends CacheMap {
                     const cache = map.get(id);
                     componentSize = cache[sizeProperty] > 0 ? cache[sizeProperty] : typicalItemSize;
                     itemDisplayMethod = cache?.method ?? ItemDisplayMethods.UPDATE;
-                    const isItemNew = cache?.[IS_NEW] ?? (this._isLazy && isStart && !this._isReseted);
+                    const isItemNew = this._newItems.indexOf(id) > -1 || (this._isLazy && isStart && !this._isReseted);
                     isNew = isItemNew;
                     if (isNew) {
                         isUpdating = true;
@@ -1355,7 +1359,7 @@ class TrackBox extends CacheMap {
                     componentSizeDelta = componentSnapshotSize;
                     switch (itemDisplayMethod) {
                         case ItemDisplayMethods.UPDATE: {
-                            map.set(id, { ...cache, method: isNew ? ItemDisplayMethods.UPDATE : ItemDisplayMethods.NOT_CHANGED, [IS_NEW]: isNew });
+                            map.set(id, { ...cache, method: isNew ? ItemDisplayMethods.UPDATE : ItemDisplayMethods.NOT_CHANGED });
                             if (isNew && y <= (scrollSize + size + deltaFromStartCreation + componentSize)) {
                                 deltaFromStartCreation += componentSizeDelta;
                                 componentSizeDelta = 0;
@@ -1853,6 +1857,9 @@ class TrackBox extends CacheMap {
             this._prerenderedCache = null;
         }
     }
+    resetCacheChunkInfo() {
+        this._newItems = [];
+    }
     cacheClean() {
         this._map.clear();
         this._snapshot.clear();
@@ -5769,6 +5776,9 @@ class NgVirtualListComponent {
         }), $updateItemsRenderStabilizer = renderStabilizer({
             prepareIterations: PREPARE_ITERATIONS_FOR_UPDATE_ITEMS,
             prepareReupdateLength: PREPARATION_REUPDATE_LENGTH_FOR_UPDATE_ITEMS,
+        }), $chunkLoadingRenderStabilizer = renderStabilizer({
+            prepareIterations: PREPARE_ITERATIONS_FOR_UPDATE_ITEMS,
+            prepareReupdateLength: PREPARATION_REUPDATE_LENGTH_FOR_UPDATE_ITEMS,
         }), $collapseItemsRenderStabilizer = renderStabilizer({
             prepareIterations: PREPARE_ITERATIONS_FOR_COLLAPSE_ITEMS,
             prepareReupdateLength: PREPARATION_REUPDATE_LENGTH_FOR_COLLAPSE_ITEMS,
@@ -6044,9 +6054,20 @@ class NgVirtualListComponent {
         })).subscribe();
         const $loading = toObservable(this.loading);
         $loading.pipe(takeUntilDestroyed(), distinctUntilChanged(), skip(1), filter$1(v => !v), switchMap$1(() => {
-            return $actualItems.pipe(takeUntilDestroyed(this._destroyRef), debounceTime(100), take(1), tap(() => {
-                this._scrollerComponent()?.refreshScrollbar();
-            }));
+            const scrollbar = this._scrollerComponent();
+            if (!!scrollbar) {
+                scrollbar.stopScrollbar();
+                scrollbar.refreshScrollbar();
+            }
+            return $actualItems.pipe(takeUntilDestroyed(this._destroyRef), take(1), switchMap$1(() => $chunkLoadingRenderStabilizer.pipe(takeUntilDestroyed(this._destroyRef), take(1), tap(() => {
+                console.log('reset');
+                this._trackBox.resetCacheChunkInfo();
+                const scrollbar = this._scrollerComponent();
+                if (!!scrollbar) {
+                    scrollbar.stopScrollbar();
+                    scrollbar.refreshScrollbar();
+                }
+            }))));
         })).subscribe();
         $loading.pipe(takeUntilDestroyed(), skip(1), distinctUntilChanged(), tap(v => {
             if (v) {
@@ -6162,7 +6183,7 @@ class NgVirtualListComponent {
             }
         };
         let prevItems = [];
-        const debouncedUpdate = debounce(update, 0);
+        const debouncedUpdate = debounce(update, 0, MAX_NUMBERS_OF_SKIPS_FOR_QUALITY_OPTIMIZATION_LVL1);
         $viewInit.pipe(takeUntilDestroyed(), filter$1(v => !!v), switchMap$1(() => {
             return combineLatest([$snapScrollToStart, $snapScrollToEnd, $bounds, $listBounds, $scrollEndOffset, $actualItems, $itemConfigMap, $scrollSize, $itemSize,
                 $collapsedItemIds, $bufferSize, $maxBufferSize, $snap, $isVertical, $dynamicSize, $enabledBufferOptimization, $cacheVersion, this.$fireUpdate,