ng-virtual-list 16.9.0 → 16.9.2

package/fesm2022/ng-virtual-list.mjs

@@ -3540,7 +3540,6 @@ class NgScrollerComponent {
         this.updateScrollBar();
     }
     get y() { return this._y; }
-    _currentAnimation;
     _totalSize = 0;
     set totalSize(v) {
         this._totalSize = v;
@@ -3598,6 +3597,8 @@ class NgScrollerComponent {
     };
     _updateScrollBarId;
     _destroyRef = inject(DestroyRef);
+    _animationId = -1;
+    _animationId1 = -1;
     constructor(_service) {
         this._service = _service;
         this._service.$langTextDir.pipe(tap(v => {
@@ -3801,10 +3802,7 @@ class NgScrollerComponent {
         return { a0 };
     }
     stopScrolling() {
-        if (this._currentAnimation !== undefined) {
-            this._currentAnimation.cancel();
-            this._currentAnimation = undefined;
-        }
+        cancelAnimationFrame(this._animationId);
     }
     move(isVertical, position, blending = false, userAction = false) {
         this.scrollTo({ [isVertical ? TOP : LEFT]: position, behavior: INSTANT, blending, userAction });
@@ -3835,7 +3833,7 @@ class NgScrollerComponent {
                 this.x = start;
             }
         }
-        let finishedValue = endValue, isFinished = false, animationId;
+        let finishedValue = endValue, isFinished = false;
         const step = (currentTime) => {
             if (!!isCanceled) {
                 return;
@@ -3878,26 +3876,16 @@ class NgScrollerComponent {
                 this._$scrollEnd.next(userAction);
             }
             else {
-                animationId = requestAnimationFrame(step);
-            }
-        }, cancel = () => {
-            cancelAnimationFrame(animationId);
-            isCanceled = true;
-        }, to = (value) => {
-            finishedValue = value;
-        }, finished = () => { return isFinished; };
-        animationId = requestAnimationFrame(step);
-        this._currentAnimation = {
-            cancel,
-            to,
-            finished,
+                this._animationId = requestAnimationFrame(step);
+            }
         };
+        this._animationId = requestAnimationFrame(step);
     }
     updateScrollBar() {
         this._$updateScrollBar.next();
     }
     scrollTo(params) {
-        const posX = params.x || params.left || 0, posY = params.y || params.top || 0, userAction = params.userAction ?? false, x = posX, y = posY, behavior = params.behavior ?? INSTANT, blending = params.blending ?? true, scrollContent = this.scrollContent?.nativeElement, isVertical = this._$direction.getValue() === ScrollerDirection.VERTICAL;
+        const posX = params.x || params.left || 0, posY = params.y || params.top || 0, userAction = params.userAction ?? false, x = posX, y = posY, behavior = params.behavior ?? INSTANT, blending = params.blending ?? true, fireUpdate = params.fireUpdate ?? true, scrollContent = this.scrollContent?.nativeElement, isVertical = this._$direction.getValue() === ScrollerDirection.VERTICAL;
         if (this._isMoving) {
             if (isVertical) {
                 if (y < 0 || y > this.scrollHeight) {
@@ -3935,7 +3923,9 @@ class NgScrollerComponent {
                     if (this.cdkScrollable) {
                         this.cdkScrollable.getElementRef().nativeElement.dispatchEvent(SCROLL_EVENT);
                     }
-                    this._$scroll.next(userAction);
+                    if (fireUpdate) {
+                        this.fireScrollEvent(userAction);
+                    }
                 }
             }
             else {
@@ -3947,11 +3937,16 @@ class NgScrollerComponent {
                     if (this.cdkScrollable) {
                         this.cdkScrollable.getElementRef().nativeElement.dispatchEvent(SCROLL_EVENT);
                     }
-                    this._$scroll.next(userAction);
+                    if (fireUpdate) {
+                        this.fireScrollEvent(userAction);
+                    }
                 }
             }
         }
     }
+    fireScrollEvent(userAction) {
+        this._$scroll.next(userAction);
+    }
     reset() {
         if (this.scrollBar) {
             this.scrollBar.stopScrolling();
@@ -5363,7 +5358,8 @@ class NgVirtualListComponent {
                             [isVertical ? TOP_PROP_NAME : LEFT_PROP_NAME]: roundedMaxPositionAfterUpdate,
                             behavior: (animated ?
                                 BEHAVIOR_SMOOTH : BEHAVIOR_INSTANT),
-                            blending: false,
+                            blending: true,
+                            fireUpdate: false,
                         };
                         scroller?.scrollTo?.(params);
                     }
@@ -5371,7 +5367,8 @@ class NgVirtualListComponent {
                 else if (roundedActualScrollSize !== roundedScrollPositionAfterUpdate && scrollPositionAfterUpdate > 0) {
                     const params = {
                         [isVertical ? TOP_PROP_NAME : LEFT_PROP_NAME]: scrollPositionAfterUpdate,
-                        behavior: BEHAVIOR_INSTANT,
+                        behavior: BEHAVIOR_INSTANT, blending: true,
+                        fireUpdate: false,
                     };
                     scroller.scrollTo(params);
                 }
@@ -5380,25 +5377,10 @@ class NgVirtualListComponent {
         combineLatest([$snapScrollToBottom, $bounds, $listBounds, $scrollEndOffset, $actualItems, $itemConfigMap, $scrollSize, $itemSize,
             $bufferSize, $maxBufferSize, $snap, $isVertical, $dynamicSize, $enabledBufferOptimization, $cacheVersion, this.$userScroll,
         ]).pipe(takeUntilDestroyed(), distinctUntilChanged(), tap(([snapScrollToBottom, bounds, listBounds, scrollEndOffset, items, itemConfigMap, scrollSize, itemSize, bufferSize, maxBufferSize, snap, isVertical, dynamicSize, enabledBufferOptimization, cacheVersion,]) => {
-            const updateId = this._updateId;
-            if (updateId !== undefined) {
-                cancelAnimationFrame(updateId);
-                this._updateId = undefined;
-            }
-            if (!prepared || !isResetedReachStart) {
-                update({
-                    snapScrollToBottom, bounds: bounds, listBounds: listBounds, scrollEndOffset, items, itemConfigMap, scrollSize, itemSize,
-                    bufferSize, maxBufferSize, snap, isVertical, dynamicSize, enabledBufferOptimization, cacheVersion,
-                });
-            }
-            else {
-                this._updateId = requestAnimationFrame((time) => {
-                    update({
-                        snapScrollToBottom, bounds: bounds, listBounds: listBounds, scrollEndOffset, items, itemConfigMap, scrollSize, itemSize,
-                        bufferSize, maxBufferSize, snap, isVertical, dynamicSize, enabledBufferOptimization, cacheVersion,
-                    });
-                });
-            }
+            update({
+                snapScrollToBottom, bounds: bounds, listBounds: listBounds, scrollEndOffset, items, itemConfigMap, scrollSize, itemSize,
+                bufferSize, maxBufferSize, snap, isVertical, dynamicSize, enabledBufferOptimization, cacheVersion,
+            });
         })).subscribe();
         const $scroller = this.$scroller.pipe(takeUntilDestroyed(), filter$1(v => !!v), map(v => v.nativeElement), take(1)), $list = this.$list.pipe(takeUntilDestroyed(), filter$1(v => !!v), map(v => v.nativeElement), take(1)), $scrollerScroll = this.$viewInitialized.pipe(takeUntilDestroyed(), filter$1(v => !!v), switchMap$1(() => of(this._scrollerComponent).pipe(filter$1(v => !!v), switchMap$1(scroller => scroller.$scroll)))), $scrollerScrollEnd = this.$viewInitialized.pipe(takeUntilDestroyed(), filter$1(v => !!v), switchMap$1(() => of(this._scrollerComponent).pipe(filter$1(v => !!v), switchMap$1(scroller => scroller.$scrollEnd))));
         $scroller.pipe(takeUntilDestroyed(), distinctUntilChanged(), switchMap$1(scroller => {
@@ -5525,7 +5507,7 @@ class NgVirtualListComponent {
         })).subscribe();
         const $scrollTo = this.$scrollTo;
         combineLatest([$scroller, $trackBy, $scrollTo]).pipe(takeUntilDestroyed(), filter$1(([scroller]) => scroller !== undefined), map(([scroller, trackBy, event]) => ({ scroller: scroller, trackBy, event })), switchMap$1(({ scroller, trackBy, event }) => {
-            const scrollerComponent = this._scrollerComponent, { id, behavior = BEHAVIOR_INSTANT, iteration = 0, isLastIteration = false, scrollCalled = false, cb, } = event;
+            const scrollerComponent = this._scrollerComponent, { id, iteration = 0, isLastIteration = false, scrollCalled = false, cb, } = event;
             if (scrollerComponent) {
                 const items = this._$actualItems.getValue();
                 if (items && items.length) {
@@ -5538,7 +5520,7 @@ class NgVirtualListComponent {
                             snap: this._$snap.getValue(), fromItemId: id, enabledBufferOptimization: this._$enabledBufferOptimization.getValue(),
                         }, scrollSize = this._trackBox.getItemPosition(id, itemConfigMap, opts), params = {
                             [isVertical ? TOP_PROP_NAME : LEFT_PROP_NAME]: scrollSize, behavior: BEHAVIOR_INSTANT,
-                            blending: true,
+                            blending: true, fireUpdate: false,
                         };
                         if (scrollSize === -1) {
                             return of([true, { id, scroller: scrollerComponent, scrollCalled, cb }]);
@@ -5564,7 +5546,7 @@ class NgVirtualListComponent {
                         if ((!notChanged && iteration < MAX_SCROLL_TO_ITERATIONS) || iteration < MAX_SCROLL_TO_ITERATIONS) {
                             this._$scrollTo.next(params);
                             return of([false, {
-                                    id, behavior: BEHAVIOR_INSTANT, scroller: scrollerComponent, iteration: iteration + 1, blending: true,
+                                    id, scroller: scrollerComponent, iteration: iteration + 1,
                                     isLastIteration: notChanged, scrollCalled: true, cb
                                 }]).pipe(delay(1));
                         }