ng-virtual-list 20.10.14 → 20.10.16

package/fesm2022/ng-virtual-list.mjs

@@ -4538,9 +4538,9 @@ class NgVirtualListComponent {
     maxBufferSize = input(DEFAULT_MAX_BUFFER_SIZE, ...(ngDevMode ? [{ debugName: "maxBufferSize", ...this._maxBufferSizeTransform }] : [{ ...this._maxBufferSizeTransform }]));
     _snappingMethodOptions = {
         transform: (v) => {
-            const valid = validateString(v) && (v === 'normal' || v === 'advanced' || 'chat');
+            const valid = validateString(v) && (v === SnappingMethods.NORMAL || v === SnappingMethods.ADVANCED || v === SnappingMethods.CHAT);
             if (!valid) {
-                console.error('The "snappingMethod" parameter must have the value `normal`, `advanced` or `chat`.');
+                console.error(`The "snappingMethod" parameter must have the value '${SnappingMethods.NORMAL}', '${SnappingMethods.ADVANCED}' or '${SnappingMethods.CHAT}'.`);
                 return DEFAULT_SNAPPING_METHOD;
             }
             return v;
@@ -4882,7 +4882,7 @@ class NgVirtualListComponent {
                         this.cacheClean();
                         this._readyToShow = this._isUserScrolling = false;
                         this.refreshActualItemSize(false);
-                        if (this.snapScrollToBottom()) {
+                        if (snapScrollToBottom) {
                             this._trackBox.isScrollEnd = true;
                         }
                         this._updateIterations = 0;
@@ -4895,7 +4895,7 @@ class NgVirtualListComponent {
                         this.classes.set({ prepared: false, [READY_TO_START]: false, [WAIT_FOR_PREPARATION]: false });
                         this._$show.next(false);
                     }
-                    this._trackBox.resetCollection(items, this.itemSize());
+                    this._trackBox.resetCollection(items, this.actualItemSize());
                 }), map(i => (i ?? []).length > 0), distinctUntilChanged(), switchMap$1(v => {
                     if (!v) {
                         return of(false);
@@ -4931,26 +4931,31 @@ class NgVirtualListComponent {
                 }));
             }
             else {
-                this._readyToShow = true;
-                this.refreshActualItemSize(true);
-                const scrollerComponent = this._scrollerComponent();
-                if (scrollerComponent) {
-                    scrollerComponent.prepared = true;
-                    scrollerComponent.stopScrolling();
-                }
-                this.classes.set({ prepared: true, [READY_TO_START]: true, [WAIT_FOR_PREPARATION]: false });
-                this._service.update(true);
-                this._$show.next(true);
-                this._scrollerComponent()?.refresh(true, true);
                 return $items.pipe(takeUntilDestroyed(this._destroyRef), debounceTime(0), tap(items => {
                     if (!items || items.length === 0) {
                         this.cacheClean();
+                        const scrollerComponent = this._scrollerComponent();
+                        if (scrollerComponent) {
+                            scrollerComponent.prepared = false;
+                            scrollerComponent.stopScrolling();
+                        }
+                        this.classes.set({ prepared: false, [READY_TO_START]: false, [WAIT_FOR_PREPARATION]: false });
+                        this._$show.next(false);
+                    }
+                    this._trackBox.resetCollection(items, this.actualItemSize());
+                }), map(i => (i ?? []).length > 0), distinctUntilChanged(), filter$1(v => !!v), tap(() => {
+                    this._readyToShow = true;
+                    this.refreshActualItemSize(false);
+                    if (snapScrollToBottom) {
+                        this._trackBox.isScrollEnd = true;
                     }
-                    this._trackBox.resetCollection(items, this.itemSize());
                     const scrollerComponent = this._scrollerComponent();
                     if (scrollerComponent) {
                         scrollerComponent.prepared = true;
                     }
+                    this.classes.set({ prepared: true, [READY_TO_START]: true, [WAIT_FOR_PREPARATION]: true });
+                    this._$show.next(true);
+                    this._$fireUpdate.next();
                 }));
                 ;
             }
@@ -5010,7 +5015,10 @@ class NgVirtualListComponent {
         $trackBy.pipe(takeUntilDestroyed(), tap(v => {
             this._trackBox.trackingPropertyName = v;
         })).subscribe();
-        const $bounds = toObservable(this._bounds).pipe(filter$1(b => !!b)), $listBounds = toObservable(this._listBounds).pipe(filter$1(b => !!b)), $scrollSize = toObservable(this._scrollSize), $itemSize = toObservable(this.actualItemSize).pipe(map(v => v <= 0 ? DEFAULT_ITEM_SIZE : v)), $bufferSize = toObservable(this.bufferSize).pipe(map(v => v < 0 ? DEFAULT_BUFFER_SIZE : v)), $maxBufferSize = toObservable(this.maxBufferSize).pipe(map(v => v < 0 ? DEFAULT_BUFFER_SIZE : v)), $itemConfigMap = toObservable(this.itemConfigMap).pipe(map(v => !v ? {} : v)), $snap = toObservable(this.snap), $isLazy = toObservable(this.collectionMode).pipe(map(v => this.getIsLazy(v || DEFAULT_COLLECTION_MODE))), $enabledBufferOptimization = toObservable(this.enabledBufferOptimization), $snappingMethod = toObservable(this.snappingMethod).pipe(map(v => this.getIsSnappingMethodAdvanced(v || DEFAULT_SNAPPING_METHOD))), $methodForSelecting = toObservable(this.methodForSelecting), $selectedIds = toObservable(this.selectedIds), $collapsedIds = toObservable(this.collapsedIds).pipe(map(v => Array.isArray(v) ? v : [])), $collapsedItemIds = toObservable(this._collapsedItemIds).pipe(map(v => Array.isArray(v) ? v : [])), $actualItems = toObservable(this._actualItems), $screenReaderMessage = toObservable(this.screenReaderMessage), $displayItems = this._service.$displayItems, $cacheVersion = toObservable(this._cacheVersion);
+        const $bounds = toObservable(this._bounds).pipe(filter$1(b => !!b)), $listBounds = toObservable(this._listBounds).pipe(filter$1(b => !!b)), $scrollSize = toObservable(this._scrollSize), $itemSize = toObservable(this.itemSize).pipe(map(v => v <= 0 ? DEFAULT_ITEM_SIZE : v)), $actualItemSize = toObservable(this.actualItemSize).pipe(map(v => v <= 0 ? DEFAULT_ITEM_SIZE : v)), $bufferSize = toObservable(this.bufferSize).pipe(map(v => v < 0 ? DEFAULT_BUFFER_SIZE : v)), $maxBufferSize = toObservable(this.maxBufferSize).pipe(map(v => v < 0 ? DEFAULT_BUFFER_SIZE : v)), $itemConfigMap = toObservable(this.itemConfigMap).pipe(map(v => !v ? {} : v)), $snap = toObservable(this.snap), $isLazy = toObservable(this.collectionMode).pipe(map(v => this.getIsLazy(v || DEFAULT_COLLECTION_MODE))), $enabledBufferOptimization = toObservable(this.enabledBufferOptimization), $snappingMethod = toObservable(this.snappingMethod).pipe(map(v => this.getIsSnappingMethodAdvanced(v || DEFAULT_SNAPPING_METHOD))), $methodForSelecting = toObservable(this.methodForSelecting), $selectedIds = toObservable(this.selectedIds), $collapsedIds = toObservable(this.collapsedIds).pipe(map(v => Array.isArray(v) ? v : [])), $collapsedItemIds = toObservable(this._collapsedItemIds).pipe(map(v => Array.isArray(v) ? v : [])), $actualItems = toObservable(this._actualItems), $screenReaderMessage = toObservable(this.screenReaderMessage), $displayItems = this._service.$displayItems, $cacheVersion = toObservable(this._cacheVersion);
+        $itemSize.pipe(takeUntilDestroyed(), distinctUntilChanged(), tap(size => {
+            this.actualItemSize.set(size);
+        })).subscribe();
         combineLatest([$displayItems, $screenReaderMessage, $isVertical, $scrollSize, $bounds]).pipe(takeUntilDestroyed(), distinctUntilChanged(), debounceTime(100), takeUntilDestroyed(), tap(([items, screenReaderMessage, isVertical, scrollSize, bounds]) => {
             this.screenReaderFormattedMessage.set(formatScreenReaderMessage(items, screenReaderMessage, scrollSize, isVertical, bounds));
         })).subscribe();
@@ -5193,7 +5201,7 @@ class NgVirtualListComponent {
             }
         };
         $viewInit.pipe(takeUntilDestroyed(), filter$1(v => !!v), switchMap$1(() => {
-            return combineLatest([$snapScrollToBottom, $bounds, $listBounds, $scrollEndOffset, $actualItems, $itemConfigMap, $scrollSize, $itemSize,
+            return combineLatest([$snapScrollToBottom, $bounds, $listBounds, $scrollEndOffset, $actualItems, $itemConfigMap, $scrollSize, $actualItemSize,
                 $bufferSize, $maxBufferSize, $snap, $isVertical, $dynamicSize, $enabledBufferOptimization, $cacheVersion, this.$fireUpdate,
             ]).pipe(takeUntilDestroyed(this._destroyRef), distinctUntilChanged(), tap(([snapScrollToBottom, bounds, listBounds, scrollEndOffset, items, itemConfigMap, scrollSize, itemSize, bufferSize, maxBufferSize, snap, isVertical, dynamicSize, enabledBufferOptimization, cacheVersion,]) => {
                 update({
@@ -5520,12 +5528,12 @@ class NgVirtualListComponent {
         }
     }
     refreshActualItemSize(value) {
-        if (!this.waitForPreparation()) {
+        if (!this.waitForPreparation() || !this.dynamicSize()) {
             return;
         }
         let size;
-        const bounds = this._bounds();
-        if (value === false) {
+        const bounds = this._bounds(), dynamicSize = this.dynamicSize();
+        if (dynamicSize && value === false) {
             size = (this._isVertical ?
                 bounds?.height || DEFAULT_LIST_SIZE :
                 bounds?.width || DEFAULT_LIST_SIZE);
@@ -5704,7 +5712,9 @@ class NgVirtualListComponent {
      * Force clearing the cache.
      */
     cacheClean() {
-        this._trackBox.cacheClean();
+        if (this.dynamicSize()) {
+            this._trackBox.cacheClean();
+        }
         this._collapsedItemIds.set([]);
         this._isScrollStart.set(true);
         this._isScrollFinished.set(false);