ng-virtual-list 20.10.12 → 20.10.13

package/fesm2022/ng-virtual-list.mjs

@@ -3111,7 +3111,7 @@ class NgScrollView {
     set totalSize(v) {
         this._totalSize = v;
     }
-    _startPosition = this._totalSize;
+    _startPosition = 0;
     get actualScrollHeight() {
         const { height: viewportHeight } = this.viewportBounds(), totalSize = this._totalSize;
         if (this._inversion) {
@@ -3929,7 +3929,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                 args: ['scrollBar', { read: NgScrollBarComponent }]
             }], scrollbarEnabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollbarEnabled", required: false }] }], scrollbarInteractive: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollbarInteractive", required: false }] }], focusedElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "focusedElement", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], classes: [{ type: i0.Input, args: [{ isSignal: true, alias: "classes", required: false }] }], startOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "startOffset", required: false }] }], endOffset: [{ type: i0.Input, args: [{ isSignal: true, alias: "endOffset", required: false }] }], scrollbarTheme: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollbarTheme", required: false }] }], scrollbarMinSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollbarMinSize", required: false }] }] } });
 
-const MIN_SCROLL_TO_START_PIXELS = 10, RANGE_DISPLAY_ITEMS_END_OFFSET = 20, MIN_PREPARE_ITERATIONS = 35, PREPARATION_REUPDATE_LENGTH = 15, RESET_CACHE_FRAME_NUMBER = 3, EMPTY_SCROLL_STATE_VERSION = '-1', ROLE_LIST = 'list', ROLE_LIST_BOX = 'listbox', ITEM_ID = 'item-id', ITEM_CONTAINER = 'ngvl-item__container', READY_TO_START = 'ready-to-start', WAIT_FOR_PREPARATION = 'wait-for-preparation';
+const MIN_SCROLL_TO_START_PIXELS = 10, RANGE_DISPLAY_ITEMS_END_OFFSET = 20, MIN_PREPARE_ITERATIONS = 5, PREPARATION_REUPDATE_LENGTH = 2, EMPTY_SCROLL_STATE_VERSION = '-1', ROLE_LIST = 'list', ROLE_LIST_BOX = 'listbox', ITEM_ID = 'item-id', ITEM_CONTAINER = 'ngvl-item__container', READY_TO_START = 'ready-to-start', WAIT_FOR_PREPARATION = 'wait-for-preparation';
 const validateScrollIteration = (value) => {
     return Number.isNaN(value) || (value < 0) ? 0 : value > MAX_SCROLL_TO_ITERATIONS ? MAX_SCROLL_TO_ITERATIONS : value;
 }, validateId = (id) => {
@@ -4856,9 +4856,6 @@ class NgVirtualListComponent {
             }
             if (this._prevScrollStateVersion === v) {
                 this._trackBox.isScrollEnd = true;
-                if (this._updateIterations === RESET_CACHE_FRAME_NUMBER) {
-                    this.refreshActualItemSize(true);
-                }
                 if (this._updateIterations < PREPARATION_REUPDATE_LENGTH) {
                     this._updateIterations++;
                     this._trackBox.isScrollEnd = true;
@@ -4867,6 +4864,7 @@ class NgVirtualListComponent {
                 }
             }
             this._prevScrollStateVersion = v;
+            this.refreshActualItemSize(false);
             return of(true);
         }), filter$1(v => !!v), distinctUntilChanged()), $items = toObservable(this.items), $dynamicSize = toObservable(this.dynamicSize);
         const $viewInit = this.$viewInit, $snapScrollToBottom = toObservable(this.snapScrollToBottom), $waitForPreparation = toObservable(this.waitForPreparation);
@@ -4893,7 +4891,10 @@ class NgVirtualListComponent {
                     scrollerComponent.stopScrolling();
                 }
                 this.classes.set({ prepared: false, [READY_TO_START]: false, [WAIT_FOR_PREPARATION]: false });
-                return $items.pipe(takeUntilDestroyed(this._destroyRef), debounceTime(0), map(i => (i ?? []).length > 0), distinctUntilChanged(), switchMap$1(v => {
+                return $items.pipe(takeUntilDestroyed(this._destroyRef), debounceTime(0), tap(items => {
+                    if (items && items.length > 0)
+                        this._trackBox.resetCollection(items, this.actualItemSize());
+                }), map(i => (i ?? []).length > 0), distinctUntilChanged(), switchMap$1(v => {
                     if (!v) {
                         this.cacheClean();
                         this._readyToShow = this._isUserScrolling = false;
@@ -5017,9 +5018,6 @@ class NgVirtualListComponent {
         $isLazy.pipe(takeUntilDestroyed(), tap(v => {
             this._trackBox.isLazy = v;
         })).subscribe();
-        $items.pipe(takeUntilDestroyed(), debounceTime(0), tap(items => {
-            this._trackBox.resetCollection(items, this.actualItemSize());
-        })).subscribe();
         combineLatest([$items, $collapsedItemIds, $itemConfigMap, $trackBy]).pipe(takeUntilDestroyed(), debounceTime(0), tap(([items, collapsedIds, itemConfigMap, trackBy]) => {
             const hiddenItems = new CMap();
             let isCollapsed = false;
@@ -5157,10 +5155,10 @@ class NgVirtualListComponent {
                     if (emitable && this._readyToShow) {
                         this.emitScrollEvent(true, false);
                     }
-                    if (!this._readyToShow || roundedMaxPositionAfterUpdate > 0) {
+                    if (roundedMaxPositionAfterUpdate >= 0 && this._scrollSize() !== roundedMaxPositionAfterUpdate) {
                         const params = {
                             [isVertical ? TOP_PROP_NAME : LEFT_PROP_NAME]: roundedMaxPositionAfterUpdate,
-                            fireUpdate: false, behavior: BEHAVIOR_INSTANT,
+                            fireUpdate: this._readyToShow, behavior: BEHAVIOR_INSTANT,
                             blending: false, duration: this.animationParams().scrollToItem,
                         };
                         scroller?.scrollTo?.(params);
@@ -5179,7 +5177,7 @@ class NgVirtualListComponent {
                     if (this._scrollSize() !== scrollPositionAfterUpdate) {
                         const params = {
                             [isVertical ? TOP_PROP_NAME : LEFT_PROP_NAME]: scrollPositionAfterUpdate, blending: true,
-                            fireUpdate: false, behavior: BEHAVIOR_INSTANT, duration: this.animationParams().scrollToItem,
+                            fireUpdate: this._readyToShow, behavior: BEHAVIOR_INSTANT, duration: this.animationParams().scrollToItem,
                         };
                         scroller.scrollTo(params);
                         if (emitable && !this._readyToShow) {
@@ -5188,7 +5186,7 @@ class NgVirtualListComponent {
                         return;
                     }
                 }
-                if (emitable && !this._readyToShow) {
+                if (emitable || !this._readyToShow) {
                     this._$update.next(this.getScrollStateVersion(totalSize, this._isVertical ? scroller.scrollTop : scroller.scrollLeft, cacheVersion));
                 }
             }