ng-prime-tools 1.1.12 → 1.1.14

package/fesm2022/ng-prime-tools.mjs

@@ -9794,6 +9794,7 @@ var PTNewsTickerTrend;
 
 class PTNewsTickerComponent {
     static { this.SCROLL_ANIMATION_NAME = 'pt-news-ticker-scroll'; }
+    static { this.MINIMUM_CYCLE_TIMEOUT_MS = 50; }
     constructor(changeDetectorRef, zone) {
         this.changeDetectorRef = changeDetectorRef;
         this.zone = zone;
@@ -9843,6 +9844,7 @@ class PTNewsTickerComponent {
         this.hovered = false;
         this.pendingNews = null;
         this.animationFrameId = null;
+        this.pendingNewsCycleTimeoutId = null;
         this.viewInitialized = false;
         this.applyingPendingNews = false;
         this.newBadgeTimeouts = new Map();
@@ -9851,11 +9853,15 @@ class PTNewsTickerComponent {
     ngOnChanges(changes) {
         if (changes['news']) {
             const normalizedNews = this.normalizeNews(changes['news'].currentValue ?? []);
-            this.queueOrApplyNews(normalizedNews);
+            this.queueInputNewsWithoutRestart(normalizedNews);
         }
         if (changes['speed'] || changes['minSpeed'] || changes['maxSpeed']) {
             this.speed = this.normalizeSpeed(this.speed);
+            this.clearPendingNewsCycleTimeout();
             this.scheduleAnimationRefresh(true);
+            if (this.pendingNews) {
+                this.schedulePendingNewsAtCurrentCycleEnd();
+            }
         }
         if (changes['defaultSpeed']) {
             this.defaultSpeed = this.normalizeSpeed(this.defaultSpeed);
@@ -9869,12 +9875,19 @@ class PTNewsTickerComponent {
             if (!this.playing) {
                 this.applyPendingNewsImmediately();
             }
+            else if (this.pendingNews) {
+                this.schedulePendingNewsAtCurrentCycleEnd();
+            }
         }
         if (changes['gap'] ||
             changes['height'] ||
             changes['direction'] ||
             changes['loop']) {
+            this.clearPendingNewsCycleTimeout();
             this.scheduleAnimationRefresh(true);
+            if (this.pendingNews) {
+                this.schedulePendingNewsAtCurrentCycleEnd();
+            }
         }
     }
     ngAfterViewInit() {
@@ -9883,6 +9896,9 @@ class PTNewsTickerComponent {
         this.initializeResizeObserver();
         this.scheduleAnimationRefresh(true);
         this.changeDetectorRef.detectChanges();
+        if (this.pendingNews) {
+            this.schedulePendingNewsAtCurrentCycleEnd();
+        }
     }
     ngOnDestroy() {
         this.resizeObserver?.disconnect();
@@ -9891,6 +9907,7 @@ class PTNewsTickerComponent {
             cancelAnimationFrame(this.animationFrameId);
             this.animationFrameId = null;
         }
+        this.clearPendingNewsCycleTimeout();
         this.clearNewBadgeTimeouts();
         this.pendingNews = null;
     }
@@ -9927,6 +9944,7 @@ class PTNewsTickerComponent {
         });
     }
     clearNews() {
+        this.clearPendingNewsCycleTimeout();
         this.pendingNews = null;
         this.internalNews = [];
         this.clearNewBadgeTimeouts();
@@ -9949,6 +9967,9 @@ class PTNewsTickerComponent {
         }
         this.playing = true;
         this.emitPlayStateChange();
+        if (this.pendingNews) {
+            this.schedulePendingNewsAtCurrentCycleEnd();
+        }
     }
     pause() {
         if (!this.playing) {
@@ -9963,6 +9984,10 @@ class PTNewsTickerComponent {
         this.emitPlayStateChange();
         if (!this.playing) {
             this.applyPendingNewsImmediately();
+            return;
+        }
+        if (this.pendingNews) {
+            this.schedulePendingNewsAtCurrentCycleEnd();
         }
     }
     increaseSpeed() {
@@ -9986,16 +10011,24 @@ class PTNewsTickerComponent {
             speed: nextSpeed,
         });
         this.emitPlayStateChange();
+        this.clearPendingNewsCycleTimeout();
         this.scheduleAnimationRefresh(true);
+        if (this.pendingNews) {
+            this.schedulePendingNewsAtCurrentCycleEnd();
+        }
     }
     onMouseEnter() {
         if (!this.pauseOnHover) {
             return;
         }
         this.hovered = true;
+        this.clearPendingNewsCycleTimeout();
     }
     onMouseLeave() {
         this.hovered = false;
+        if (this.pendingNews && this.playing) {
+            this.schedulePendingNewsAtCurrentCycleEnd();
+        }
     }
     onTrackAnimationIteration(event) {
         if (!this.isTickerScrollEvent(event)) {
@@ -10179,16 +10212,38 @@ class PTNewsTickerComponent {
             ? 0
             : -1;
     }
+    queueInputNewsWithoutRestart(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.pendingNews = null;
+            this.internalNews = clonedNews;
+            if (this.viewInitialized) {
+                this.changeDetectorRef.detectChanges();
+                this.scheduleAnimationRefresh(true);
+            }
+            return;
+        }
+        this.pendingNews = clonedNews;
+        this.schedulePendingNewsAtCurrentCycleEnd();
+    }
     queueOrApplyNews(news) {
         const clonedNews = this.cloneNews(news);
         this.scheduleNewBadges(clonedNews);
         if (this.shouldApplyNewsImmediately()) {
+            this.clearPendingNewsCycleTimeout();
             this.pendingNews = null;
             this.internalNews = clonedNews;
             this.scheduleAnimationRefresh(true);
             return;
         }
         this.pendingNews = clonedNews;
+        this.schedulePendingNewsAtCurrentCycleEnd();
     }
     shouldApplyNewsImmediately() {
         return (!this.viewInitialized ||
@@ -10197,10 +10252,63 @@ class PTNewsTickerComponent {
             this.internalNews.length === 0 ||
             this.prefersReducedMotion());
     }
+    schedulePendingNewsAtCurrentCycleEnd() {
+        if (!this.pendingNews ||
+            this.pendingNewsCycleTimeoutId !== null ||
+            !this.viewInitialized ||
+            !this.playing ||
+            this.hovered) {
+            return;
+        }
+        const remainingDuration = this.resolveCurrentCycleRemainingDuration();
+        this.zone.runOutsideAngular(() => {
+            this.pendingNewsCycleTimeoutId = setTimeout(() => {
+                this.zone.run(() => {
+                    this.pendingNewsCycleTimeoutId = null;
+                    if (!this.playing || this.hovered) {
+                        return;
+                    }
+                    this.applyPendingNewsAtCycleBoundary();
+                });
+            }, remainingDuration);
+        });
+    }
+    resolveCurrentCycleRemainingDuration() {
+        const trackElement = this.tickerTrack?.nativeElement;
+        const fallbackDuration = Math.max(PTNewsTickerComponent.MINIMUM_CYCLE_TIMEOUT_MS, this.animationDurationSeconds * 1000);
+        if (!trackElement || typeof trackElement.getAnimations !== 'function') {
+            return fallbackDuration;
+        }
+        const animation = trackElement
+            .getAnimations()
+            .find((candidate) => candidate.playState !== 'idle');
+        if (!animation) {
+            return fallbackDuration;
+        }
+        const computedTiming = animation.effect?.getComputedTiming();
+        const animationDuration = typeof computedTiming?.duration === 'number'
+            ? computedTiming.duration
+            : fallbackDuration;
+        const currentTime = typeof animation.currentTime === 'number' ? animation.currentTime : 0;
+        if (!Number.isFinite(animationDuration) || animationDuration <= 0) {
+            return fallbackDuration;
+        }
+        const elapsedInCurrentCycle = currentTime % animationDuration;
+        const remainingDuration = animationDuration - elapsedInCurrentCycle;
+        return Math.max(PTNewsTickerComponent.MINIMUM_CYCLE_TIMEOUT_MS, Math.ceil(remainingDuration));
+    }
+    clearPendingNewsCycleTimeout() {
+        if (this.pendingNewsCycleTimeoutId === null) {
+            return;
+        }
+        clearTimeout(this.pendingNewsCycleTimeoutId);
+        this.pendingNewsCycleTimeoutId = null;
+    }
     applyPendingNewsAtCycleBoundary() {
         if (!this.pendingNews || this.applyingPendingNews) {
             return;
         }
+        this.clearPendingNewsCycleTimeout();
         this.applyingPendingNews = true;
         const nextNews = this.cloneNews(this.pendingNews);
         this.pendingNews = null;
@@ -10212,6 +10320,9 @@ class PTNewsTickerComponent {
                     this.zone.run(() => {
                         this.calculateAnimationDuration();
                         this.applyingPendingNews = false;
+                        if (this.pendingNews) {
+                            this.schedulePendingNewsAtCurrentCycleEnd();
+                        }
                     });
                 });
             });
@@ -10221,6 +10332,7 @@ class PTNewsTickerComponent {
         if (!this.pendingNews) {
             return;
         }
+        this.clearPendingNewsCycleTimeout();
         const nextNews = this.cloneNews(this.pendingNews);
         this.pendingNews = null;
         this.internalNews = nextNews;
@@ -10343,7 +10455,11 @@ class PTNewsTickerComponent {
         this.zone.runOutsideAngular(() => {
             this.resizeObserver = new ResizeObserver(() => {
                 this.zone.run(() => {
+                    this.clearPendingNewsCycleTimeout();
                     this.scheduleAnimationRefresh(true);
+                    if (this.pendingNews) {
+                        this.schedulePendingNewsAtCurrentCycleEnd();
+                    }
                 });
             });
             this.resizeObserver.observe(viewportElement);