ng-prime-tools 1.1.10 → 1.1.11

package/fesm2022/ng-prime-tools.mjs

@@ -9793,6 +9793,7 @@ var PTNewsTickerTrend;
 })(PTNewsTickerTrend || (PTNewsTickerTrend = {}));
 
 class PTNewsTickerComponent {
+    static { this.SCROLL_ANIMATION_NAME = 'pt-news-ticker-scroll'; }
     constructor(changeDetectorRef, zone) {
         this.changeDetectorRef = changeDetectorRef;
         this.zone = zone;
@@ -9842,6 +9843,7 @@ class PTNewsTickerComponent {
         this.pendingNews = null;
         this.animationFrameId = null;
         this.viewInitialized = false;
+        this.applyingPendingNews = false;
         this.newBadgeTimeouts = new Map();
         this.expiredNewBadgeIds = new Set();
     }
@@ -9852,7 +9854,7 @@ class PTNewsTickerComponent {
         }
         if (changes['speed'] || changes['minSpeed'] || changes['maxSpeed']) {
             this.speed = this.normalizeSpeed(this.speed);
-            this.scheduleAnimationRefresh();
+            this.scheduleAnimationRefresh(true);
         }
         if (changes['defaultSpeed']) {
             this.defaultSpeed = this.normalizeSpeed(this.defaultSpeed);
@@ -9863,19 +9865,22 @@ class PTNewsTickerComponent {
         if (changes['autoplay']) {
             this.playing = this.autoplay;
             this.emitPlayStateChange();
+            if (!this.playing) {
+                this.applyPendingNewsImmediately();
+            }
         }
         if (changes['gap'] ||
             changes['height'] ||
             changes['direction'] ||
             changes['loop']) {
-            this.scheduleAnimationRefresh();
+            this.scheduleAnimationRefresh(true);
         }
     }
     ngAfterViewInit() {
         this.viewInitialized = true;
         this.playing = this.autoplay;
         this.initializeResizeObserver();
-        this.scheduleAnimationRefresh();
+        this.scheduleAnimationRefresh(true);
         this.changeDetectorRef.detectChanges();
     }
     ngOnDestroy() {
@@ -9900,7 +9905,7 @@ class PTNewsTickerComponent {
             : [...sourceNews, normalizedItem];
         this.queueOrApplyNews(updatedNews);
         this.emitNewsChange({
-            news: [...updatedNews],
+            news: this.cloneNews(updatedNews),
             addedItem: normalizedItem,
         });
     }
@@ -9916,7 +9921,7 @@ class PTNewsTickerComponent {
         this.queueOrApplyNews(updatedNews);
         this.newsRemove.emit(removedItem);
         this.emitNewsChange({
-            news: [...updatedNews],
+            news: this.cloneNews(updatedNews),
             removedItem,
         });
     }
@@ -9928,13 +9933,13 @@ class PTNewsTickerComponent {
         this.emitNewsChange({
             news: [],
         });
-        this.scheduleAnimationRefresh();
+        this.scheduleAnimationRefresh(true);
     }
     replaceNews(news) {
         const normalizedNews = this.normalizeNews(news);
         this.queueOrApplyNews(normalizedNews);
         this.emitNewsChange({
-            news: [...normalizedNews],
+            news: this.cloneNews(normalizedNews),
         });
     }
     play() {
@@ -9980,7 +9985,7 @@ class PTNewsTickerComponent {
             speed: nextSpeed,
         });
         this.emitPlayStateChange();
-        this.scheduleAnimationRefresh();
+        this.scheduleAnimationRefresh(true);
     }
     onMouseEnter() {
         if (!this.pauseOnHover) {
@@ -9991,11 +9996,17 @@ class PTNewsTickerComponent {
     onMouseLeave() {
         this.hovered = false;
     }
-    onTrackAnimationIteration() {
-        this.applyPendingNews();
+    onTrackAnimationIteration(event) {
+        if (!this.isTickerScrollEvent(event)) {
+            return;
+        }
+        this.applyPendingNewsAtCycleBoundary();
     }
-    onTrackAnimationEnd() {
-        this.applyPendingNews();
+    onTrackAnimationEnd(event) {
+        if (!this.isTickerScrollEvent(event)) {
+            return;
+        }
+        this.applyPendingNewsAtCycleBoundary();
     }
     onItemClick(event, item) {
         if (item.disabled) {
@@ -10100,9 +10111,9 @@ class PTNewsTickerComponent {
     }
     getItemStyle(item) {
         const typeStyles = this.getTypeStyles(item.type);
-        const backgroundColor = item.backgroundColor ?? typeStyles.backgroundColor;
-        const textColor = item.textColor ?? typeStyles.textColor;
-        const iconColor = item.iconColor ?? textColor ?? this.containerTextColor;
+        const backgroundColor = this.resolveItemBackgroundColor(item, typeStyles.backgroundColor);
+        const textColor = item.textColor ?? typeStyles.textColor ?? this.containerTextColor;
+        const iconColor = item.iconColor ?? textColor;
         const borderColor = item.borderColor ?? typeStyles.borderColor ?? 'transparent';
         const flashBackgroundColor = item.flashBackgroundColor ??
             item.backgroundColor ??
@@ -10111,8 +10122,8 @@ class PTNewsTickerComponent {
         const flashAlternateBackgroundColor = item.flashAlternateBackgroundColor ?? '#7f1d1d';
         const flashTextColor = item.flashTextColor ?? item.textColor ?? '#ffffff';
         return {
-            '--pt-news-item-background': backgroundColor ?? 'transparent',
-            '--pt-news-item-text-color': textColor ?? this.containerTextColor,
+            '--pt-news-item-background': backgroundColor,
+            '--pt-news-item-text-color': textColor,
             '--pt-news-item-icon-color': iconColor,
             '--pt-news-item-border-color': borderColor,
             '--pt-news-item-gap': this.itemGap,
@@ -10129,6 +10140,11 @@ class PTNewsTickerComponent {
             'pt-news-ticker__item--clickable': !item.disabled &&
                 (this.hasItemLink(item) || this.newsClick.observers.length > 0),
             'pt-news-ticker__item--link': this.hasItemLink(item),
+            'pt-news-ticker__item--info': item.type === PTNewsTickerType.INFO,
+            'pt-news-ticker__item--default': !item.type || item.type === PTNewsTickerType.DEFAULT,
+            'pt-news-ticker__item--success': item.type === PTNewsTickerType.SUCCESS,
+            'pt-news-ticker__item--warning': item.type === PTNewsTickerType.WARNING,
+            'pt-news-ticker__item--danger': item.type === PTNewsTickerType.DANGER,
         };
         if (item.styleClass?.trim()) {
             classes[item.styleClass.trim()] = true;
@@ -10136,20 +10152,16 @@ class PTNewsTickerComponent {
         return classes;
     }
     getDuplicateItemClasses(item) {
-        const classes = {
-            'pt-news-ticker__item--flash': this.isItemFlash(item),
-            'pt-news-ticker__item--disabled': item.disabled === true,
-        };
-        if (item.styleClass?.trim()) {
-            classes[item.styleClass.trim()] = true;
-        }
+        const classes = this.getItemClasses(item);
+        classes['pt-news-ticker__item--clickable'] = false;
+        classes['pt-news-ticker__item--link'] = false;
         return classes;
     }
     getTrackById(index, item) {
-        return `${item.id}-${index}`;
+        return `${String(item.id)}-${index}`;
     }
     getDuplicateTrackById(index, item) {
-        return `duplicate-${item.id}-${index}`;
+        return `duplicate-${String(item.id)}-${index}`;
     }
     getItemRole(item) {
         return this.hasItemLink(item) ? 'link' : null;
@@ -10163,14 +10175,15 @@ class PTNewsTickerComponent {
             : -1;
     }
     queueOrApplyNews(news) {
-        this.scheduleNewBadges(news);
+        const clonedNews = this.cloneNews(news);
+        this.scheduleNewBadges(clonedNews);
         if (this.shouldApplyNewsImmediately()) {
             this.pendingNews = null;
-            this.internalNews = [...news];
-            this.scheduleAnimationRefresh();
+            this.internalNews = clonedNews;
+            this.scheduleAnimationRefresh(true);
             return;
         }
-        this.pendingNews = [...news];
+        this.pendingNews = clonedNews;
     }
     shouldApplyNewsImmediately() {
         return (!this.viewInitialized ||
@@ -10179,21 +10192,47 @@ class PTNewsTickerComponent {
             this.internalNews.length === 0 ||
             this.prefersReducedMotion());
     }
-    applyPendingNews() {
-        if (!this.pendingNews) {
+    applyPendingNewsAtCycleBoundary() {
+        if (!this.pendingNews || this.applyingPendingNews) {
             return;
         }
-        const nextNews = [...this.pendingNews];
+        this.applyingPendingNews = true;
+        const nextNews = this.cloneNews(this.pendingNews);
         this.pendingNews = null;
         this.internalNews = nextNews;
         this.changeDetectorRef.detectChanges();
-        this.scheduleAnimationRefresh();
+        this.zone.runOutsideAngular(() => {
+            requestAnimationFrame(() => {
+                requestAnimationFrame(() => {
+                    this.zone.run(() => {
+                        this.calculateAnimationDuration();
+                        this.applyingPendingNews = false;
+                    });
+                });
+            });
+        });
     }
     applyPendingNewsImmediately() {
         if (!this.pendingNews) {
             return;
         }
-        this.applyPendingNews();
+        const nextNews = this.cloneNews(this.pendingNews);
+        this.pendingNews = null;
+        this.internalNews = nextNews;
+        this.changeDetectorRef.detectChanges();
+        this.scheduleAnimationRefresh(true);
+    }
+    isTickerScrollEvent(event) {
+        return (event.animationName === PTNewsTickerComponent.SCROLL_ANIMATION_NAME &&
+            event.target === event.currentTarget);
+    }
+    resolveItemBackgroundColor(item, typeBackgroundColor) {
+        if (item.type === PTNewsTickerType.INFO ||
+            !item.type ||
+            item.type === PTNewsTickerType.DEFAULT) {
+            return 'transparent';
+        }
+        return item.backgroundColor ?? typeBackgroundColor ?? 'transparent';
     }
     scheduleNewBadges(news) {
         news.forEach((item) => {
@@ -10290,25 +10329,25 @@ class PTNewsTickerComponent {
     }
     initializeResizeObserver() {
         if (typeof ResizeObserver === 'undefined' ||
-            !this.tickerGroup?.nativeElement) {
+            !this.tickerViewport?.nativeElement) {
             return;
         }
         this.zone.runOutsideAngular(() => {
             this.resizeObserver = new ResizeObserver(() => {
                 this.zone.run(() => {
-                    this.calculateAnimationDuration();
+                    this.scheduleAnimationRefresh(true);
                 });
             });
-            this.resizeObserver.observe(this.tickerGroup.nativeElement);
-            if (this.tickerViewport?.nativeElement) {
-                this.resizeObserver.observe(this.tickerViewport.nativeElement);
-            }
+            this.resizeObserver.observe(this.tickerViewport.nativeElement);
         });
     }
-    scheduleAnimationRefresh() {
+    scheduleAnimationRefresh(force = false) {
         if (!this.viewInitialized) {
             return;
         }
+        if (!force && this.playing && this.loop) {
+            return;
+        }
         if (this.animationFrameId !== null) {
             cancelAnimationFrame(this.animationFrameId);
         }
@@ -10321,11 +10360,16 @@ class PTNewsTickerComponent {
         const groupElement = this.tickerGroup?.nativeElement;
         if (!groupElement || this.internalNews.length === 0) {
             this.animationDurationSeconds = 1;
+            this.changeDetectorRef.markForCheck();
             return;
         }
         const contentWidth = Math.max(groupElement.scrollWidth, groupElement.getBoundingClientRect().width, 1);
         const normalizedSpeed = this.normalizeSpeed(this.speed);
-        this.animationDurationSeconds = Math.max(1, contentWidth / normalizedSpeed);
+        const nextDuration = Math.max(1, contentWidth / normalizedSpeed);
+        if (Math.abs(nextDuration - this.animationDurationSeconds) < 0.01) {
+            return;
+        }
+        this.animationDurationSeconds = nextDuration;
         this.changeDetectorRef.markForCheck();
     }
     normalizeNews(news) {
@@ -10371,6 +10415,14 @@ class PTNewsTickerComponent {
                 : String(segment.value).trim(),
         }));
     }
+    cloneNews(news) {
+        return news.map((item) => ({
+            ...item,
+            segments: item.segments?.map((segment) => ({
+                ...segment,
+            })),
+        }));
+    }
     normalizeSpeed(speed) {
         const numericSpeed = Number(speed);
         const safeMinSpeed = Math.max(1, Number(this.minSpeed) || 1);
@@ -10400,9 +10452,9 @@ class PTNewsTickerComponent {
         switch (type) {
             case PTNewsTickerType.INFO:
                 return {
-                    backgroundColor: '#dbeafe',
+                    backgroundColor: 'transparent',
                     textColor: '#1e3a8a',
-                    borderColor: '#93c5fd',
+                    borderColor: '#bfdbfe',
                 };
             case PTNewsTickerType.SUCCESS:
                 return {
@@ -10418,9 +10470,9 @@ class PTNewsTickerComponent {
                 };
             case PTNewsTickerType.DANGER:
                 return {
-                    backgroundColor: '#fee2e2',
-                    textColor: '#7f1d1d',
-                    borderColor: '#fca5a5',
+                    backgroundColor: '#dc2626',
+                    textColor: '#ffffff',
+                    borderColor: '#991b1b',
                 };
             case PTNewsTickerType.FLASH:
                 return {
@@ -10430,18 +10482,18 @@ class PTNewsTickerComponent {
                 };
             default:
                 return {
-                    backgroundColor: '#f8fafc',
+                    backgroundColor: 'transparent',
                     textColor: '#0f172a',
                     borderColor: '#e2e8f0',
                 };
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PTNewsTickerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PTNewsTickerComponent, isStandalone: false, selector: "pt-news-ticker", inputs: { news: "news", speed: "speed", defaultSpeed: "defaultSpeed", speedStep: "speedStep", minSpeed: "minSpeed", maxSpeed: "maxSpeed", direction: "direction", autoplay: "autoplay", loop: "loop", pauseOnHover: "pauseOnHover", showControls: "showControls", showPlayPauseControl: "showPlayPauseControl", showSpeedControls: "showSpeedControls", showResetSpeedControl: "showResetSpeedControl", showRemoveButton: "showRemoveButton", showSpeedValue: "showSpeedValue", showNewBadge: "showNewBadge", newBadgeText: "newBadgeText", newBadgeDuration: "newBadgeDuration", height: "height", gap: "gap", itemGap: "itemGap", containerBackgroundColor: "containerBackgroundColor", containerTextColor: "containerTextColor", borderColor: "borderColor", borderWidth: "borderWidth", borderRadius: "borderRadius", controlsBackgroundColor: "controlsBackgroundColor", controlsBorderColor: "controlsBorderColor", emptyMessage: "emptyMessage", emptyIcon: "emptyIcon", ariaLabel: "ariaLabel" }, outputs: { newsClick: "newsClick", newsRemove: "newsRemove", newsChange: "newsChange", playStateChange: "playStateChange", speedChange: "speedChange" }, viewQueries: [{ propertyName: "tickerViewport", first: true, predicate: ["tickerViewport"], descendants: true }, { propertyName: "tickerGroup", first: true, predicate: ["tickerGroup"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"pt-news-ticker\"\n  [ngStyle]=\"getContainerStyle()\"\n  [attr.aria-label]=\"ariaLabel\"\n  role=\"region\"\n>\n  @if (showControls) {\n    <div class=\"pt-news-ticker__controls\">\n      @if (showPlayPauseControl) {\n        <button\n          pButton\n          pRipple\n          type=\"button\"\n          class=\"p-button-rounded p-button-text p-button-sm\"\n          [icon]=\"playing ? 'pi pi-pause' : 'pi pi-play'\"\n          [pTooltip]=\"playing ? 'Mettre en pause' : 'Reprendre'\"\n          tooltipPosition=\"top\"\n          appendTo=\"body\"\n          [attr.aria-label]=\"\n            playing ? 'Mettre le ruban en pause' : 'Reprendre le ruban'\n          \"\n          (click)=\"togglePlayState()\"\n        ></button>\n      }\n\n      @if (showSpeedControls) {\n        <button\n          pButton\n          pRipple\n          type=\"button\"\n          icon=\"pi pi-minus\"\n          class=\"p-button-rounded p-button-text p-button-sm\"\n          pTooltip=\"Ralentir\"\n          tooltipPosition=\"top\"\n          appendTo=\"body\"\n          aria-label=\"Ralentir le ruban\"\n          [disabled]=\"speed <= minSpeed\"\n          (click)=\"decreaseSpeed()\"\n        ></button>\n\n        <button\n          pButton\n          pRipple\n          type=\"button\"\n          icon=\"pi pi-plus\"\n          class=\"p-button-rounded p-button-text p-button-sm\"\n          pTooltip=\"Acc\u00E9l\u00E9rer\"\n          tooltipPosition=\"top\"\n          appendTo=\"body\"\n          aria-label=\"Acc\u00E9l\u00E9rer le ruban\"\n          [disabled]=\"speed >= maxSpeed\"\n          (click)=\"increaseSpeed()\"\n        ></button>\n      }\n\n      @if (showResetSpeedControl) {\n        <button\n          pButton\n          pRipple\n          type=\"button\"\n          icon=\"pi pi-refresh\"\n          class=\"p-button-rounded p-button-text p-button-sm\"\n          pTooltip=\"R\u00E9initialiser la vitesse\"\n          tooltipPosition=\"top\"\n          appendTo=\"body\"\n          aria-label=\"R\u00E9initialiser la vitesse\"\n          [disabled]=\"speed === defaultSpeed\"\n          (click)=\"resetSpeed()\"\n        ></button>\n      }\n\n      @if (showSpeedValue) {\n        <span\n          class=\"pt-news-ticker__speed\"\n          [attr.aria-label]=\"'Vitesse ' + speed + ' pixels par seconde'\"\n        >\n          {{ speed }} px/s\n        </span>\n      }\n    </div>\n  }\n\n  <div\n    #tickerViewport\n    class=\"pt-news-ticker__viewport\"\n    (mouseenter)=\"onMouseEnter()\"\n    (mouseleave)=\"onMouseLeave()\"\n  >\n    @if (internalNews.length > 0) {\n      <div\n        class=\"pt-news-ticker__track\"\n        [class.pt-news-ticker__track--single]=\"!loop\"\n        [ngStyle]=\"getTrackStyle()\"\n        (animationiteration)=\"onTrackAnimationIteration()\"\n        (animationend)=\"onTrackAnimationEnd()\"\n      >\n        <div\n          #tickerGroup\n          class=\"pt-news-ticker__group\"\n          [attr.aria-hidden]=\"false\"\n        >\n          @for (item of internalNews; track getTrackById($index, item)) {\n            <article\n              class=\"pt-news-ticker__item\"\n              [ngClass]=\"getItemClasses(item)\"\n              [ngStyle]=\"getItemStyle(item)\"\n              [pTooltip]=\"item.tooltip || ''\"\n              tooltipPosition=\"top\"\n              appendTo=\"body\"\n              [attr.aria-disabled]=\"item.disabled\"\n              [attr.aria-label]=\"\n                hasItemLink(item) ? item.text + ', ouvrir le lien' : item.text\n              \"\n              [attr.role]=\"getItemRole(item)\"\n              [attr.tabindex]=\"getItemTabIndex(item)\"\n              (click)=\"onItemClick($event, item)\"\n              (keydown.enter)=\"onItemClick($event, item)\"\n              (keydown.space)=\"onItemClick($event, item)\"\n            >\n              @if (item.icon) {\n                <i\n                  class=\"pt-news-ticker__item-icon\"\n                  [ngClass]=\"item.icon\"\n                  aria-hidden=\"true\"\n                ></i>\n              }\n\n              <div class=\"pt-news-ticker__content\">\n                <span class=\"pt-news-ticker__item-title\">\n                  {{ item.text }}\n                </span>\n\n                @if (hasSegments(item)) {\n                  <span class=\"pt-news-ticker__segments\">\n                    @for (segment of item.segments; track $index) {\n                      @if ($index > 0) {\n                        <span\n                          class=\"pt-news-ticker__segment-separator\"\n                          aria-hidden=\"true\"\n                        >\n                          {{ getSegmentSeparator(item) }}\n                        </span>\n                      }\n\n                      <span\n                        class=\"pt-news-ticker__segment\"\n                        [ngStyle]=\"getSegmentStyle(segment)\"\n                        [pTooltip]=\"segment.tooltip || ''\"\n                        tooltipPosition=\"top\"\n                        appendTo=\"body\"\n                      >\n                        @if (segment.label) {\n                          <span class=\"pt-news-ticker__segment-label\">\n                            {{ segment.label }}\n                          </span>\n                        }\n\n                        @if (getSegmentIcon(segment); as segmentIcon) {\n                          <i\n                            class=\"pt-news-ticker__segment-icon\"\n                            [ngClass]=\"segmentIcon\"\n                            aria-hidden=\"true\"\n                          ></i>\n                        }\n\n                        @if (segment.value) {\n                          <span class=\"pt-news-ticker__segment-value\">\n                            {{ segment.value }}\n                          </span>\n                        }\n                      </span>\n                    }\n                  </span>\n                }\n              </div>\n\n              @if (shouldShowNewBadge(item)) {\n                <span class=\"pt-news-ticker__new-badge\">\n                  {{ getNewBadgeText(item) }}\n                </span>\n              }\n\n              @if (hasItemLink(item)) {\n                <i\n                  class=\"pt-news-ticker__link-icon pi pi-external-link\"\n                  aria-hidden=\"true\"\n                ></i>\n              }\n\n              @if (isItemRemovable(item)) {\n                <button\n                  pButton\n                  pRipple\n                  type=\"button\"\n                  icon=\"pi pi-times\"\n                  class=\"pt-news-ticker__remove-button p-button-rounded p-button-text p-button-sm\"\n                  pTooltip=\"Supprimer l\u2019actualit\u00E9\"\n                  tooltipPosition=\"top\"\n                  appendTo=\"body\"\n                  [attr.aria-label]=\"'Supprimer : ' + item.text\"\n                  (click)=\"onRemoveClick($event, item)\"\n                ></button>\n              }\n            </article>\n          }\n        </div>\n\n        @if (loop) {\n          <div class=\"pt-news-ticker__group\" aria-hidden=\"true\">\n            @for (\n              item of internalNews;\n              track getDuplicateTrackById($index, item)\n            ) {\n              <article\n                class=\"pt-news-ticker__item\"\n                [ngClass]=\"getDuplicateItemClasses(item)\"\n                [ngStyle]=\"getItemStyle(item)\"\n              >\n                @if (item.icon) {\n                  <i\n                    class=\"pt-news-ticker__item-icon\"\n                    [ngClass]=\"item.icon\"\n                    aria-hidden=\"true\"\n                  ></i>\n                }\n\n                <div class=\"pt-news-ticker__content\">\n                  <span class=\"pt-news-ticker__item-title\">\n                    {{ item.text }}\n                  </span>\n\n                  @if (hasSegments(item)) {\n                    <span class=\"pt-news-ticker__segments\">\n                      @for (segment of item.segments; track $index) {\n                        @if ($index > 0) {\n                          <span\n                            class=\"pt-news-ticker__segment-separator\"\n                            aria-hidden=\"true\"\n                          >\n                            {{ getSegmentSeparator(item) }}\n                          </span>\n                        }\n\n                        <span\n                          class=\"pt-news-ticker__segment\"\n                          [ngStyle]=\"getSegmentStyle(segment)\"\n                        >\n                          @if (segment.label) {\n                            <span class=\"pt-news-ticker__segment-label\">\n                              {{ segment.label }}\n                            </span>\n                          }\n\n                          @if (getSegmentIcon(segment); as segmentIcon) {\n                            <i\n                              class=\"pt-news-ticker__segment-icon\"\n                              [ngClass]=\"segmentIcon\"\n                              aria-hidden=\"true\"\n                            ></i>\n                          }\n\n                          @if (segment.value) {\n                            <span class=\"pt-news-ticker__segment-value\">\n                              {{ segment.value }}\n                            </span>\n                          }\n                        </span>\n                      }\n                    </span>\n                  }\n                </div>\n\n                @if (shouldShowNewBadge(item)) {\n                  <span class=\"pt-news-ticker__new-badge\">\n                    {{ getNewBadgeText(item) }}\n                  </span>\n                }\n\n                @if (hasItemLink(item)) {\n                  <i\n                    class=\"pt-news-ticker__link-icon pi pi-external-link\"\n                    aria-hidden=\"true\"\n                  ></i>\n                }\n\n                @if (isItemRemovable(item)) {\n                  <span\n                    class=\"pt-news-ticker__duplicate-remove-placeholder\"\n                    aria-hidden=\"true\"\n                  >\n                    <i class=\"pi pi-times\"></i>\n                  </span>\n                }\n              </article>\n            }\n          </div>\n        }\n      </div>\n    } @else {\n      <div class=\"pt-news-ticker__empty\">\n        @if (emptyIcon) {\n          <i [ngClass]=\"emptyIcon\" aria-hidden=\"true\"></i>\n        }\n\n        <span>{{ emptyMessage }}</span>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.pt-news-ticker{display:flex;align-items:stretch;width:100%;min-width:0;max-width:100%;min-height:var(--pt-news-ticker-height, 3.25rem);overflow:hidden;border:var(--pt-news-ticker-border-width, 1px) solid var(--pt-news-ticker-border-color, #e2e8f0);border-radius:var(--pt-news-ticker-border-radius, 8px);background:var(--pt-news-ticker-background, #ffffff);color:var(--pt-news-ticker-text-color, #0f172a)}.pt-news-ticker__controls{position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:.1rem;min-height:var(--pt-news-ticker-height, 3.25rem);padding:.25rem .4rem;border-right:1px solid var(--pt-news-ticker-controls-border-color, #e2e8f0);background:var(--pt-news-ticker-controls-background, #f8fafc)}.pt-news-ticker__controls ::ng-deep .p-button.p-button-rounded.p-button-text{width:1.9rem;min-width:1.9rem;height:1.9rem;padding:0}.pt-news-ticker__controls ::ng-deep .p-button .p-button-icon{font-size:.78rem}.pt-news-ticker__speed{min-width:3.5rem;padding:0 .35rem;color:#475569;font-size:.7rem;font-weight:700;text-align:center;white-space:nowrap}.pt-news-ticker__viewport{position:relative;display:flex;align-items:center;flex:1 1 auto;width:100%;min-width:0;min-height:var(--pt-news-ticker-height, 3.25rem);overflow:hidden}.pt-news-ticker__viewport:before,.pt-news-ticker__viewport:after{position:absolute;z-index:3;top:0;bottom:0;width:2.5rem;content:\"\";pointer-events:none}.pt-news-ticker__viewport:before{left:0;background:linear-gradient(to right,var(--pt-news-ticker-background, #ffffff),transparent)}.pt-news-ticker__viewport:after{right:0;background:linear-gradient(to left,var(--pt-news-ticker-background, #ffffff),transparent)}.pt-news-ticker__track{display:flex;align-items:center;flex:0 0 auto;width:max-content;min-width:max-content;animation-name:pt-news-ticker-scroll;animation-duration:var(--pt-news-ticker-duration, 20s);animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}.pt-news-ticker__track--single{animation-iteration-count:1;animation-fill-mode:forwards}.pt-news-ticker__group{display:inline-flex;align-items:center;flex:0 0 auto;gap:var(--pt-news-ticker-gap, 2rem);min-width:max-content;padding-right:var(--pt-news-ticker-gap, 2rem)}.pt-news-ticker__item{display:inline-flex;align-items:center;flex:0 0 auto;gap:var(--pt-news-item-gap, .5rem);min-height:2.25rem;max-width:48rem;padding:.35rem .65rem;overflow:hidden;border:1px solid var(--pt-news-item-border-color, transparent);border-radius:999px;outline:none;background:var(--pt-news-item-background, transparent);color:var( --pt-news-item-text-color, var(--pt-news-ticker-text-color, #0f172a) );line-height:1.25;white-space:nowrap;transition:box-shadow .15s ease,opacity .15s ease,transform .15s ease}.pt-news-ticker__item--clickable,.pt-news-ticker__item--link{cursor:pointer}.pt-news-ticker__item--clickable:hover,.pt-news-ticker__item--link:hover{box-shadow:0 3px 10px #0f172a1f;transform:translateY(-1px)}.pt-news-ticker__item:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary-color, #3b82f6)}.pt-news-ticker__item--disabled{cursor:not-allowed;opacity:.5}.pt-news-ticker__item-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--pt-news-item-icon-color, currentColor);font-size:.95rem}.pt-news-ticker__content{display:inline-flex;align-items:center;flex:0 0 auto;gap:.55rem;min-width:0}.pt-news-ticker__item-title{display:inline-block;flex:0 0 auto;overflow:hidden;font-size:.85rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.pt-news-ticker__item-text{display:block;flex:1 1 auto;min-width:0;overflow:hidden;font-size:.85rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.pt-news-ticker__segments{display:inline-flex;align-items:center;flex:0 0 auto;gap:.45rem;white-space:nowrap}.pt-news-ticker__segment{display:inline-flex;align-items:center;flex:0 0 auto;gap:.22rem;color:var(--pt-news-segment-color, currentColor);font-size:.82rem;font-weight:700;white-space:nowrap}.pt-news-ticker__segment-label{color:inherit;font-weight:700}.pt-news-ticker__segment-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--pt-news-segment-icon-color, currentColor);font-size:.68rem;font-weight:700}.pt-news-ticker__segment-value{color:inherit;font-variant-numeric:tabular-nums;font-weight:800}.pt-news-ticker__segment-separator{color:#94a3b8;font-size:.75rem;font-weight:700}.pt-news-ticker__new-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:1.15rem;padding:.12rem .42rem;border:1px solid #93c5fd;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:.62rem;font-weight:800;line-height:1;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap;animation:pt-news-ticker-new-badge-pulse 1.5s ease-in-out infinite}.pt-news-ticker__item--flash .pt-news-ticker__new-badge{border-color:#ffffffb3;background:#fff;color:#b91c1c}.pt-news-ticker__link-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:currentColor;font-size:.72rem;opacity:.75}.pt-news-ticker__item--link:hover .pt-news-ticker__link-icon{opacity:1}.pt-news-ticker__remove-button{flex:0 0 auto}.pt-news-ticker__item ::ng-deep .pt-news-ticker__remove-button.p-button{width:1.45rem;min-width:1.45rem;height:1.45rem;padding:0;color:currentColor}.pt-news-ticker__item ::ng-deep .pt-news-ticker__remove-button.p-button .p-button-icon{font-size:.65rem}.pt-news-ticker__item ::ng-deep .pt-news-ticker__remove-button.p-button:not(:disabled):hover{background:#0f172a1a}.pt-news-ticker__duplicate-remove-placeholder{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.45rem;min-width:1.45rem;height:1.45rem;opacity:0;pointer-events:none}.pt-news-ticker__duplicate-remove-placeholder .pi{font-size:.65rem}.pt-news-ticker__item--flash{border-color:var(--pt-news-item-border-color, #991b1b);color:var(--pt-news-flash-text-color, #ffffff);animation-name:pt-news-ticker-flash;animation-duration:var(--pt-news-flash-duration, .7s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.pt-news-ticker__item--flash .pt-news-ticker__item-icon{color:var(--pt-news-item-icon-color, #ffffff)}.pt-news-ticker__empty{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:var(--pt-news-ticker-height, 3.25rem);padding:.75rem 1rem;color:#64748b;font-size:.85rem;font-weight:500;text-align:center}.pt-news-ticker__empty .pi{font-size:1rem}@keyframes pt-news-ticker-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes pt-news-ticker-flash{0%{background-color:var(--pt-news-flash-background, #dc2626)}to{background-color:var(--pt-news-flash-alternate-background, #7f1d1d)}}@keyframes pt-news-ticker-new-badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.96)}}@media(max-width:768px){.pt-news-ticker{min-height:3rem}.pt-news-ticker__controls{padding-right:.25rem;padding-left:.25rem}.pt-news-ticker__speed{display:none}.pt-news-ticker__item{max-width:34rem}.pt-news-ticker__viewport:before,.pt-news-ticker__viewport:after{width:1.25rem}}@media(max-width:480px){.pt-news-ticker__item{max-width:24rem}.pt-news-ticker__item-title,.pt-news-ticker__item-text{font-size:.78rem}.pt-news-ticker__segment{font-size:.75rem}.pt-news-ticker__new-badge{font-size:.56rem}}@media(prefers-reduced-motion:reduce){.pt-news-ticker__track{animation:none!important;transform:none!important}.pt-news-ticker__item--flash{animation:none!important;background-color:var(--pt-news-flash-background, #dc2626)!important}.pt-news-ticker__new-badge{animation:none!important}.pt-news-ticker__viewport{overflow-x:auto}.pt-news-ticker__viewport:before,.pt-news-ticker__viewport:after{display:none}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "directive", type: i13.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PTNewsTickerComponent, isStandalone: false, selector: "pt-news-ticker", inputs: { news: "news", speed: "speed", defaultSpeed: "defaultSpeed", speedStep: "speedStep", minSpeed: "minSpeed", maxSpeed: "maxSpeed", direction: "direction", autoplay: "autoplay", loop: "loop", pauseOnHover: "pauseOnHover", showControls: "showControls", showPlayPauseControl: "showPlayPauseControl", showSpeedControls: "showSpeedControls", showResetSpeedControl: "showResetSpeedControl", showRemoveButton: "showRemoveButton", showSpeedValue: "showSpeedValue", showNewBadge: "showNewBadge", newBadgeText: "newBadgeText", newBadgeDuration: "newBadgeDuration", height: "height", gap: "gap", itemGap: "itemGap", containerBackgroundColor: "containerBackgroundColor", containerTextColor: "containerTextColor", borderColor: "borderColor", borderWidth: "borderWidth", borderRadius: "borderRadius", controlsBackgroundColor: "controlsBackgroundColor", controlsBorderColor: "controlsBorderColor", emptyMessage: "emptyMessage", emptyIcon: "emptyIcon", ariaLabel: "ariaLabel" }, outputs: { newsClick: "newsClick", newsRemove: "newsRemove", newsChange: "newsChange", playStateChange: "playStateChange", speedChange: "speedChange" }, viewQueries: [{ propertyName: "tickerViewport", first: true, predicate: ["tickerViewport"], descendants: true }, { propertyName: "tickerTrack", first: true, predicate: ["tickerTrack"], descendants: true }, { propertyName: "tickerGroup", first: true, predicate: ["tickerGroup"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"pt-news-ticker\"\n  [ngStyle]=\"getContainerStyle()\"\n  [attr.aria-label]=\"ariaLabel\"\n  role=\"region\"\n>\n  @if (showControls) {\n    <div class=\"pt-news-ticker__controls\">\n      @if (showPlayPauseControl) {\n        <button\n          pButton\n          pRipple\n          type=\"button\"\n          class=\"p-button-rounded p-button-text p-button-sm\"\n          [icon]=\"playing ? 'pi pi-pause' : 'pi pi-play'\"\n          [pTooltip]=\"playing ? 'Mettre en pause' : 'Reprendre'\"\n          tooltipPosition=\"top\"\n          appendTo=\"body\"\n          [attr.aria-label]=\"\n            playing ? 'Mettre le ruban en pause' : 'Reprendre le ruban'\n          \"\n          (click)=\"togglePlayState()\"\n        ></button>\n      }\n\n      @if (showSpeedControls) {\n        <button\n          pButton\n          pRipple\n          type=\"button\"\n          icon=\"pi pi-minus\"\n          class=\"p-button-rounded p-button-text p-button-sm\"\n          pTooltip=\"Ralentir\"\n          tooltipPosition=\"top\"\n          appendTo=\"body\"\n          aria-label=\"Ralentir le ruban\"\n          [disabled]=\"speed <= minSpeed\"\n          (click)=\"decreaseSpeed()\"\n        ></button>\n\n        <button\n          pButton\n          pRipple\n          type=\"button\"\n          icon=\"pi pi-plus\"\n          class=\"p-button-rounded p-button-text p-button-sm\"\n          pTooltip=\"Acc\u00E9l\u00E9rer\"\n          tooltipPosition=\"top\"\n          appendTo=\"body\"\n          aria-label=\"Acc\u00E9l\u00E9rer le ruban\"\n          [disabled]=\"speed >= maxSpeed\"\n          (click)=\"increaseSpeed()\"\n        ></button>\n      }\n\n      @if (showResetSpeedControl) {\n        <button\n          pButton\n          pRipple\n          type=\"button\"\n          icon=\"pi pi-refresh\"\n          class=\"p-button-rounded p-button-text p-button-sm\"\n          pTooltip=\"R\u00E9initialiser la vitesse\"\n          tooltipPosition=\"top\"\n          appendTo=\"body\"\n          aria-label=\"R\u00E9initialiser la vitesse\"\n          [disabled]=\"speed === defaultSpeed\"\n          (click)=\"resetSpeed()\"\n        ></button>\n      }\n\n      @if (showSpeedValue) {\n        <span\n          class=\"pt-news-ticker__speed\"\n          [attr.aria-label]=\"'Vitesse ' + speed + ' pixels par seconde'\"\n        >\n          {{ speed }} px/s\n        </span>\n      }\n    </div>\n  }\n\n  <div\n    #tickerViewport\n    class=\"pt-news-ticker__viewport\"\n    (mouseenter)=\"onMouseEnter()\"\n    (mouseleave)=\"onMouseLeave()\"\n  >\n    @if (internalNews.length > 0) {\n      <div\n        #tickerTrack\n        class=\"pt-news-ticker__track\"\n        [class.pt-news-ticker__track--single]=\"!loop\"\n        [ngStyle]=\"getTrackStyle()\"\n        (animationiteration)=\"onTrackAnimationIteration($event)\"\n        (animationend)=\"onTrackAnimationEnd($event)\"\n      >\n        <div\n          #tickerGroup\n          class=\"pt-news-ticker__group\"\n          [attr.aria-hidden]=\"false\"\n        >\n          @for (item of internalNews; track getTrackById($index, item)) {\n            <article\n              class=\"pt-news-ticker__item\"\n              [ngClass]=\"getItemClasses(item)\"\n              [ngStyle]=\"getItemStyle(item)\"\n              [pTooltip]=\"item.tooltip || ''\"\n              tooltipPosition=\"top\"\n              appendTo=\"body\"\n              [attr.aria-disabled]=\"item.disabled\"\n              [attr.aria-label]=\"\n                hasItemLink(item) ? item.text + ', ouvrir le lien' : item.text\n              \"\n              [attr.role]=\"getItemRole(item)\"\n              [attr.tabindex]=\"getItemTabIndex(item)\"\n              (click)=\"onItemClick($event, item)\"\n              (keydown.enter)=\"onItemClick($event, item)\"\n              (keydown.space)=\"onItemClick($event, item)\"\n            >\n              @if (item.icon) {\n                <i\n                  class=\"pt-news-ticker__item-icon\"\n                  [ngClass]=\"item.icon\"\n                  aria-hidden=\"true\"\n                ></i>\n              }\n\n              <div class=\"pt-news-ticker__content\">\n                <span class=\"pt-news-ticker__item-title\">\n                  {{ item.text }}\n                </span>\n\n                @if (hasSegments(item)) {\n                  <span class=\"pt-news-ticker__segments\">\n                    @for (segment of item.segments; track $index) {\n                      @if ($index > 0) {\n                        <span\n                          class=\"pt-news-ticker__segment-separator\"\n                          aria-hidden=\"true\"\n                        >\n                          {{ getSegmentSeparator(item) }}\n                        </span>\n                      }\n\n                      <span\n                        class=\"pt-news-ticker__segment\"\n                        [ngStyle]=\"getSegmentStyle(segment)\"\n                        [pTooltip]=\"segment.tooltip || ''\"\n                        tooltipPosition=\"top\"\n                        appendTo=\"body\"\n                      >\n                        @if (segment.label) {\n                          <span class=\"pt-news-ticker__segment-label\">\n                            {{ segment.label }}\n                          </span>\n                        }\n\n                        @if (getSegmentIcon(segment); as segmentIcon) {\n                          <i\n                            class=\"pt-news-ticker__segment-icon\"\n                            [ngClass]=\"segmentIcon\"\n                            aria-hidden=\"true\"\n                          ></i>\n                        }\n\n                        @if (segment.value) {\n                          <span class=\"pt-news-ticker__segment-value\">\n                            {{ segment.value }}\n                          </span>\n                        }\n                      </span>\n                    }\n                  </span>\n                }\n              </div>\n\n              @if (shouldShowNewBadge(item)) {\n                <span class=\"pt-news-ticker__new-badge\">\n                  {{ getNewBadgeText(item) }}\n                </span>\n              }\n\n              @if (hasItemLink(item)) {\n                <i\n                  class=\"pt-news-ticker__link-icon pi pi-external-link\"\n                  aria-hidden=\"true\"\n                ></i>\n              }\n\n              @if (isItemRemovable(item)) {\n                <button\n                  pButton\n                  pRipple\n                  type=\"button\"\n                  icon=\"pi pi-times\"\n                  class=\"pt-news-ticker__remove-button p-button-rounded p-button-text p-button-sm\"\n                  pTooltip=\"Supprimer l\u2019actualit\u00E9\"\n                  tooltipPosition=\"top\"\n                  appendTo=\"body\"\n                  [attr.aria-label]=\"'Supprimer : ' + item.text\"\n                  (click)=\"onRemoveClick($event, item)\"\n                ></button>\n              }\n            </article>\n          }\n        </div>\n\n        @if (loop) {\n          <div class=\"pt-news-ticker__group\" aria-hidden=\"true\">\n            @for (\n              item of internalNews;\n              track getDuplicateTrackById($index, item)\n            ) {\n              <article\n                class=\"pt-news-ticker__item\"\n                [ngClass]=\"getDuplicateItemClasses(item)\"\n                [ngStyle]=\"getItemStyle(item)\"\n              >\n                @if (item.icon) {\n                  <i\n                    class=\"pt-news-ticker__item-icon\"\n                    [ngClass]=\"item.icon\"\n                    aria-hidden=\"true\"\n                  ></i>\n                }\n\n                <div class=\"pt-news-ticker__content\">\n                  <span class=\"pt-news-ticker__item-title\">\n                    {{ item.text }}\n                  </span>\n\n                  @if (hasSegments(item)) {\n                    <span class=\"pt-news-ticker__segments\">\n                      @for (segment of item.segments; track $index) {\n                        @if ($index > 0) {\n                          <span\n                            class=\"pt-news-ticker__segment-separator\"\n                            aria-hidden=\"true\"\n                          >\n                            {{ getSegmentSeparator(item) }}\n                          </span>\n                        }\n\n                        <span\n                          class=\"pt-news-ticker__segment\"\n                          [ngStyle]=\"getSegmentStyle(segment)\"\n                        >\n                          @if (segment.label) {\n                            <span class=\"pt-news-ticker__segment-label\">\n                              {{ segment.label }}\n                            </span>\n                          }\n\n                          @if (getSegmentIcon(segment); as segmentIcon) {\n                            <i\n                              class=\"pt-news-ticker__segment-icon\"\n                              [ngClass]=\"segmentIcon\"\n                              aria-hidden=\"true\"\n                            ></i>\n                          }\n\n                          @if (segment.value) {\n                            <span class=\"pt-news-ticker__segment-value\">\n                              {{ segment.value }}\n                            </span>\n                          }\n                        </span>\n                      }\n                    </span>\n                  }\n                </div>\n\n                @if (shouldShowNewBadge(item)) {\n                  <span class=\"pt-news-ticker__new-badge\">\n                    {{ getNewBadgeText(item) }}\n                  </span>\n                }\n\n                @if (hasItemLink(item)) {\n                  <i\n                    class=\"pt-news-ticker__link-icon pi pi-external-link\"\n                    aria-hidden=\"true\"\n                  ></i>\n                }\n\n                @if (isItemRemovable(item)) {\n                  <span\n                    class=\"pt-news-ticker__duplicate-remove-placeholder\"\n                    aria-hidden=\"true\"\n                  >\n                    <i class=\"pi pi-times\"></i>\n                  </span>\n                }\n              </article>\n            }\n          </div>\n        }\n      </div>\n    } @else {\n      <div class=\"pt-news-ticker__empty\">\n        @if (emptyIcon) {\n          <i [ngClass]=\"emptyIcon\" aria-hidden=\"true\"></i>\n        }\n\n        <span>{{ emptyMessage }}</span>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.pt-news-ticker{display:flex;align-items:stretch;width:100%;min-width:0;max-width:100%;min-height:var(--pt-news-ticker-height, 3.25rem);overflow:hidden;border:var(--pt-news-ticker-border-width, 1px) solid var(--pt-news-ticker-border-color, #e2e8f0);border-radius:var(--pt-news-ticker-border-radius, 8px);background:var(--pt-news-ticker-background, #ffffff);color:var(--pt-news-ticker-text-color, #0f172a)}.pt-news-ticker__controls{position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:.1rem;min-height:var(--pt-news-ticker-height, 3.25rem);padding:.25rem .4rem;border-right:1px solid var(--pt-news-ticker-controls-border-color, #e2e8f0);background:var(--pt-news-ticker-controls-background, #f8fafc)}.pt-news-ticker__controls ::ng-deep .p-button.p-button-rounded.p-button-text{width:1.9rem;min-width:1.9rem;height:1.9rem;padding:0}.pt-news-ticker__controls ::ng-deep .p-button .p-button-icon{font-size:.78rem}.pt-news-ticker__speed{min-width:3.5rem;padding:0 .35rem;color:#475569;font-size:.7rem;font-weight:700;text-align:center;white-space:nowrap}.pt-news-ticker__viewport{position:relative;display:flex;align-items:center;flex:1 1 auto;width:100%;min-width:0;min-height:var(--pt-news-ticker-height, 3.25rem);overflow:hidden;contain:layout paint}.pt-news-ticker__viewport:before,.pt-news-ticker__viewport:after{position:absolute;z-index:3;top:0;bottom:0;width:2.5rem;content:\"\";pointer-events:none}.pt-news-ticker__viewport:before{left:0;background:linear-gradient(to right,var(--pt-news-ticker-background, #ffffff),transparent)}.pt-news-ticker__viewport:after{right:0;background:linear-gradient(to left,var(--pt-news-ticker-background, #ffffff),transparent)}.pt-news-ticker__track{display:flex;align-items:center;flex:0 0 auto;width:max-content;min-width:max-content;transform:translateZ(0);animation-name:pt-news-ticker-scroll;animation-duration:var(--pt-news-ticker-duration, 20s);animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;backface-visibility:hidden;will-change:transform}.pt-news-ticker__track--single{animation-iteration-count:1;animation-fill-mode:forwards}.pt-news-ticker__group{display:inline-flex;align-items:center;flex:0 0 auto;gap:var(--pt-news-ticker-gap, 2rem);min-width:max-content;padding-right:var(--pt-news-ticker-gap, 2rem)}.pt-news-ticker__item{display:inline-flex;align-items:center;flex:0 0 auto;gap:var(--pt-news-item-gap, .5rem);min-height:2.25rem;max-width:48rem;padding:.35rem .65rem;overflow:hidden;border:1px solid var(--pt-news-item-border-color, transparent);border-radius:999px;outline:none;background:var(--pt-news-item-background, transparent);color:var( --pt-news-item-text-color, var(--pt-news-ticker-text-color, #0f172a) );line-height:1.25;white-space:nowrap;transition:box-shadow .15s ease,opacity .15s ease,transform .15s ease}.pt-news-ticker__item--info,.pt-news-ticker__item--default{background:transparent}.pt-news-ticker__item--clickable,.pt-news-ticker__item--link{cursor:pointer}.pt-news-ticker__item--clickable:hover,.pt-news-ticker__item--link:hover{box-shadow:0 3px 10px #0f172a1f;transform:translateY(-1px)}.pt-news-ticker__item:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary-color, #3b82f6)}.pt-news-ticker__item--disabled{cursor:not-allowed;opacity:.5}.pt-news-ticker__item-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--pt-news-item-icon-color, currentColor);font-size:.95rem}.pt-news-ticker__content{display:inline-flex;align-items:center;flex:0 0 auto;gap:.55rem;min-width:0}.pt-news-ticker__item-title{display:inline-block;flex:0 0 auto;overflow:hidden;font-size:.85rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.pt-news-ticker__item-text{display:block;flex:1 1 auto;min-width:0;overflow:hidden;font-size:.85rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.pt-news-ticker__segments{display:inline-flex;align-items:center;flex:0 0 auto;gap:.45rem;white-space:nowrap}.pt-news-ticker__segment{display:inline-flex;align-items:center;flex:0 0 auto;gap:.22rem;color:var(--pt-news-segment-color, currentColor);font-size:.82rem;font-weight:700;white-space:nowrap}.pt-news-ticker__segment-label{color:inherit;font-weight:700}.pt-news-ticker__segment-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--pt-news-segment-icon-color, currentColor);font-size:.68rem;font-weight:700}.pt-news-ticker__segment-value{color:inherit;font-variant-numeric:tabular-nums;font-weight:800}.pt-news-ticker__segment-separator{color:#94a3b8;font-size:.75rem;font-weight:700}.pt-news-ticker__new-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:1.15rem;padding:.12rem .42rem;border:1px solid #93c5fd;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:.62rem;font-weight:800;line-height:1;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap;animation:pt-news-ticker-new-badge-pulse 1.5s ease-in-out infinite}.pt-news-ticker__item--flash .pt-news-ticker__new-badge{border-color:#ffffffb3;background:#fff;color:#b91c1c}.pt-news-ticker__item--danger .pt-news-ticker__new-badge{border-color:#ffffffbf;background:#fff;color:#b91c1c}.pt-news-ticker__link-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:currentColor;font-size:.72rem;opacity:.75}.pt-news-ticker__item--link:hover .pt-news-ticker__link-icon{opacity:1}.pt-news-ticker__remove-button{flex:0 0 auto}.pt-news-ticker__item ::ng-deep .pt-news-ticker__remove-button.p-button{width:1.45rem;min-width:1.45rem;height:1.45rem;padding:0;color:currentColor}.pt-news-ticker__item ::ng-deep .pt-news-ticker__remove-button.p-button .p-button-icon{font-size:.65rem}.pt-news-ticker__item ::ng-deep .pt-news-ticker__remove-button.p-button:not(:disabled):hover{background:#0f172a1a}.pt-news-ticker__duplicate-remove-placeholder{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.45rem;min-width:1.45rem;height:1.45rem;opacity:0;pointer-events:none}.pt-news-ticker__duplicate-remove-placeholder .pi{font-size:.65rem}.pt-news-ticker__item--flash{border-color:var(--pt-news-item-border-color, #991b1b);color:var(--pt-news-flash-text-color, #ffffff);animation-name:pt-news-ticker-flash;animation-duration:var(--pt-news-flash-duration, .7s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.pt-news-ticker__item--flash .pt-news-ticker__item-icon{color:var(--pt-news-item-icon-color, #ffffff)}.pt-news-ticker__empty{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:var(--pt-news-ticker-height, 3.25rem);padding:.75rem 1rem;color:#64748b;font-size:.85rem;font-weight:500;text-align:center}.pt-news-ticker__empty .pi{font-size:1rem}@keyframes pt-news-ticker-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes pt-news-ticker-flash{0%{background-color:var(--pt-news-flash-background, #dc2626)}to{background-color:var(--pt-news-flash-alternate-background, #7f1d1d)}}@keyframes pt-news-ticker-new-badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.96)}}@media(max-width:768px){.pt-news-ticker{min-height:3rem}.pt-news-ticker__controls{padding-right:.25rem;padding-left:.25rem}.pt-news-ticker__speed{display:none}.pt-news-ticker__item{max-width:34rem}.pt-news-ticker__viewport:before,.pt-news-ticker__viewport:after{width:1.25rem}}@media(max-width:480px){.pt-news-ticker__item{max-width:24rem}.pt-news-ticker__item-title,.pt-news-ticker__item-text{font-size:.78rem}.pt-news-ticker__segment{font-size:.75rem}.pt-news-ticker__new-badge{font-size:.56rem}}@media(prefers-reduced-motion:reduce){.pt-news-ticker__track{animation:none!important;transform:none!important}.pt-news-ticker__item--flash{animation:none!important;background-color:var(--pt-news-flash-background, #dc2626)!important}.pt-news-ticker__new-badge{animation:none!important}.pt-news-ticker__viewport{overflow-x:auto;contain:none}.pt-news-ticker__viewport:before,.pt-news-ticker__viewport:after{display:none}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i6.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "pButtonPT", "pButtonUnstyled", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "directive", type: i13.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PTNewsTickerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'pt-news-ticker', standalone: false, template: "<div\n  class=\"pt-news-ticker\"\n  [ngStyle]=\"getContainerStyle()\"\n  [attr.aria-label]=\"ariaLabel\"\n  role=\"region\"\n>\n  @if (showControls) {\n    <div class=\"pt-news-ticker__controls\">\n      @if (showPlayPauseControl) {\n        <button\n          pButton\n          pRipple\n          type=\"button\"\n          class=\"p-button-rounded p-button-text p-button-sm\"\n          [icon]=\"playing ? 'pi pi-pause' : 'pi pi-play'\"\n          [pTooltip]=\"playing ? 'Mettre en pause' : 'Reprendre'\"\n          tooltipPosition=\"top\"\n          appendTo=\"body\"\n          [attr.aria-label]=\"\n            playing ? 'Mettre le ruban en pause' : 'Reprendre le ruban'\n          \"\n          (click)=\"togglePlayState()\"\n        ></button>\n      }\n\n      @if (showSpeedControls) {\n        <button\n          pButton\n          pRipple\n          type=\"button\"\n          icon=\"pi pi-minus\"\n          class=\"p-button-rounded p-button-text p-button-sm\"\n          pTooltip=\"Ralentir\"\n          tooltipPosition=\"top\"\n          appendTo=\"body\"\n          aria-label=\"Ralentir le ruban\"\n          [disabled]=\"speed <= minSpeed\"\n          (click)=\"decreaseSpeed()\"\n        ></button>\n\n        <button\n          pButton\n          pRipple\n          type=\"button\"\n          icon=\"pi pi-plus\"\n          class=\"p-button-rounded p-button-text p-button-sm\"\n          pTooltip=\"Acc\u00E9l\u00E9rer\"\n          tooltipPosition=\"top\"\n          appendTo=\"body\"\n          aria-label=\"Acc\u00E9l\u00E9rer le ruban\"\n          [disabled]=\"speed >= maxSpeed\"\n          (click)=\"increaseSpeed()\"\n        ></button>\n      }\n\n      @if (showResetSpeedControl) {\n        <button\n          pButton\n          pRipple\n          type=\"button\"\n          icon=\"pi pi-refresh\"\n          class=\"p-button-rounded p-button-text p-button-sm\"\n          pTooltip=\"R\u00E9initialiser la vitesse\"\n          tooltipPosition=\"top\"\n          appendTo=\"body\"\n          aria-label=\"R\u00E9initialiser la vitesse\"\n          [disabled]=\"speed === defaultSpeed\"\n          (click)=\"resetSpeed()\"\n        ></button>\n      }\n\n      @if (showSpeedValue) {\n        <span\n          class=\"pt-news-ticker__speed\"\n          [attr.aria-label]=\"'Vitesse ' + speed + ' pixels par seconde'\"\n        >\n          {{ speed }} px/s\n        </span>\n      }\n    </div>\n  }\n\n  <div\n    #tickerViewport\n    class=\"pt-news-ticker__viewport\"\n    (mouseenter)=\"onMouseEnter()\"\n    (mouseleave)=\"onMouseLeave()\"\n  >\n    @if (internalNews.length > 0) {\n      <div\n        class=\"pt-news-ticker__track\"\n        [class.pt-news-ticker__track--single]=\"!loop\"\n        [ngStyle]=\"getTrackStyle()\"\n        (animationiteration)=\"onTrackAnimationIteration()\"\n        (animationend)=\"onTrackAnimationEnd()\"\n      >\n        <div\n          #tickerGroup\n          class=\"pt-news-ticker__group\"\n          [attr.aria-hidden]=\"false\"\n        >\n          @for (item of internalNews; track getTrackById($index, item)) {\n            <article\n              class=\"pt-news-ticker__item\"\n              [ngClass]=\"getItemClasses(item)\"\n              [ngStyle]=\"getItemStyle(item)\"\n              [pTooltip]=\"item.tooltip || ''\"\n              tooltipPosition=\"top\"\n              appendTo=\"body\"\n              [attr.aria-disabled]=\"item.disabled\"\n              [attr.aria-label]=\"\n                hasItemLink(item) ? item.text + ', ouvrir le lien' : item.text\n              \"\n              [attr.role]=\"getItemRole(item)\"\n              [attr.tabindex]=\"getItemTabIndex(item)\"\n              (click)=\"onItemClick($event, item)\"\n              (keydown.enter)=\"onItemClick($event, item)\"\n              (keydown.space)=\"onItemClick($event, item)\"\n            >\n              @if (item.icon) {\n                <i\n                  class=\"pt-news-ticker__item-icon\"\n                  [ngClass]=\"item.icon\"\n                  aria-hidden=\"true\"\n                ></i>\n              }\n\n              <div class=\"pt-news-ticker__content\">\n                <span class=\"pt-news-ticker__item-title\">\n                  {{ item.text }}\n                </span>\n\n                @if (hasSegments(item)) {\n                  <span class=\"pt-news-ticker__segments\">\n                    @for (segment of item.segments; track $index) {\n                      @if ($index > 0) {\n                        <span\n                          class=\"pt-news-ticker__segment-separator\"\n                          aria-hidden=\"true\"\n                        >\n                          {{ getSegmentSeparator(item) }}\n                        </span>\n                      }\n\n                      <span\n                        class=\"pt-news-ticker__segment\"\n                        [ngStyle]=\"getSegmentStyle(segment)\"\n                        [pTooltip]=\"segment.tooltip || ''\"\n                        tooltipPosition=\"top\"\n                        appendTo=\"body\"\n                      >\n                        @if (segment.label) {\n                          <span class=\"pt-news-ticker__segment-label\">\n                            {{ segment.label }}\n                          </span>\n                        }\n\n                        @if (getSegmentIcon(segment); as segmentIcon) {\n                          <i\n                            class=\"pt-news-ticker__segment-icon\"\n                            [ngClass]=\"segmentIcon\"\n                            aria-hidden=\"true\"\n                          ></i>\n                        }\n\n                        @if (segment.value) {\n                          <span class=\"pt-news-ticker__segment-value\">\n                            {{ segment.value }}\n                          </span>\n                        }\n                      </span>\n                    }\n                  </span>\n                }\n              </div>\n\n              @if (shouldShowNewBadge(item)) {\n                <span class=\"pt-news-ticker__new-badge\">\n                  {{ getNewBadgeText(item) }}\n                </span>\n              }\n\n              @if (hasItemLink(item)) {\n                <i\n                  class=\"pt-news-ticker__link-icon pi pi-external-link\"\n                  aria-hidden=\"true\"\n                ></i>\n              }\n\n              @if (isItemRemovable(item)) {\n                <button\n                  pButton\n                  pRipple\n                  type=\"button\"\n                  icon=\"pi pi-times\"\n                  class=\"pt-news-ticker__remove-button p-button-rounded p-button-text p-button-sm\"\n                  pTooltip=\"Supprimer l\u2019actualit\u00E9\"\n                  tooltipPosition=\"top\"\n                  appendTo=\"body\"\n                  [attr.aria-label]=\"'Supprimer : ' + item.text\"\n                  (click)=\"onRemoveClick($event, item)\"\n                ></button>\n              }\n            </article>\n          }\n        </div>\n\n        @if (loop) {\n          <div class=\"pt-news-ticker__group\" aria-hidden=\"true\">\n            @for (\n              item of internalNews;\n              track getDuplicateTrackById($index, item)\n            ) {\n              <article\n                class=\"pt-news-ticker__item\"\n                [ngClass]=\"getDuplicateItemClasses(item)\"\n                [ngStyle]=\"getItemStyle(item)\"\n              >\n                @if (item.icon) {\n                  <i\n                    class=\"pt-news-ticker__item-icon\"\n                    [ngClass]=\"item.icon\"\n                    aria-hidden=\"true\"\n                  ></i>\n                }\n\n                <div class=\"pt-news-ticker__content\">\n                  <span class=\"pt-news-ticker__item-title\">\n                    {{ item.text }}\n                  </span>\n\n                  @if (hasSegments(item)) {\n                    <span class=\"pt-news-ticker__segments\">\n                      @for (segment of item.segments; track $index) {\n                        @if ($index > 0) {\n                          <span\n                            class=\"pt-news-ticker__segment-separator\"\n                            aria-hidden=\"true\"\n                          >\n                            {{ getSegmentSeparator(item) }}\n                          </span>\n                        }\n\n                        <span\n                          class=\"pt-news-ticker__segment\"\n                          [ngStyle]=\"getSegmentStyle(segment)\"\n                        >\n                          @if (segment.label) {\n                            <span class=\"pt-news-ticker__segment-label\">\n                              {{ segment.label }}\n                            </span>\n                          }\n\n                          @if (getSegmentIcon(segment); as segmentIcon) {\n                            <i\n                              class=\"pt-news-ticker__segment-icon\"\n                              [ngClass]=\"segmentIcon\"\n                              aria-hidden=\"true\"\n                            ></i>\n                          }\n\n                          @if (segment.value) {\n                            <span class=\"pt-news-ticker__segment-value\">\n                              {{ segment.value }}\n                            </span>\n                          }\n                        </span>\n                      }\n                    </span>\n                  }\n                </div>\n\n                @if (shouldShowNewBadge(item)) {\n                  <span class=\"pt-news-ticker__new-badge\">\n                    {{ getNewBadgeText(item) }}\n                  </span>\n                }\n\n                @if (hasItemLink(item)) {\n                  <i\n                    class=\"pt-news-ticker__link-icon pi pi-external-link\"\n                    aria-hidden=\"true\"\n                  ></i>\n                }\n\n                @if (isItemRemovable(item)) {\n                  <span\n                    class=\"pt-news-ticker__duplicate-remove-placeholder\"\n                    aria-hidden=\"true\"\n                  >\n                    <i class=\"pi pi-times\"></i>\n                  </span>\n                }\n              </article>\n            }\n          </div>\n        }\n      </div>\n    } @else {\n      <div class=\"pt-news-ticker__empty\">\n        @if (emptyIcon) {\n          <i [ngClass]=\"emptyIcon\" aria-hidden=\"true\"></i>\n        }\n\n        <span>{{ emptyMessage }}</span>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.pt-news-ticker{display:flex;align-items:stretch;width:100%;min-width:0;max-width:100%;min-height:var(--pt-news-ticker-height, 3.25rem);overflow:hidden;border:var(--pt-news-ticker-border-width, 1px) solid var(--pt-news-ticker-border-color, #e2e8f0);border-radius:var(--pt-news-ticker-border-radius, 8px);background:var(--pt-news-ticker-background, #ffffff);color:var(--pt-news-ticker-text-color, #0f172a)}.pt-news-ticker__controls{position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:.1rem;min-height:var(--pt-news-ticker-height, 3.25rem);padding:.25rem .4rem;border-right:1px solid var(--pt-news-ticker-controls-border-color, #e2e8f0);background:var(--pt-news-ticker-controls-background, #f8fafc)}.pt-news-ticker__controls ::ng-deep .p-button.p-button-rounded.p-button-text{width:1.9rem;min-width:1.9rem;height:1.9rem;padding:0}.pt-news-ticker__controls ::ng-deep .p-button .p-button-icon{font-size:.78rem}.pt-news-ticker__speed{min-width:3.5rem;padding:0 .35rem;color:#475569;font-size:.7rem;font-weight:700;text-align:center;white-space:nowrap}.pt-news-ticker__viewport{position:relative;display:flex;align-items:center;flex:1 1 auto;width:100%;min-width:0;min-height:var(--pt-news-ticker-height, 3.25rem);overflow:hidden}.pt-news-ticker__viewport:before,.pt-news-ticker__viewport:after{position:absolute;z-index:3;top:0;bottom:0;width:2.5rem;content:\"\";pointer-events:none}.pt-news-ticker__viewport:before{left:0;background:linear-gradient(to right,var(--pt-news-ticker-background, #ffffff),transparent)}.pt-news-ticker__viewport:after{right:0;background:linear-gradient(to left,var(--pt-news-ticker-background, #ffffff),transparent)}.pt-news-ticker__track{display:flex;align-items:center;flex:0 0 auto;width:max-content;min-width:max-content;animation-name:pt-news-ticker-scroll;animation-duration:var(--pt-news-ticker-duration, 20s);animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}.pt-news-ticker__track--single{animation-iteration-count:1;animation-fill-mode:forwards}.pt-news-ticker__group{display:inline-flex;align-items:center;flex:0 0 auto;gap:var(--pt-news-ticker-gap, 2rem);min-width:max-content;padding-right:var(--pt-news-ticker-gap, 2rem)}.pt-news-ticker__item{display:inline-flex;align-items:center;flex:0 0 auto;gap:var(--pt-news-item-gap, .5rem);min-height:2.25rem;max-width:48rem;padding:.35rem .65rem;overflow:hidden;border:1px solid var(--pt-news-item-border-color, transparent);border-radius:999px;outline:none;background:var(--pt-news-item-background, transparent);color:var( --pt-news-item-text-color, var(--pt-news-ticker-text-color, #0f172a) );line-height:1.25;white-space:nowrap;transition:box-shadow .15s ease,opacity .15s ease,transform .15s ease}.pt-news-ticker__item--clickable,.pt-news-ticker__item--link{cursor:pointer}.pt-news-ticker__item--clickable:hover,.pt-news-ticker__item--link:hover{box-shadow:0 3px 10px #0f172a1f;transform:translateY(-1px)}.pt-news-ticker__item:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary-color, #3b82f6)}.pt-news-ticker__item--disabled{cursor:not-allowed;opacity:.5}.pt-news-ticker__item-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--pt-news-item-icon-color, currentColor);font-size:.95rem}.pt-news-ticker__content{display:inline-flex;align-items:center;flex:0 0 auto;gap:.55rem;min-width:0}.pt-news-ticker__item-title{display:inline-block;flex:0 0 auto;overflow:hidden;font-size:.85rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.pt-news-ticker__item-text{display:block;flex:1 1 auto;min-width:0;overflow:hidden;font-size:.85rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.pt-news-ticker__segments{display:inline-flex;align-items:center;flex:0 0 auto;gap:.45rem;white-space:nowrap}.pt-news-ticker__segment{display:inline-flex;align-items:center;flex:0 0 auto;gap:.22rem;color:var(--pt-news-segment-color, currentColor);font-size:.82rem;font-weight:700;white-space:nowrap}.pt-news-ticker__segment-label{color:inherit;font-weight:700}.pt-news-ticker__segment-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--pt-news-segment-icon-color, currentColor);font-size:.68rem;font-weight:700}.pt-news-ticker__segment-value{color:inherit;font-variant-numeric:tabular-nums;font-weight:800}.pt-news-ticker__segment-separator{color:#94a3b8;font-size:.75rem;font-weight:700}.pt-news-ticker__new-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:1.15rem;padding:.12rem .42rem;border:1px solid #93c5fd;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:.62rem;font-weight:800;line-height:1;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap;animation:pt-news-ticker-new-badge-pulse 1.5s ease-in-out infinite}.pt-news-ticker__item--flash .pt-news-ticker__new-badge{border-color:#ffffffb3;background:#fff;color:#b91c1c}.pt-news-ticker__link-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:currentColor;font-size:.72rem;opacity:.75}.pt-news-ticker__item--link:hover .pt-news-ticker__link-icon{opacity:1}.pt-news-ticker__remove-button{flex:0 0 auto}.pt-news-ticker__item ::ng-deep .pt-news-ticker__remove-button.p-button{width:1.45rem;min-width:1.45rem;height:1.45rem;padding:0;color:currentColor}.pt-news-ticker__item ::ng-deep .pt-news-ticker__remove-button.p-button .p-button-icon{font-size:.65rem}.pt-news-ticker__item ::ng-deep .pt-news-ticker__remove-button.p-button:not(:disabled):hover{background:#0f172a1a}.pt-news-ticker__duplicate-remove-placeholder{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.45rem;min-width:1.45rem;height:1.45rem;opacity:0;pointer-events:none}.pt-news-ticker__duplicate-remove-placeholder .pi{font-size:.65rem}.pt-news-ticker__item--flash{border-color:var(--pt-news-item-border-color, #991b1b);color:var(--pt-news-flash-text-color, #ffffff);animation-name:pt-news-ticker-flash;animation-duration:var(--pt-news-flash-duration, .7s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.pt-news-ticker__item--flash .pt-news-ticker__item-icon{color:var(--pt-news-item-icon-color, #ffffff)}.pt-news-ticker__empty{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:var(--pt-news-ticker-height, 3.25rem);padding:.75rem 1rem;color:#64748b;font-size:.85rem;font-weight:500;text-align:center}.pt-news-ticker__empty .pi{font-size:1rem}@keyframes pt-news-ticker-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes pt-news-ticker-flash{0%{background-color:var(--pt-news-flash-background, #dc2626)}to{background-color:var(--pt-news-flash-alternate-background, #7f1d1d)}}@keyframes pt-news-ticker-new-badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.96)}}@media(max-width:768px){.pt-news-ticker{min-height:3rem}.pt-news-ticker__controls{padding-right:.25rem;padding-left:.25rem}.pt-news-ticker__speed{display:none}.pt-news-ticker__item{max-width:34rem}.pt-news-ticker__viewport:before,.pt-news-ticker__viewport:after{width:1.25rem}}@media(max-width:480px){.pt-news-ticker__item{max-width:24rem}.pt-news-ticker__item-title,.pt-news-ticker__item-text{font-size:.78rem}.pt-news-ticker__segment{font-size:.75rem}.pt-news-ticker__new-badge{font-size:.56rem}}@media(prefers-reduced-motion:reduce){.pt-news-ticker__track{animation:none!important;transform:none!important}.pt-news-ticker__item--flash{animation:none!important;background-color:var(--pt-news-flash-background, #dc2626)!important}.pt-news-ticker__new-badge{animation:none!important}.pt-news-ticker__viewport{overflow-x:auto}.pt-news-ticker__viewport:before,.pt-news-ticker__viewport:after{display:none}}\n"] }]
+            args: [{ selector: 'pt-news-ticker', standalone: false, template: "<div\n  class=\"pt-news-ticker\"\n  [ngStyle]=\"getContainerStyle()\"\n  [attr.aria-label]=\"ariaLabel\"\n  role=\"region\"\n>\n  @if (showControls) {\n    <div class=\"pt-news-ticker__controls\">\n      @if (showPlayPauseControl) {\n        <button\n          pButton\n          pRipple\n          type=\"button\"\n          class=\"p-button-rounded p-button-text p-button-sm\"\n          [icon]=\"playing ? 'pi pi-pause' : 'pi pi-play'\"\n          [pTooltip]=\"playing ? 'Mettre en pause' : 'Reprendre'\"\n          tooltipPosition=\"top\"\n          appendTo=\"body\"\n          [attr.aria-label]=\"\n            playing ? 'Mettre le ruban en pause' : 'Reprendre le ruban'\n          \"\n          (click)=\"togglePlayState()\"\n        ></button>\n      }\n\n      @if (showSpeedControls) {\n        <button\n          pButton\n          pRipple\n          type=\"button\"\n          icon=\"pi pi-minus\"\n          class=\"p-button-rounded p-button-text p-button-sm\"\n          pTooltip=\"Ralentir\"\n          tooltipPosition=\"top\"\n          appendTo=\"body\"\n          aria-label=\"Ralentir le ruban\"\n          [disabled]=\"speed <= minSpeed\"\n          (click)=\"decreaseSpeed()\"\n        ></button>\n\n        <button\n          pButton\n          pRipple\n          type=\"button\"\n          icon=\"pi pi-plus\"\n          class=\"p-button-rounded p-button-text p-button-sm\"\n          pTooltip=\"Acc\u00E9l\u00E9rer\"\n          tooltipPosition=\"top\"\n          appendTo=\"body\"\n          aria-label=\"Acc\u00E9l\u00E9rer le ruban\"\n          [disabled]=\"speed >= maxSpeed\"\n          (click)=\"increaseSpeed()\"\n        ></button>\n      }\n\n      @if (showResetSpeedControl) {\n        <button\n          pButton\n          pRipple\n          type=\"button\"\n          icon=\"pi pi-refresh\"\n          class=\"p-button-rounded p-button-text p-button-sm\"\n          pTooltip=\"R\u00E9initialiser la vitesse\"\n          tooltipPosition=\"top\"\n          appendTo=\"body\"\n          aria-label=\"R\u00E9initialiser la vitesse\"\n          [disabled]=\"speed === defaultSpeed\"\n          (click)=\"resetSpeed()\"\n        ></button>\n      }\n\n      @if (showSpeedValue) {\n        <span\n          class=\"pt-news-ticker__speed\"\n          [attr.aria-label]=\"'Vitesse ' + speed + ' pixels par seconde'\"\n        >\n          {{ speed }} px/s\n        </span>\n      }\n    </div>\n  }\n\n  <div\n    #tickerViewport\n    class=\"pt-news-ticker__viewport\"\n    (mouseenter)=\"onMouseEnter()\"\n    (mouseleave)=\"onMouseLeave()\"\n  >\n    @if (internalNews.length > 0) {\n      <div\n        #tickerTrack\n        class=\"pt-news-ticker__track\"\n        [class.pt-news-ticker__track--single]=\"!loop\"\n        [ngStyle]=\"getTrackStyle()\"\n        (animationiteration)=\"onTrackAnimationIteration($event)\"\n        (animationend)=\"onTrackAnimationEnd($event)\"\n      >\n        <div\n          #tickerGroup\n          class=\"pt-news-ticker__group\"\n          [attr.aria-hidden]=\"false\"\n        >\n          @for (item of internalNews; track getTrackById($index, item)) {\n            <article\n              class=\"pt-news-ticker__item\"\n              [ngClass]=\"getItemClasses(item)\"\n              [ngStyle]=\"getItemStyle(item)\"\n              [pTooltip]=\"item.tooltip || ''\"\n              tooltipPosition=\"top\"\n              appendTo=\"body\"\n              [attr.aria-disabled]=\"item.disabled\"\n              [attr.aria-label]=\"\n                hasItemLink(item) ? item.text + ', ouvrir le lien' : item.text\n              \"\n              [attr.role]=\"getItemRole(item)\"\n              [attr.tabindex]=\"getItemTabIndex(item)\"\n              (click)=\"onItemClick($event, item)\"\n              (keydown.enter)=\"onItemClick($event, item)\"\n              (keydown.space)=\"onItemClick($event, item)\"\n            >\n              @if (item.icon) {\n                <i\n                  class=\"pt-news-ticker__item-icon\"\n                  [ngClass]=\"item.icon\"\n                  aria-hidden=\"true\"\n                ></i>\n              }\n\n              <div class=\"pt-news-ticker__content\">\n                <span class=\"pt-news-ticker__item-title\">\n                  {{ item.text }}\n                </span>\n\n                @if (hasSegments(item)) {\n                  <span class=\"pt-news-ticker__segments\">\n                    @for (segment of item.segments; track $index) {\n                      @if ($index > 0) {\n                        <span\n                          class=\"pt-news-ticker__segment-separator\"\n                          aria-hidden=\"true\"\n                        >\n                          {{ getSegmentSeparator(item) }}\n                        </span>\n                      }\n\n                      <span\n                        class=\"pt-news-ticker__segment\"\n                        [ngStyle]=\"getSegmentStyle(segment)\"\n                        [pTooltip]=\"segment.tooltip || ''\"\n                        tooltipPosition=\"top\"\n                        appendTo=\"body\"\n                      >\n                        @if (segment.label) {\n                          <span class=\"pt-news-ticker__segment-label\">\n                            {{ segment.label }}\n                          </span>\n                        }\n\n                        @if (getSegmentIcon(segment); as segmentIcon) {\n                          <i\n                            class=\"pt-news-ticker__segment-icon\"\n                            [ngClass]=\"segmentIcon\"\n                            aria-hidden=\"true\"\n                          ></i>\n                        }\n\n                        @if (segment.value) {\n                          <span class=\"pt-news-ticker__segment-value\">\n                            {{ segment.value }}\n                          </span>\n                        }\n                      </span>\n                    }\n                  </span>\n                }\n              </div>\n\n              @if (shouldShowNewBadge(item)) {\n                <span class=\"pt-news-ticker__new-badge\">\n                  {{ getNewBadgeText(item) }}\n                </span>\n              }\n\n              @if (hasItemLink(item)) {\n                <i\n                  class=\"pt-news-ticker__link-icon pi pi-external-link\"\n                  aria-hidden=\"true\"\n                ></i>\n              }\n\n              @if (isItemRemovable(item)) {\n                <button\n                  pButton\n                  pRipple\n                  type=\"button\"\n                  icon=\"pi pi-times\"\n                  class=\"pt-news-ticker__remove-button p-button-rounded p-button-text p-button-sm\"\n                  pTooltip=\"Supprimer l\u2019actualit\u00E9\"\n                  tooltipPosition=\"top\"\n                  appendTo=\"body\"\n                  [attr.aria-label]=\"'Supprimer : ' + item.text\"\n                  (click)=\"onRemoveClick($event, item)\"\n                ></button>\n              }\n            </article>\n          }\n        </div>\n\n        @if (loop) {\n          <div class=\"pt-news-ticker__group\" aria-hidden=\"true\">\n            @for (\n              item of internalNews;\n              track getDuplicateTrackById($index, item)\n            ) {\n              <article\n                class=\"pt-news-ticker__item\"\n                [ngClass]=\"getDuplicateItemClasses(item)\"\n                [ngStyle]=\"getItemStyle(item)\"\n              >\n                @if (item.icon) {\n                  <i\n                    class=\"pt-news-ticker__item-icon\"\n                    [ngClass]=\"item.icon\"\n                    aria-hidden=\"true\"\n                  ></i>\n                }\n\n                <div class=\"pt-news-ticker__content\">\n                  <span class=\"pt-news-ticker__item-title\">\n                    {{ item.text }}\n                  </span>\n\n                  @if (hasSegments(item)) {\n                    <span class=\"pt-news-ticker__segments\">\n                      @for (segment of item.segments; track $index) {\n                        @if ($index > 0) {\n                          <span\n                            class=\"pt-news-ticker__segment-separator\"\n                            aria-hidden=\"true\"\n                          >\n                            {{ getSegmentSeparator(item) }}\n                          </span>\n                        }\n\n                        <span\n                          class=\"pt-news-ticker__segment\"\n                          [ngStyle]=\"getSegmentStyle(segment)\"\n                        >\n                          @if (segment.label) {\n                            <span class=\"pt-news-ticker__segment-label\">\n                              {{ segment.label }}\n                            </span>\n                          }\n\n                          @if (getSegmentIcon(segment); as segmentIcon) {\n                            <i\n                              class=\"pt-news-ticker__segment-icon\"\n                              [ngClass]=\"segmentIcon\"\n                              aria-hidden=\"true\"\n                            ></i>\n                          }\n\n                          @if (segment.value) {\n                            <span class=\"pt-news-ticker__segment-value\">\n                              {{ segment.value }}\n                            </span>\n                          }\n                        </span>\n                      }\n                    </span>\n                  }\n                </div>\n\n                @if (shouldShowNewBadge(item)) {\n                  <span class=\"pt-news-ticker__new-badge\">\n                    {{ getNewBadgeText(item) }}\n                  </span>\n                }\n\n                @if (hasItemLink(item)) {\n                  <i\n                    class=\"pt-news-ticker__link-icon pi pi-external-link\"\n                    aria-hidden=\"true\"\n                  ></i>\n                }\n\n                @if (isItemRemovable(item)) {\n                  <span\n                    class=\"pt-news-ticker__duplicate-remove-placeholder\"\n                    aria-hidden=\"true\"\n                  >\n                    <i class=\"pi pi-times\"></i>\n                  </span>\n                }\n              </article>\n            }\n          </div>\n        }\n      </div>\n    } @else {\n      <div class=\"pt-news-ticker__empty\">\n        @if (emptyIcon) {\n          <i [ngClass]=\"emptyIcon\" aria-hidden=\"true\"></i>\n        }\n\n        <span>{{ emptyMessage }}</span>\n      </div>\n    }\n  </div>\n</div>\n", styles: [":host{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box}:host *,:host *:before,:host *:after{box-sizing:border-box}.pt-news-ticker{display:flex;align-items:stretch;width:100%;min-width:0;max-width:100%;min-height:var(--pt-news-ticker-height, 3.25rem);overflow:hidden;border:var(--pt-news-ticker-border-width, 1px) solid var(--pt-news-ticker-border-color, #e2e8f0);border-radius:var(--pt-news-ticker-border-radius, 8px);background:var(--pt-news-ticker-background, #ffffff);color:var(--pt-news-ticker-text-color, #0f172a)}.pt-news-ticker__controls{position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:.1rem;min-height:var(--pt-news-ticker-height, 3.25rem);padding:.25rem .4rem;border-right:1px solid var(--pt-news-ticker-controls-border-color, #e2e8f0);background:var(--pt-news-ticker-controls-background, #f8fafc)}.pt-news-ticker__controls ::ng-deep .p-button.p-button-rounded.p-button-text{width:1.9rem;min-width:1.9rem;height:1.9rem;padding:0}.pt-news-ticker__controls ::ng-deep .p-button .p-button-icon{font-size:.78rem}.pt-news-ticker__speed{min-width:3.5rem;padding:0 .35rem;color:#475569;font-size:.7rem;font-weight:700;text-align:center;white-space:nowrap}.pt-news-ticker__viewport{position:relative;display:flex;align-items:center;flex:1 1 auto;width:100%;min-width:0;min-height:var(--pt-news-ticker-height, 3.25rem);overflow:hidden;contain:layout paint}.pt-news-ticker__viewport:before,.pt-news-ticker__viewport:after{position:absolute;z-index:3;top:0;bottom:0;width:2.5rem;content:\"\";pointer-events:none}.pt-news-ticker__viewport:before{left:0;background:linear-gradient(to right,var(--pt-news-ticker-background, #ffffff),transparent)}.pt-news-ticker__viewport:after{right:0;background:linear-gradient(to left,var(--pt-news-ticker-background, #ffffff),transparent)}.pt-news-ticker__track{display:flex;align-items:center;flex:0 0 auto;width:max-content;min-width:max-content;transform:translateZ(0);animation-name:pt-news-ticker-scroll;animation-duration:var(--pt-news-ticker-duration, 20s);animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;backface-visibility:hidden;will-change:transform}.pt-news-ticker__track--single{animation-iteration-count:1;animation-fill-mode:forwards}.pt-news-ticker__group{display:inline-flex;align-items:center;flex:0 0 auto;gap:var(--pt-news-ticker-gap, 2rem);min-width:max-content;padding-right:var(--pt-news-ticker-gap, 2rem)}.pt-news-ticker__item{display:inline-flex;align-items:center;flex:0 0 auto;gap:var(--pt-news-item-gap, .5rem);min-height:2.25rem;max-width:48rem;padding:.35rem .65rem;overflow:hidden;border:1px solid var(--pt-news-item-border-color, transparent);border-radius:999px;outline:none;background:var(--pt-news-item-background, transparent);color:var( --pt-news-item-text-color, var(--pt-news-ticker-text-color, #0f172a) );line-height:1.25;white-space:nowrap;transition:box-shadow .15s ease,opacity .15s ease,transform .15s ease}.pt-news-ticker__item--info,.pt-news-ticker__item--default{background:transparent}.pt-news-ticker__item--clickable,.pt-news-ticker__item--link{cursor:pointer}.pt-news-ticker__item--clickable:hover,.pt-news-ticker__item--link:hover{box-shadow:0 3px 10px #0f172a1f;transform:translateY(-1px)}.pt-news-ticker__item:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary-color, #3b82f6)}.pt-news-ticker__item--disabled{cursor:not-allowed;opacity:.5}.pt-news-ticker__item-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--pt-news-item-icon-color, currentColor);font-size:.95rem}.pt-news-ticker__content{display:inline-flex;align-items:center;flex:0 0 auto;gap:.55rem;min-width:0}.pt-news-ticker__item-title{display:inline-block;flex:0 0 auto;overflow:hidden;font-size:.85rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.pt-news-ticker__item-text{display:block;flex:1 1 auto;min-width:0;overflow:hidden;font-size:.85rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.pt-news-ticker__segments{display:inline-flex;align-items:center;flex:0 0 auto;gap:.45rem;white-space:nowrap}.pt-news-ticker__segment{display:inline-flex;align-items:center;flex:0 0 auto;gap:.22rem;color:var(--pt-news-segment-color, currentColor);font-size:.82rem;font-weight:700;white-space:nowrap}.pt-news-ticker__segment-label{color:inherit;font-weight:700}.pt-news-ticker__segment-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--pt-news-segment-icon-color, currentColor);font-size:.68rem;font-weight:700}.pt-news-ticker__segment-value{color:inherit;font-variant-numeric:tabular-nums;font-weight:800}.pt-news-ticker__segment-separator{color:#94a3b8;font-size:.75rem;font-weight:700}.pt-news-ticker__new-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:1.15rem;padding:.12rem .42rem;border:1px solid #93c5fd;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:.62rem;font-weight:800;line-height:1;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap;animation:pt-news-ticker-new-badge-pulse 1.5s ease-in-out infinite}.pt-news-ticker__item--flash .pt-news-ticker__new-badge{border-color:#ffffffb3;background:#fff;color:#b91c1c}.pt-news-ticker__item--danger .pt-news-ticker__new-badge{border-color:#ffffffbf;background:#fff;color:#b91c1c}.pt-news-ticker__link-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:currentColor;font-size:.72rem;opacity:.75}.pt-news-ticker__item--link:hover .pt-news-ticker__link-icon{opacity:1}.pt-news-ticker__remove-button{flex:0 0 auto}.pt-news-ticker__item ::ng-deep .pt-news-ticker__remove-button.p-button{width:1.45rem;min-width:1.45rem;height:1.45rem;padding:0;color:currentColor}.pt-news-ticker__item ::ng-deep .pt-news-ticker__remove-button.p-button .p-button-icon{font-size:.65rem}.pt-news-ticker__item ::ng-deep .pt-news-ticker__remove-button.p-button:not(:disabled):hover{background:#0f172a1a}.pt-news-ticker__duplicate-remove-placeholder{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.45rem;min-width:1.45rem;height:1.45rem;opacity:0;pointer-events:none}.pt-news-ticker__duplicate-remove-placeholder .pi{font-size:.65rem}.pt-news-ticker__item--flash{border-color:var(--pt-news-item-border-color, #991b1b);color:var(--pt-news-flash-text-color, #ffffff);animation-name:pt-news-ticker-flash;animation-duration:var(--pt-news-flash-duration, .7s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.pt-news-ticker__item--flash .pt-news-ticker__item-icon{color:var(--pt-news-item-icon-color, #ffffff)}.pt-news-ticker__empty{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:var(--pt-news-ticker-height, 3.25rem);padding:.75rem 1rem;color:#64748b;font-size:.85rem;font-weight:500;text-align:center}.pt-news-ticker__empty .pi{font-size:1rem}@keyframes pt-news-ticker-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@keyframes pt-news-ticker-flash{0%{background-color:var(--pt-news-flash-background, #dc2626)}to{background-color:var(--pt-news-flash-alternate-background, #7f1d1d)}}@keyframes pt-news-ticker-new-badge-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(.96)}}@media(max-width:768px){.pt-news-ticker{min-height:3rem}.pt-news-ticker__controls{padding-right:.25rem;padding-left:.25rem}.pt-news-ticker__speed{display:none}.pt-news-ticker__item{max-width:34rem}.pt-news-ticker__viewport:before,.pt-news-ticker__viewport:after{width:1.25rem}}@media(max-width:480px){.pt-news-ticker__item{max-width:24rem}.pt-news-ticker__item-title,.pt-news-ticker__item-text{font-size:.78rem}.pt-news-ticker__segment{font-size:.75rem}.pt-news-ticker__new-badge{font-size:.56rem}}@media(prefers-reduced-motion:reduce){.pt-news-ticker__track{animation:none!important;transform:none!important}.pt-news-ticker__item--flash{animation:none!important;background-color:var(--pt-news-flash-background, #dc2626)!important}.pt-news-ticker__new-badge{animation:none!important}.pt-news-ticker__viewport{overflow-x:auto;contain:none}.pt-news-ticker__viewport:before,.pt-news-ticker__viewport:after{display:none}}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { news: [{
                 type: Input
             }], speed: [{
@@ -10519,6 +10571,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
             }], tickerViewport: [{
                 type: ViewChild,
                 args: ['tickerViewport', { static: false }]
+            }], tickerTrack: [{
+                type: ViewChild,
+                args: ['tickerTrack', { static: false }]
             }], tickerGroup: [{
                 type: ViewChild,
                 args: ['tickerGroup', { static: false }]