ng-virtual-list 21.10.9 → 21.10.10

package/fesm2022/ng-virtual-list.mjs

@@ -1714,6 +1714,7 @@ const bufferInterpolation = (currentBufferValue, array, value, extra) => {
 var TrackBoxEvents;
 (function (TrackBoxEvents) {
     TrackBoxEvents["CHANGE"] = "change";
+    TrackBoxEvents["TICK"] = "tick";
 })(TrackBoxEvents || (TrackBoxEvents = {}));
 var ItemDisplayMethods;
 (function (ItemDisplayMethods) {
@@ -1725,7 +1726,7 @@ var ItemDisplayMethods;
 const DEFAULT_BUFFER_EXTREMUM_THRESHOLD = 15, DEFAULT_MAX_BUFFER_SEQUENCE_LENGTH = 30, DEFAULT_RESET_BUFFER_SIZE_TIMEOUT = 10000, IS_NEW = 'n';
 /**
  * An object that performs tracking, calculations and caching.
- * @link https://github.com/DjonnyX/ng-virtual-list/blob/21.x/projects/ng-virtual-list/src/lib/core/track-box.ts
+ * @link https://github.com/DjonnyX/ng-virtual-list/blob/20.x/projects/ng-virtual-list/src/lib/core/track-box.ts
  * @author Evgenii Alexandrovich Grebennikov
  * @email djonnyx@gmail.com
  */
@@ -1837,6 +1838,9 @@ class TrackBox extends CacheMap {
             this.dispatch(TrackBoxEvents.CHANGE, this._version);
         }
     }
+    fireTick() {
+        this.dispatch(TrackBoxEvents.TICK);
+    }
     _previousTotalSize = 0;
     _deltaOfNewItems = 0;
     get deltaOfNewItems() { return this._deltaOfNewItems; }
@@ -1854,6 +1858,7 @@ class TrackBox extends CacheMap {
     _prerenderedCache = null;
     lifeCircle() {
         this.fireChangeIfNeed();
+        this.fireTick();
         this.lifeCircleDo();
     }
     /**
@@ -5511,8 +5516,6 @@ class NgVirtualListComponent {
     _scrollSize = signal(0, ...(ngDevMode ? [{ debugName: "_scrollSize" }] : []));
     _isScrollStart = signal(true, ...(ngDevMode ? [{ debugName: "_isScrollStart" }] : []));
     _isScrollEnd = signal(false, ...(ngDevMode ? [{ debugName: "_isScrollEnd" }] : []));
-    _resizeObserver = null;
-    _listResizeObserver = null;
     _resizeSnappedComponentHandler = () => {
         const list = this._list(), scroller = this._scroller(), bounds = this._bounds(), snappedComponents = this._snappedDisplayComponents;
         if (list && scroller && snappedComponents.length > 0) {
@@ -5558,8 +5561,11 @@ class NgVirtualListComponent {
         this._trackBox.changes();
     });
     _onResizeHandler = () => {
-        const bounds = this._scroller()?.nativeElement?.getBoundingClientRect();
-        if (bounds) {
+        const bounds = this._scroller()?.nativeElement?.getBoundingClientRect(), last = this._bounds();
+        if (bounds?.width === last?.width && bounds?.height === last?.height) {
+            return;
+        }
+        if (!!bounds) {
             this._bounds.set({ x: bounds.x, y: bounds.y, width: bounds.width, height: bounds.height });
         }
         else {
@@ -5575,8 +5581,11 @@ class NgVirtualListComponent {
         }
     };
     _onListResizeHandler = () => {
-        const bounds = this._list()?.nativeElement?.getBoundingClientRect();
-        if (bounds) {
+        const bounds = this._list()?.nativeElement?.getBoundingClientRect(), last = this._listBounds();
+        if (bounds?.width === last?.width && bounds?.height === last?.height) {
+            return;
+        }
+        if (!!bounds) {
             this._listBounds.set({ x: bounds.x, y: bounds.y, width: bounds.width, height: bounds.height });
         }
         else {
@@ -5654,6 +5663,10 @@ class NgVirtualListComponent {
     _onTrackBoxChangeHandler = (v) => {
         this._cacheVersion.set(v);
     };
+    _onTickHandler = () => {
+        this._onListResizeHandler();
+        this._onResizeHandler();
+    };
     _cacheVersion = signal(-1, ...(ngDevMode ? [{ debugName: "_cacheVersion" }] : []));
     _$update = new Subject();
     $update = this._$update.asObservable();
@@ -5664,6 +5677,8 @@ class NgVirtualListComponent {
     _$scrollingTo = new BehaviorSubject$1(false);
     _$scroll = new Subject();
     $scroll = this._$scroll.asObservable();
+    _$tick = new Subject();
+    $tick = this._$tick.asObservable();
     _$fireUpdate = new Subject();
     $fireUpdate = this._$fireUpdate.asObservable();
     _$fireUpdateNextFrame = new Subject();
@@ -5701,6 +5716,7 @@ class NgVirtualListComponent {
         this._id = NgVirtualListComponent.__nextId;
         this._service.initialize(this._id, this._trackBox);
         this._service.animationParams = this.animationParams();
+        this._trackBox.addEventListener(TrackBoxEvents.TICK, this._onTickHandler);
         this._trackBox.displayComponents = this._displayComponents;
         let hasUserAction = false, hasScrollbarUserAction = false;
         this._scroller = computed(() => {
@@ -6345,22 +6361,6 @@ class NgVirtualListComponent {
             }
             scrollHandler(userAction);
         })).subscribe();
-        $scroller.pipe(takeUntilDestroyed(), distinctUntilChanged(), tap(scroller => {
-            if (!!this._resizeObserver) {
-                this._resizeObserver.disconnect();
-            }
-            this._resizeObserver = new ResizeObserver(this._onResizeHandler);
-            this._resizeObserver.observe(scroller);
-            this._onResizeHandler();
-        })).subscribe();
-        $list.pipe(takeUntilDestroyed(), distinctUntilChanged(), tap(list => {
-            if (!!this._listResizeObserver) {
-                this._listResizeObserver.disconnect();
-            }
-            this._listResizeObserver = new ResizeObserver(this._onListResizeHandler);
-            this._listResizeObserver.observe(list);
-            this._onResizeHandler();
-        })).subscribe();
         const $scrollTo = this.$scrollTo, $scrollToExecutor = this.$scrollToExecutor;
         combineLatest([$scroller, $trackBy, $scrollTo]).pipe(filter$1(([scroller]) => scroller !== undefined), map(([scroller, trackBy, event]) => ({ scroller: scroller, trackBy, event })), tap(({ event }) => {
             this._$scrollingTo.next(true);
@@ -6821,12 +6821,6 @@ class NgVirtualListComponent {
         if (!!this._resizeSnappedObserver) {
             this._resizeSnappedObserver.disconnect();
         }
-        if (!!this._resizeObserver) {
-            this._resizeObserver.disconnect();
-        }
-        if (!!this._listResizeObserver) {
-            this._listResizeObserver.disconnect();
-        }
         if (!!this._snappedDisplayComponents) {
             while (this._snappedDisplayComponents.length > 0) {
                 const comp = this._displayComponents.shift();