ng-prime-tools 1.1.9 → 1.1.10

package/fesm2022/ng-prime-tools.mjs

@@ -9785,6 +9785,12 @@ var PTNewsTickerType;
     PTNewsTickerType["DANGER"] = "DANGER";
     PTNewsTickerType["FLASH"] = "FLASH";
 })(PTNewsTickerType || (PTNewsTickerType = {}));
+var PTNewsTickerTrend;
+(function (PTNewsTickerTrend) {
+    PTNewsTickerTrend["UP"] = "UP";
+    PTNewsTickerTrend["DOWN"] = "DOWN";
+    PTNewsTickerTrend["STABLE"] = "STABLE";
+})(PTNewsTickerTrend || (PTNewsTickerTrend = {}));
 
 class PTNewsTickerComponent {
     constructor(changeDetectorRef, zone) {
@@ -9806,6 +9812,9 @@ class PTNewsTickerComponent {
         this.showResetSpeedControl = true;
         this.showRemoveButton = true;
         this.showSpeedValue = false;
+        this.showNewBadge = true;
+        this.newBadgeText = 'Nouveau';
+        this.newBadgeDuration = 20_000;
         this.height = '3.25rem';
         this.gap = '2rem';
         this.itemGap = '0.5rem';
@@ -9825,17 +9834,21 @@ class PTNewsTickerComponent {
         this.playStateChange = new EventEmitter();
         this.speedChange = new EventEmitter();
         this.PTNewsTickerType = PTNewsTickerType;
+        this.PTNewsTickerTrend = PTNewsTickerTrend;
         this.internalNews = [];
         this.animationDurationSeconds = 20;
         this.playing = true;
         this.hovered = false;
+        this.pendingNews = null;
         this.animationFrameId = null;
         this.viewInitialized = false;
+        this.newBadgeTimeouts = new Map();
+        this.expiredNewBadgeIds = new Set();
     }
     ngOnChanges(changes) {
         if (changes['news']) {
-            this.internalNews = this.normalizeNews(changes['news'].currentValue ?? []);
-            this.scheduleAnimationRefresh();
+            const normalizedNews = this.normalizeNews(changes['news'].currentValue ?? []);
+            this.queueOrApplyNews(normalizedNews);
         }
         if (changes['speed'] || changes['minSpeed'] || changes['maxSpeed']) {
             this.speed = this.normalizeSpeed(this.speed);
@@ -9844,6 +9857,9 @@ class PTNewsTickerComponent {
         if (changes['defaultSpeed']) {
             this.defaultSpeed = this.normalizeSpeed(this.defaultSpeed);
         }
+        if (changes['newBadgeDuration']) {
+            this.newBadgeDuration = this.normalizeNewBadgeDuration(this.newBadgeDuration);
+        }
         if (changes['autoplay']) {
             this.playing = this.autoplay;
             this.emitPlayStateChange();
@@ -9869,52 +9885,57 @@ class PTNewsTickerComponent {
             cancelAnimationFrame(this.animationFrameId);
             this.animationFrameId = null;
         }
+        this.clearNewBadgeTimeouts();
+        this.pendingNews = null;
     }
     addNews(item) {
         if (!item || item.id === null || item.id === undefined) {
             return;
         }
         const normalizedItem = this.normalizeItem(item);
-        const existingIndex = this.internalNews.findIndex((newsItem) => newsItem.id === normalizedItem.id);
-        if (existingIndex >= 0) {
-            this.internalNews = this.internalNews.map((newsItem, index) => index === existingIndex ? normalizedItem : newsItem);
-        }
-        else {
-            this.internalNews = [...this.internalNews, normalizedItem];
-        }
+        const sourceNews = this.pendingNews ?? this.internalNews;
+        const existingIndex = sourceNews.findIndex((newsItem) => String(newsItem.id) === String(normalizedItem.id));
+        const updatedNews = existingIndex >= 0
+            ? sourceNews.map((newsItem, index) => index === existingIndex ? normalizedItem : newsItem)
+            : [...sourceNews, normalizedItem];
+        this.queueOrApplyNews(updatedNews);
         this.emitNewsChange({
-            news: [...this.internalNews],
+            news: [...updatedNews],
             addedItem: normalizedItem,
         });
-        this.scheduleAnimationRefresh();
     }
     removeNews(itemOrId) {
         const id = typeof itemOrId === 'object' ? itemOrId?.id : itemOrId;
-        const removedItem = this.internalNews.find((item) => item.id === id);
+        const sourceNews = this.pendingNews ?? this.internalNews;
+        const removedItem = sourceNews.find((item) => String(item.id) === String(id));
         if (!removedItem) {
             return;
         }
-        this.internalNews = this.internalNews.filter((item) => item.id !== id);
+        const updatedNews = sourceNews.filter((item) => String(item.id) !== String(id));
+        this.clearNewBadgeTimeout(removedItem);
+        this.queueOrApplyNews(updatedNews);
         this.newsRemove.emit(removedItem);
         this.emitNewsChange({
-            news: [...this.internalNews],
+            news: [...updatedNews],
             removedItem,
         });
-        this.scheduleAnimationRefresh();
     }
     clearNews() {
+        this.pendingNews = null;
         this.internalNews = [];
+        this.clearNewBadgeTimeouts();
+        this.expiredNewBadgeIds.clear();
         this.emitNewsChange({
             news: [],
         });
         this.scheduleAnimationRefresh();
     }
     replaceNews(news) {
-        this.internalNews = this.normalizeNews(news);
+        const normalizedNews = this.normalizeNews(news);
+        this.queueOrApplyNews(normalizedNews);
         this.emitNewsChange({
-            news: [...this.internalNews],
+            news: [...normalizedNews],
         });
-        this.scheduleAnimationRefresh();
     }
     play() {
         if (this.playing) {
@@ -9929,10 +9950,14 @@ class PTNewsTickerComponent {
         }
         this.playing = false;
         this.emitPlayStateChange();
+        this.applyPendingNewsImmediately();
     }
     togglePlayState() {
         this.playing = !this.playing;
         this.emitPlayStateChange();
+        if (!this.playing) {
+            this.applyPendingNewsImmediately();
+        }
     }
     increaseSpeed() {
         this.setSpeed(this.speed + this.normalizeSpeedStep());
@@ -9966,6 +9991,12 @@ class PTNewsTickerComponent {
     onMouseLeave() {
         this.hovered = false;
     }
+    onTrackAnimationIteration() {
+        this.applyPendingNews();
+    }
+    onTrackAnimationEnd() {
+        this.applyPendingNews();
+    }
     onItemClick(event, item) {
         if (item.disabled) {
             event.preventDefault();
@@ -9985,9 +10016,6 @@ class PTNewsTickerComponent {
         }
         window.location.assign(link);
     }
-    hasItemLink(item) {
-        return !!item.link?.trim() && !item.disabled;
-    }
     onRemoveClick(event, item) {
         event.preventDefault();
         event.stopPropagation();
@@ -9996,12 +10024,60 @@ class PTNewsTickerComponent {
         }
         this.removeNews(item);
     }
+    hasItemLink(item) {
+        return !!item.link?.trim() && !item.disabled;
+    }
+    hasSegments(item) {
+        return Array.isArray(item.segments) && item.segments.length > 0;
+    }
     isItemRemovable(item) {
         return this.showRemoveButton && item.removable !== false && !item.disabled;
     }
     isItemFlash(item) {
         return item.flash === true || item.type === PTNewsTickerType.FLASH;
     }
+    shouldShowNewBadge(item) {
+        if (!this.showNewBadge || item.showNewBadge === false) {
+            return false;
+        }
+        const key = this.getItemKey(item);
+        if (this.expiredNewBadgeIds.has(key)) {
+            return false;
+        }
+        const createdAt = this.resolveCreatedAt(item);
+        if (createdAt === null) {
+            return true;
+        }
+        return Date.now() - createdAt < this.getNewBadgeDuration(item);
+    }
+    getNewBadgeText(item) {
+        return item.newBadgeText?.trim() || this.newBadgeText;
+    }
+    getSegmentSeparator(item) {
+        return item.segmentSeparator?.trim() || '•';
+    }
+    getSegmentIcon(segment) {
+        if (segment.icon?.trim()) {
+            return segment.icon.trim();
+        }
+        switch (segment.trend) {
+            case PTNewsTickerTrend.UP:
+                return 'pi pi-arrow-up';
+            case PTNewsTickerTrend.DOWN:
+                return 'pi pi-arrow-down';
+            case PTNewsTickerTrend.STABLE:
+                return 'pi pi-minus';
+            default:
+                return null;
+        }
+    }
+    getSegmentStyle(segment) {
+        const trendColor = this.getSegmentTrendColor(segment.trend);
+        return {
+            '--pt-news-segment-color': segment.textColor ?? trendColor ?? 'currentColor',
+            '--pt-news-segment-icon-color': segment.iconColor ?? segment.textColor ?? trendColor ?? 'currentColor',
+        };
+    }
     getTrackStyle() {
         return {
             '--pt-news-ticker-duration': `${this.animationDurationSeconds}s`,
@@ -10059,12 +10135,150 @@ 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;
+        }
+        return classes;
+    }
     getTrackById(index, item) {
         return `${item.id}-${index}`;
     }
     getDuplicateTrackById(index, item) {
         return `duplicate-${item.id}-${index}`;
     }
+    getItemRole(item) {
+        return this.hasItemLink(item) ? 'link' : null;
+    }
+    getItemTabIndex(item) {
+        if (item.disabled) {
+            return -1;
+        }
+        return this.hasItemLink(item) || this.newsClick.observers.length > 0
+            ? 0
+            : -1;
+    }
+    queueOrApplyNews(news) {
+        this.scheduleNewBadges(news);
+        if (this.shouldApplyNewsImmediately()) {
+            this.pendingNews = null;
+            this.internalNews = [...news];
+            this.scheduleAnimationRefresh();
+            return;
+        }
+        this.pendingNews = [...news];
+    }
+    shouldApplyNewsImmediately() {
+        return (!this.viewInitialized ||
+            !this.loop ||
+            !this.playing ||
+            this.internalNews.length === 0 ||
+            this.prefersReducedMotion());
+    }
+    applyPendingNews() {
+        if (!this.pendingNews) {
+            return;
+        }
+        const nextNews = [...this.pendingNews];
+        this.pendingNews = null;
+        this.internalNews = nextNews;
+        this.changeDetectorRef.detectChanges();
+        this.scheduleAnimationRefresh();
+    }
+    applyPendingNewsImmediately() {
+        if (!this.pendingNews) {
+            return;
+        }
+        this.applyPendingNews();
+    }
+    scheduleNewBadges(news) {
+        news.forEach((item) => {
+            this.scheduleNewBadgeExpiration(item);
+        });
+    }
+    scheduleNewBadgeExpiration(item) {
+        if (!this.showNewBadge || item.showNewBadge === false) {
+            return;
+        }
+        const key = this.getItemKey(item);
+        if (this.expiredNewBadgeIds.has(key) || this.newBadgeTimeouts.has(key)) {
+            return;
+        }
+        const duration = this.getNewBadgeDuration(item);
+        const createdAt = this.resolveCreatedAt(item) ?? Date.now();
+        const elapsed = Date.now() - createdAt;
+        const remainingDuration = Math.max(0, duration - elapsed);
+        if (remainingDuration === 0) {
+            this.expiredNewBadgeIds.add(key);
+            return;
+        }
+        const timeout = setTimeout(() => {
+            this.newBadgeTimeouts.delete(key);
+            this.expiredNewBadgeIds.add(key);
+            this.changeDetectorRef.markForCheck();
+        }, remainingDuration);
+        this.newBadgeTimeouts.set(key, timeout);
+    }
+    getNewBadgeDuration(item) {
+        return this.normalizeNewBadgeDuration(item.newBadgeDuration ?? this.newBadgeDuration);
+    }
+    normalizeNewBadgeDuration(duration) {
+        const numericDuration = Number(duration);
+        if (!Number.isFinite(numericDuration) || numericDuration <= 0) {
+            return 20_000;
+        }
+        return Math.max(1_000, numericDuration);
+    }
+    clearNewBadgeTimeout(item) {
+        const key = this.getItemKey(item);
+        const timeout = this.newBadgeTimeouts.get(key);
+        if (timeout) {
+            clearTimeout(timeout);
+            this.newBadgeTimeouts.delete(key);
+        }
+        this.expiredNewBadgeIds.delete(key);
+    }
+    clearNewBadgeTimeouts() {
+        this.newBadgeTimeouts.forEach((timeout) => {
+            clearTimeout(timeout);
+        });
+        this.newBadgeTimeouts.clear();
+    }
+    resolveCreatedAt(item) {
+        if (!item.createdAt) {
+            return null;
+        }
+        if (item.createdAt instanceof Date) {
+            const timestamp = item.createdAt.getTime();
+            return Number.isFinite(timestamp) ? timestamp : null;
+        }
+        const timestamp = new Date(item.createdAt).getTime();
+        return Number.isFinite(timestamp) ? timestamp : null;
+    }
+    getItemKey(item) {
+        return String(item.id);
+    }
+    getSegmentTrendColor(trend) {
+        switch (trend) {
+            case PTNewsTickerTrend.UP:
+                return '#15803d';
+            case PTNewsTickerTrend.DOWN:
+                return '#dc2626';
+            case PTNewsTickerTrend.STABLE:
+                return '#64748b';
+            default:
+                return null;
+        }
+    }
+    prefersReducedMotion() {
+        return (typeof window !== 'undefined' &&
+            typeof window.matchMedia === 'function' &&
+            window.matchMedia('(prefers-reduced-motion: reduce)').matches);
+    }
     getAnimationPlayState() {
         if (!this.playing) {
             return 'paused';
@@ -10134,8 +10348,29 @@ class PTNewsTickerComponent {
             removable: item.removable ?? true,
             disabled: item.disabled ?? false,
             flashDuration: Math.max(100, Number(item.flashDuration ?? 700)),
+            showNewBadge: item.showNewBadge ?? true,
+            newBadgeDuration: this.normalizeNewBadgeDuration(item.newBadgeDuration ?? this.newBadgeDuration),
+            newBadgeText: item.newBadgeText?.trim() || this.newBadgeText,
+            segmentSeparator: item.segmentSeparator?.trim() || '•',
+            segments: this.normalizeSegments(item.segments),
         };
     }
+    normalizeSegments(segments) {
+        if (!Array.isArray(segments)) {
+            return [];
+        }
+        return segments
+            .filter((segment) => !!segment &&
+            (String(segment.label ?? '').trim().length > 0 ||
+                String(segment.value ?? '').trim().length > 0))
+            .map((segment) => ({
+            ...segment,
+            label: String(segment.label ?? '').trim(),
+            value: segment.value === undefined || segment.value === null
+                ? undefined
+                : String(segment.value).trim(),
+        }));
+    }
     normalizeSpeed(speed) {
         const numericSpeed = Number(speed);
         const safeMinSpeed = Math.max(1, Number(this.minSpeed) || 1);
@@ -10201,23 +10436,12 @@ class PTNewsTickerComponent {
                 };
         }
     }
-    getItemRole(item) {
-        return this.hasItemLink(item) ? 'link' : null;
-    }
-    getItemTabIndex(item) {
-        if (item.disabled) {
-            return -1;
-        }
-        return this.hasItemLink(item) || this.newsClick.observers.length > 0
-            ? 0
-            : -1;
-    }
     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", 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      >\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              <span class=\"pt-news-ticker__item-text\">\n                {{ item.text }}\n              </span>\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]=\"getItemClasses(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                <span class=\"pt-news-ticker__item-text\">\n                  {{ item.text }}\n                </span>\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:36rem;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{cursor:pointer}.pt-news-ticker__item--clickable: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__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__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)}}@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:22rem}.pt-news-ticker__viewport:before,.pt-news-ticker__viewport:after{width:1.25rem}}@media(max-width:480px){.pt-news-ticker__item{max-width:17rem}.pt-news-ticker__item-text{font-size:.78rem}}@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__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: "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"] }] }); }
 }
 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      >\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              <span class=\"pt-news-ticker__item-text\">\n                {{ item.text }}\n              </span>\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]=\"getItemClasses(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                <span class=\"pt-news-ticker__item-text\">\n                  {{ item.text }}\n                </span>\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:36rem;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{cursor:pointer}.pt-news-ticker__item--clickable: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__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__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)}}@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:22rem}.pt-news-ticker__viewport:before,.pt-news-ticker__viewport:after{width:1.25rem}}@media(max-width:480px){.pt-news-ticker__item{max-width:17rem}.pt-news-ticker__item-text{font-size:.78rem}}@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__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        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"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { news: [{
                 type: Input
             }], speed: [{
@@ -10250,6 +10474,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                 type: Input
             }], showSpeedValue: [{
                 type: Input
+            }], showNewBadge: [{
+                type: Input
+            }], newBadgeText: [{
+                type: Input
+            }], newBadgeDuration: [{
+                type: Input
             }], height: [{
                 type: Input
             }], gap: [{
@@ -10716,5 +10946,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AlignEnum, BadgeType, BadgeTypeStyles, ButtonColorEnum, DateUtilityService, FormInputTypeEnum, InputValidationEnum, MultiSearchCriteriaComponent, MultiSearchCriteriaModule, NgPrimeToolsModule, PTAccordionComponent, PTAccordionModule, PTAccordionPanelDirective, PTAdvancedPrimeTableComponent, PTAdvancedPrimeTableModule, PTBreadCrumbComponent, PTBreadCrumbModule, PTButtonComponent, PTButtonModule, PTCardComponent, PTCardModule, PTChangePasswordPageComponent, PTChangePasswordPageModule, PTChartComparisonComponent, PTChartComparisonModule, PTChartComponent, PTChartModule, PTCheckBoxInputComponent, PTCheckBoxInputModule, PTConfirmDialogComponent, PTConfirmDialogModule, PTDateInputComponent, PTDateInputModule, PTDialogComponent, PTDialogModule, PTDropdownComponent, PTDropdownModule, PTFooterComponent, PTFooterModule, PTFormBuilderComponent, PTFormBuilderModule, PTGroupComponent, PTGroupModule, PTLineChartComponent, PTLineChartModule, PTLoginPageComponent, PTLoginPageModule, PTMenuComponent, PTMenuFancyComponent, PTMenuFancyModule, PTMenuModule, PTMetricCardComponent, PTMetricCardGroupComponent, PTMetricCardGroupModule, PTMetricCardModule, PTMetricPanelComponent, PTMetricPanelModule, PTMultiSelectComponent, PTMultiSelectModule, PTNavbarMenuComponent, PTNavbarMenuModule, PTNewsTickerComponent, PTNewsTickerDirection, PTNewsTickerModule, PTNewsTickerType, PTNumberInputComponent, PTNumberInputModule, PTOtpInputComponent, PTOtpInputModule, PTOtpPageComponent, PTOtpPageModule, PTPageSkeletonComponent, PTPageSkeletonModule, PTPasswordInputComponent, PTPasswordInputModule, PTSideBarMenuComponent, PTSideBarMenuModule, PTSwitchInputComponent, PTSwitchInputModule, PTTextAreaInputComponent, PTTextAreaInputModule, PTTextInputComponent, PTTextInputModule, PTToastNotifierComponent, PTToastNotifierModule, SearchCriteriaTypeEnum, SeverityEnum, TableTypeEnum };
+export { AlignEnum, BadgeType, BadgeTypeStyles, ButtonColorEnum, DateUtilityService, FormInputTypeEnum, InputValidationEnum, MultiSearchCriteriaComponent, MultiSearchCriteriaModule, NgPrimeToolsModule, PTAccordionComponent, PTAccordionModule, PTAccordionPanelDirective, PTAdvancedPrimeTableComponent, PTAdvancedPrimeTableModule, PTBreadCrumbComponent, PTBreadCrumbModule, PTButtonComponent, PTButtonModule, PTCardComponent, PTCardModule, PTChangePasswordPageComponent, PTChangePasswordPageModule, PTChartComparisonComponent, PTChartComparisonModule, PTChartComponent, PTChartModule, PTCheckBoxInputComponent, PTCheckBoxInputModule, PTConfirmDialogComponent, PTConfirmDialogModule, PTDateInputComponent, PTDateInputModule, PTDialogComponent, PTDialogModule, PTDropdownComponent, PTDropdownModule, PTFooterComponent, PTFooterModule, PTFormBuilderComponent, PTFormBuilderModule, PTGroupComponent, PTGroupModule, PTLineChartComponent, PTLineChartModule, PTLoginPageComponent, PTLoginPageModule, PTMenuComponent, PTMenuFancyComponent, PTMenuFancyModule, PTMenuModule, PTMetricCardComponent, PTMetricCardGroupComponent, PTMetricCardGroupModule, PTMetricCardModule, PTMetricPanelComponent, PTMetricPanelModule, PTMultiSelectComponent, PTMultiSelectModule, PTNavbarMenuComponent, PTNavbarMenuModule, PTNewsTickerComponent, PTNewsTickerDirection, PTNewsTickerModule, PTNewsTickerTrend, PTNewsTickerType, PTNumberInputComponent, PTNumberInputModule, PTOtpInputComponent, PTOtpInputModule, PTOtpPageComponent, PTOtpPageModule, PTPageSkeletonComponent, PTPageSkeletonModule, PTPasswordInputComponent, PTPasswordInputModule, PTSideBarMenuComponent, PTSideBarMenuModule, PTSwitchInputComponent, PTSwitchInputModule, PTTextAreaInputComponent, PTTextAreaInputModule, PTTextInputComponent, PTTextInputModule, PTToastNotifierComponent, PTToastNotifierModule, SearchCriteriaTypeEnum, SeverityEnum, TableTypeEnum };
 //# sourceMappingURL=ng-prime-tools.mjs.map