ng-prime-tools 1.1.14 → 1.1.15

package/fesm2022/ng-prime-tools.mjs

@@ -9853,7 +9853,7 @@ class PTNewsTickerComponent {
     ngOnChanges(changes) {
         if (changes['news']) {
             const normalizedNews = this.normalizeNews(changes['news'].currentValue ?? []);
-            this.queueInputNewsWithoutRestart(normalizedNews);
+            this.applyInputNewsPreservingAnimation(normalizedNews);
         }
         if (changes['speed'] || changes['minSpeed'] || changes['maxSpeed']) {
             this.speed = this.normalizeSpeed(this.speed);
@@ -10212,25 +10212,125 @@ class PTNewsTickerComponent {
             ? 0
             : -1;
     }
-    queueInputNewsWithoutRestart(news) {
+    applyInputNewsPreservingAnimation(news) {
         const clonedNews = this.cloneNews(news);
         this.scheduleNewBadges(clonedNews);
-        if (!this.viewInitialized ||
-            !this.loop ||
-            !this.playing ||
-            this.internalNews.length === 0 ||
-            this.prefersReducedMotion()) {
-            this.clearPendingNewsCycleTimeout();
+        this.clearPendingNewsCycleTimeout();
+        if (!this.viewInitialized) {
             this.pendingNews = null;
             this.internalNews = clonedNews;
-            if (this.viewInitialized) {
-                this.changeDetectorRef.detectChanges();
-                this.scheduleAnimationRefresh(true);
+            return;
+        }
+        if (this.areNewsListsEquivalent(this.internalNews, clonedNews)) {
+            return;
+        }
+        const animationState = this.captureTrackAnimationState();
+        this.pendingNews = null;
+        this.internalNews = clonedNews;
+        this.changeDetectorRef.detectChanges();
+        this.zone.runOutsideAngular(() => {
+            requestAnimationFrame(() => {
+                requestAnimationFrame(() => {
+                    this.zone.run(() => {
+                        this.calculateAnimationDuration();
+                        this.restoreTrackAnimationState(animationState);
+                    });
+                });
+            });
+        });
+    }
+    captureTrackAnimationState() {
+        const animation = this.findTrackAnimation();
+        if (!animation) {
+            return {
+                progress: null,
+                playbackRate: 1,
+                wasPaused: !this.playing || (this.pauseOnHover && this.hovered),
+            };
+        }
+        const timing = animation.effect?.getComputedTiming();
+        const duration = typeof timing?.duration === 'number' ? timing.duration : null;
+        const currentTime = typeof animation.currentTime === 'number' ? animation.currentTime : null;
+        const progress = duration !== null && duration > 0 && currentTime !== null
+            ? (currentTime % duration) / duration
+            : null;
+        return {
+            progress,
+            playbackRate: Number.isFinite(animation.playbackRate)
+                ? animation.playbackRate
+                : 1,
+            wasPaused: animation.playState === 'paused' ||
+                !this.playing ||
+                (this.pauseOnHover && this.hovered),
+        };
+    }
+    restoreTrackAnimationState(state) {
+        const animation = this.findTrackAnimation();
+        if (!animation) {
+            return;
+        }
+        if (Number.isFinite(state.playbackRate)) {
+            animation.playbackRate = state.playbackRate;
+        }
+        if (state.progress !== null) {
+            const timing = animation.effect?.getComputedTiming();
+            const duration = typeof timing?.duration === 'number' ? timing.duration : null;
+            if (duration !== null && duration > 0) {
+                animation.currentTime = state.progress * duration;
             }
+        }
+        if (state.wasPaused) {
+            animation.pause();
             return;
         }
-        this.pendingNews = clonedNews;
-        this.schedulePendingNewsAtCurrentCycleEnd();
+        animation.play();
+    }
+    findTrackAnimation() {
+        const trackElement = this.tickerTrack?.nativeElement;
+        if (!trackElement || typeof trackElement.getAnimations !== 'function') {
+            return null;
+        }
+        const animations = trackElement.getAnimations();
+        const tickerAnimation = animations.find((animation) => {
+            const animationName = animation.animationName;
+            return animationName === PTNewsTickerComponent.SCROLL_ANIMATION_NAME;
+        });
+        return (tickerAnimation ??
+            animations.find((animation) => animation.playState !== 'idle') ??
+            null);
+    }
+    areNewsListsEquivalent(currentNews, nextNews) {
+        if (currentNews.length !== nextNews.length) {
+            return false;
+        }
+        return currentNews.every((currentItem, index) => {
+            const nextItem = nextNews[index];
+            if (!nextItem) {
+                return false;
+            }
+            return (String(currentItem.id) === String(nextItem.id) &&
+                currentItem.text === nextItem.text &&
+                currentItem.type === nextItem.type &&
+                currentItem.link === nextItem.link &&
+                this.areSegmentsEquivalent(currentItem.segments, nextItem.segments));
+        });
+    }
+    areSegmentsEquivalent(currentSegments, nextSegments) {
+        const safeCurrentSegments = currentSegments ?? [];
+        const safeNextSegments = nextSegments ?? [];
+        if (safeCurrentSegments.length !== safeNextSegments.length) {
+            return false;
+        }
+        return safeCurrentSegments.every((currentSegment, index) => {
+            const nextSegment = safeNextSegments[index];
+            if (!nextSegment) {
+                return false;
+            }
+            return (currentSegment.label === nextSegment.label &&
+                currentSegment.value === nextSegment.value &&
+                currentSegment.trend === nextSegment.trend &&
+                currentSegment.icon === nextSegment.icon);
+        });
     }
     queueOrApplyNews(news) {
         const clonedNews = this.cloneNews(news);