@eui/components 19.2.2-snapshot-1746543961415 → 19.2.2-snapshot-1746624054534

package/fesm2022/eui-components-eui-timebar.mjs

@@ -331,7 +331,7 @@ class EuiTimebarComponent {
         return firstItem.date.getTime() - secondItem.date.getTime();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTimebarComponent, deps: [{ token: i1.EuiAppShellService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiTimebarComponent, isStandalone: true, selector: "eui-timebar", inputs: { e2eAttr: "e2eAttr", markedDate: "markedDate", items: "items", startLabel: "startLabel", endLabel: "endLabel", dateFormat: "dateFormat", isShowLegend: ["isShowLegend", "isShowLegend", booleanAttribute], isShowLegendAsIndex: ["isShowLegendAsIndex", "isShowLegendAsIndex", booleanAttribute], isShowCurrentDateMarker: ["isShowCurrentDateMarker", "isShowCurrentDateMarker", booleanAttribute], isCurrentDateMarkerAlwaysInRange: ["isCurrentDateMarkerAlwaysInRange", "isCurrentDateMarkerAlwaysInRange", booleanAttribute], isGroupOverlappingLabels: ["isGroupOverlappingLabels", "isGroupOverlappingLabels", booleanAttribute] }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"row eui-u-flex\" #container>\n    @if(startLabel) {\n        <div class=\"col-2 eui-timebar__start-label\">\n            {{ startLabel }}\n        </div>\n    }\n    <div class=\"{{timebarColumnClass}} {{ 'col-' + ((startLabel ? -2 : 0) + (endLabel ? -2 : 0) + 12) }}\">\n        <div class=\"eui-timebar\" [style.marginBottom.px]=\"extraTimelineLabelSpace\" attr.data-e2e=\"{{ e2eAttr }}\">\n            @if(isShowCurrentDateMarker) {\n                <div\n                    class=\"eui-timebar__current-progress\"\n                    [style.width.%]=\"currentPerc >= 100 ? 100 : currentPerc\"></div>\n            }\n            @if(markedDate) {\n                <div class=\"eui-timebar__current-progress\" [style.width.%]=\"markedPerc >= 100 ? 100 : markedPerc\"></div>\n            }\n\n            @for (item of itemsUI; let i = $index; track i) {\n                @if(!item.isGrouped) {\n                    <div\n                        class=\"eui-timebar__step\"\n                        [ngClass]=\"item.stepTypeClass\"\n                        [style.left.%]=\"item.perc\"\n                        [class.eui-timebar__step--with-current-date-marker]=\"isShowCurrentDateMarker || markedDate\">\n                        @if(!isMobile) {\n                            <div class=\"eui-timebar__step-date-item\" [class.eui-timebar__step-date-item--with-end-date]=\"item.groupEndDate\">\n                                @if(item.groupEndDate) {\n                                    <span\n                                        class=\"eui-timebar__grouped__step {{\n                                        item.stepTypeClass ? 'eui-timebar__step--' + item.stepTypeClass : ''}}\">\n                                        {{ item.groupEndDate | date: dateFormat: null: (locale.getState() | async).id }}\n                                    </span>\n                                }\n                                <span\n                                    class=\"{{ item.tooltipColor ? 'eui-timebar__step--' + item.tooltipColor : '' }}\"\n                                    [class.eui-timebar__grouped__step]=\"item.groupEndDate\">\n                                    {{ item.item.date | date: dateFormat: null: (locale.getState() | async).id }}\n                                </span>\n                            </div>\n                        }\n                        @if(!isShowLegendGenerated) {\n                            <div [style.left.%]=\"!isMobile ? item.perc : null\" class=\"eui-timebar__step-label\">\n                                @if(!item.groupLabel) {\n                                    <span title=\"{{ item.item.label }}\">{{ item.item.label }}</span>\n                                }\n                                @if(item.groupLabel) {\n                                    <span title=\"{{ item.groupLabel }}\">{{ item.groupLabel }}</span>\n                                }\n                            </div>\n                        }\n                        @if(isShowLegendGenerated && isShowLegendAsIndexGenerated) {\n                            <div\n                                [style.left.%]=\"!isMobile ? item.perc : null\"\n                                class=\"eui-timebar__step-label\">\n                                {{ !item.groupLabel ? i + 1 : item.groupLabel }}\n                            </div>\n                        }\n                    </div>\n                }\n            }\n\n            @if(isShowCurrentDateMarker) {\n                <div\n                    class=\"eui-timebar__current-date-marker\"\n                    [style.left.%]=\"currentPerc\"\n                    title=\"{{ currentDate | date: dateFormat: null: (locale.getState() | async).id }}\">\n                    <eui-icon-svg icon=\"location\" set=\"sharp\" size=\"m\"></eui-icon-svg>\n                </div>\n                <div class=\"eui-timebar__current-date-marker-step\" [style.left.%]=\"currentPerc\">\n                    <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\"></eui-icon-svg>\n                </div>\n            }\n            @if(markedDate) {\n                <div\n                    class=\"eui-timebar__current-date-marker\"\n                    [style.left.%]=\"markedPerc\"\n                    title=\"{{ markedDate | date: dateFormat: null: (locale.getState() | async).id }}\">\n                    <eui-icon-svg icon=\"location\" set=\"sharp\" size=\"m\"></eui-icon-svg>\n                </div>\n                <div class=\"eui-timebar__current-date-marker-step\" [style.left.%]=\"markedPerc\">\n                    <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\"></eui-icon-svg>\n                </div>\n            }\n        </div>\n    </div>\n    @if(endLabel) {\n        <div class=\"col-2 eui-timebar__end-label\">\n            {{ endLabel }}\n        </div>\n    }\n</div>\n<div class=\"row eui-u-flex-justify-content-center\">\n    <div class=\"{{timebarColumnClass}} {{ 'col-md-' + ((startLabel ? -2 : 0) + (endLabel ? -2 : 0) + 12) }}\">\n        @if (isShowLegendGenerated || isSomeStepsAreGrouped) {\n        <div class=\"eui-timebar__legend\">\n            @for (item of itemsUI; let i = $index; track i){\n                @if(isShowLegendGenerated) {\n                    <div class=\"eui-timebar__legend-item\">\n                        @if(!isShowLegendAsIndexGenerated) {\n                            <div class=\"eui-timebar__legend-item-icon\">\n                                <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\" fillColor=\"{{ item.item.stepType }}\"></eui-icon-svg>\n                            </div>\n                        } @else {\n                            <div class=\"eui-timebar__legend-item-index-wrapper\">\n                                <eui-badge euiSizeL euiPrimary>{{ i + 1 }}</eui-badge>\n                            </div>\n                        }\n                        <div class=\"eui-timebar__legend-item-label\">\n                            @if(isMobile) {\n                                <strong>{{ item.item.date | date: dateFormat: null: (locale.getState() | async).id }}</strong> -\n                            }\n                            {{ item.item.label }}\n                        </div>\n                    </div>\n                }\n                @if(!isShowLegendGenerated && (item.groupLabel || item.isGrouped)) {\n                    <div class=\"eui-timebar__legend-item\">\n                        <div class=\"eui-timebar__legend-item-index-wrapper\">\n                            <eui-badge euiSizeL euiPrimary>{{ item.groupIndex }}</eui-badge>\n                        </div>\n                        <div class=\"eui-timebar__legend-item-label\">\n                            <strong>{{ item.item.date | date: dateFormat: null: (locale.getState() | async).id }}</strong> - {{ item.item.label }}\n                        </div>\n                    </div>\n                }\n            }\n        </div>\n        }\n    </div>\n</div>\n", styles: [".eui-19 .eui-timebar{border-bottom:2px solid var(--eui-c-neutral-lightest);margin:6rem 3rem;padding:5px;position:relative}.eui-19 .eui-timebar__step{border:7px solid var(--eui-c-s-secondary);border-radius:var(--eui-br-max);height:14px;position:absolute;width:14px}.eui-19 .eui-timebar__step-date-item{background-color:var(--eui-c-s-secondary-bg);color:var(--eui-c-s-secondary-on-bg);border:1px solid var(--eui-c-s-secondary-border-outline);border-radius:var(--eui-br-max);max-width:8rem;min-width:6rem;padding:var(--eui-s-2xs);position:absolute;text-align:center;top:-2.5rem;transform:rotate(65deg);transform-origin:50% -175%;white-space:normal;font:var(--eui-f-s)}.eui-19 .eui-timebar__step-date-item--with-end-date{left:2.5rem;top:-1.75rem}.eui-19 .eui-timebar__step--with-current-date-marker.hint--top:before,.eui-19 .eui-timebar__step--with-current-date-marker.hint--top:after{bottom:25px}.eui-19 .eui-timebar__current-progress{border-bottom:3px solid var(--eui-c-s-primary-fill);padding-top:5px;position:absolute}.eui-19 .eui-timebar__current-date-marker{color:var(--eui-c-s-danger-fill);margin-left:-2px;position:absolute;top:calc(-1 * var(--eui-s-m) - var(--eui-s-2xs))}.eui-19 .eui-timebar__current-date-marker-step{bottom:calc(-1 * var(--eui-s-m) - 2px);color:var(--eui-c-s-danger-fill);position:absolute}.eui-19 .eui-timebar__start-label,.eui-19 .eui-timebar__end-label{margin-top:6.5rem;font:var(--eui-f-s-bold)}.eui-19 .eui-timebar__start-label{text-align:right}.eui-19 .eui-timebar__step-date-item--with-end-date{margin:0;padding:0}.eui-19 .eui-timebar__step-label{margin-left:-4rem;margin-top:.7rem;overflow:hidden;position:absolute;text-align:center;width:8rem}.eui-19 .eui-timebar__legend{margin-left:var(--eui-s-s);margin-top:3rem}.eui-19 .eui-timebar__legend-item{align-items:center;display:flex;padding:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) 0;width:100%}.eui-19 .eui-timebar__legend-item-label{flex:1}.eui-19 .eui-timebar__legend-item-index-wrapper{padding:var(--eui-s-xs) var(--eui-s-s)}.eui-19 .eui-timebar__grouped__step{border-radius:var(--eui-br-m);display:block;padding:3px 8px}.eui-19 .eui-timebar__grouped__step.eui-timebar__step--info{background-color:var(--eui-c-s-info-bg)}.eui-19 .eui-timebar__grouped__step.eui-timebar__step--success{background-color:var(--eui-c-s-success-bg)}.eui-19 .eui-timebar__grouped__step.eui-timebar__step--warning{background-color:var(--eui-c-s-warning-bg)}.eui-19 .eui-timebar__grouped__step.eui-timebar__step--danger{background-color:var(--eui-c-s-danger-bg)}.eui-19 .eui-timebar__step--info{border-color:var(--eui-c-s-info-fill)}.eui-19 .eui-timebar__step--info .eui-timebar__step-date-item{background-color:var(--eui-c-s-info-bg);color:var(--eui-c-s-info-on-bg);border:1px solid var(--eui-c-s-info-border-outline)}.eui-19 .eui-timebar__step--success{border-color:var(--eui-c-s-success-fill)}.eui-19 .eui-timebar__step--success .eui-timebar__step-date-item{background-color:var(--eui-c-s-success-bg);color:var(--eui-c-s-success-on-bg);border:1px solid var(--eui-c-s-success-border-outline)}.eui-19 .eui-timebar__step--warning{border-color:var(--eui-c-s-warning-fill)}.eui-19 .eui-timebar__step--warning .eui-timebar__step-date-item{background-color:var(--eui-c-s-warning-bg);color:var(--eui-c-s-warning-on-bg);border:1px solid var(--eui-c-s-warning-border-outline)}.eui-19 .eui-timebar__step--danger{border-color:var(--eui-c-s-danger-fill)}.eui-19 .eui-timebar__step--danger .eui-timebar__step-date-item{background-color:var(--eui-c-s-danger-bg);color:var(--eui-c-s-danger-on-bg);border:1px solid var(--eui-c-s-danger-border-outline)}.eui-19 .eui-timebar__legend-item-icon{color:var(--eui-c-s-primary);fill:var(--eui-c-s-primary);width:var(--eui-s-3xl);height:var(--eui-s-3xl)}.eui-19 .eui-timebar__legend-item-icon--info{color:var(--eui-c-s-info)}.eui-19 .eui-timebar__legend-item-icon--success{color:var(--eui-c-s-success)}.eui-19 .eui-timebar__legend-item-icon--warning{color:var(--eui-c-s-warning)}.eui-19 .eui-timebar__legend-item-icon--danger{color:var(--eui-c-s-danger)}@media screen and (max-width: 767px){.eui-19 .eui-timebar{margin:5rem var(--eui-s-m)}.eui-19 .eui-timebar__legend{margin-bottom:var(--eui-s-l);margin-left:18px}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i3.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label", "maxCharCount", "charReplacement", "euiIconBadge", "euiDottedBadge"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiTimebarComponent, isStandalone: true, selector: "eui-timebar", inputs: { e2eAttr: "e2eAttr", markedDate: "markedDate", items: "items", startLabel: "startLabel", endLabel: "endLabel", dateFormat: "dateFormat", isShowLegend: ["isShowLegend", "isShowLegend", booleanAttribute], isShowLegendAsIndex: ["isShowLegendAsIndex", "isShowLegendAsIndex", booleanAttribute], isShowCurrentDateMarker: ["isShowCurrentDateMarker", "isShowCurrentDateMarker", booleanAttribute], isCurrentDateMarkerAlwaysInRange: ["isCurrentDateMarkerAlwaysInRange", "isCurrentDateMarkerAlwaysInRange", booleanAttribute], isGroupOverlappingLabels: ["isGroupOverlappingLabels", "isGroupOverlappingLabels", booleanAttribute] }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"row eui-u-flex\" #container>\n    @if(startLabel) {\n        <div class=\"col-2 eui-timebar__start-label\">\n            {{ startLabel }}\n        </div>\n    }\n    <div class=\"{{timebarColumnClass}} {{ 'col-' + ((startLabel ? -2 : 0) + (endLabel ? -2 : 0) + 12) }}\">\n        <div class=\"eui-timebar\" [style.marginBottom.px]=\"extraTimelineLabelSpace\" attr.data-e2e=\"{{ e2eAttr }}\">\n            @if(isShowCurrentDateMarker) {\n                <div\n                    class=\"eui-timebar__current-progress\"\n                    [style.width.%]=\"currentPerc >= 100 ? 100 : currentPerc\"></div>\n            }\n            @if(markedDate) {\n                <div class=\"eui-timebar__current-progress\" [style.width.%]=\"markedPerc >= 100 ? 100 : markedPerc\"></div>\n            }\n\n            @for (item of itemsUI; let i = $index; track i) {\n                @if(!item.isGrouped) {\n                    <div\n                        class=\"eui-timebar__step\"\n                        [ngClass]=\"item.stepTypeClass\"\n                        [style.left.%]=\"item.perc\"\n                        [class.eui-timebar__step--with-current-date-marker]=\"isShowCurrentDateMarker || markedDate\">\n                        @if(!isMobile) {\n                            <div class=\"eui-timebar__step-date-item\" [class.eui-timebar__step-date-item--with-end-date]=\"item.groupEndDate\">\n                                @if(item.groupEndDate) {\n                                    <span\n                                        class=\"eui-timebar__grouped__step {{\n                                        item.stepTypeClass ? 'eui-timebar__step--' + item.stepTypeClass : ''}}\">\n                                        {{ item.groupEndDate | date: dateFormat: null: (locale.getState() | async).id }}\n                                    </span>\n                                }\n                                <span\n                                    class=\"{{ item.tooltipColor ? 'eui-timebar__step--' + item.tooltipColor : '' }}\"\n                                    [class.eui-timebar__grouped__step]=\"item.groupEndDate\">\n                                    {{ item.item.date | date: dateFormat: null: (locale.getState() | async).id }}\n                                </span>\n                            </div>\n                        }\n                        @if(!isShowLegendGenerated) {\n                            <div [style.left.%]=\"!isMobile ? item.perc : null\" class=\"eui-timebar__step-label\">\n                                @if(!item.groupLabel) {\n                                    <span title=\"{{ item.item.label }}\">{{ item.item.label }}</span>\n                                }\n                                @if(item.groupLabel) {\n                                    <span title=\"{{ item.groupLabel }}\">{{ item.groupLabel }}</span>\n                                }\n                            </div>\n                        }\n                        @if(isShowLegendGenerated && isShowLegendAsIndexGenerated) {\n                            <div\n                                [style.left.%]=\"!isMobile ? item.perc : null\"\n                                class=\"eui-timebar__step-label\">\n                                {{ !item.groupLabel ? i + 1 : item.groupLabel }}\n                            </div>\n                        }\n                    </div>\n                }\n            }\n\n            @if(isShowCurrentDateMarker) {\n                <div\n                    class=\"eui-timebar__current-date-marker\"\n                    [style.left.%]=\"currentPerc\"\n                    title=\"{{ currentDate | date: dateFormat: null: (locale.getState() | async).id }}\">\n                    <eui-icon-svg icon=\"location\" set=\"sharp\" size=\"m\"></eui-icon-svg>\n                </div>\n                <div class=\"eui-timebar__current-date-marker-step\" [style.left.%]=\"currentPerc\">\n                    <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\"></eui-icon-svg>\n                </div>\n            }\n            @if(markedDate) {\n                <div\n                    class=\"eui-timebar__current-date-marker\"\n                    [style.left.%]=\"markedPerc\"\n                    title=\"{{ markedDate | date: dateFormat: null: (locale.getState() | async).id }}\">\n                    <eui-icon-svg icon=\"location\" set=\"sharp\" size=\"m\"></eui-icon-svg>\n                </div>\n                <div class=\"eui-timebar__current-date-marker-step\" [style.left.%]=\"markedPerc\">\n                    <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\"></eui-icon-svg>\n                </div>\n            }\n        </div>\n    </div>\n    @if(endLabel) {\n        <div class=\"col-2 eui-timebar__end-label\">\n            {{ endLabel }}\n        </div>\n    }\n</div>\n<div class=\"row eui-u-flex-justify-content-center\">\n    <div class=\"{{timebarColumnClass}} {{ 'col-md-' + ((startLabel ? -2 : 0) + (endLabel ? -2 : 0) + 12) }}\">\n        @if (isShowLegendGenerated || isSomeStepsAreGrouped) {\n        <div class=\"eui-timebar__legend\">\n            @for (item of itemsUI; let i = $index; track i){\n                @if(isShowLegendGenerated) {\n                    <div class=\"eui-timebar__legend-item\">\n                        @if(!isShowLegendAsIndexGenerated) {\n                            <div class=\"eui-timebar__legend-item-icon\">\n                                <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\" fillColor=\"{{ item.item.stepType }}\"></eui-icon-svg>\n                            </div>\n                        } @else {\n                            <div class=\"eui-timebar__legend-item-index-wrapper\">\n                                <eui-badge euiSizeL euiPrimary>{{ i + 1 }}</eui-badge>\n                            </div>\n                        }\n                        <div class=\"eui-timebar__legend-item-label\">\n                            @if(isMobile) {\n                                <strong>{{ item.item.date | date: dateFormat: null: (locale.getState() | async).id }}</strong> -\n                            }\n                            {{ item.item.label }}\n                        </div>\n                    </div>\n                }\n                @if(!isShowLegendGenerated && (item.groupLabel || item.isGrouped)) {\n                    <div class=\"eui-timebar__legend-item\">\n                        <div class=\"eui-timebar__legend-item-index-wrapper\">\n                            <eui-badge euiSizeL euiPrimary>{{ item.groupIndex }}</eui-badge>\n                        </div>\n                        <div class=\"eui-timebar__legend-item-label\">\n                            <strong>{{ item.item.date | date: dateFormat: null: (locale.getState() | async).id }}</strong> - {{ item.item.label }}\n                        </div>\n                    </div>\n                }\n            }\n        </div>\n        }\n    </div>\n</div>\n", styles: [".eui-19 .eui-timebar{border-bottom:2px solid var(--eui-c-neutral-lightest);margin:6rem 3rem;padding:5px;position:relative}.eui-19 .eui-timebar__step{border:7px solid var(--eui-c-s-secondary);border-radius:var(--eui-br-max);height:14px;position:absolute;width:14px}.eui-19 .eui-timebar__step-date-item{background-color:var(--eui-c-s-secondary-surface-light);color:var(--eui-c-s-secondary-on-surface-light);border:1px solid var(--eui-c-s-secondary-border);border-radius:var(--eui-br-max);max-width:8rem;min-width:6rem;padding:var(--eui-s-2xs);position:absolute;text-align:center;top:-2.5rem;transform:rotate(65deg);transform-origin:50% -175%;white-space:normal;font:var(--eui-f-s)}.eui-19 .eui-timebar__step-date-item--with-end-date{left:2.5rem;top:-1.75rem}.eui-19 .eui-timebar__step--with-current-date-marker.hint--top:before,.eui-19 .eui-timebar__step--with-current-date-marker.hint--top:after{bottom:25px}.eui-19 .eui-timebar__current-progress{border-bottom:3px solid var(--eui-c-s-primary-base);padding-top:5px;position:absolute}.eui-19 .eui-timebar__current-date-marker{color:var(--eui-c-s-danger-base);margin-left:-2px;position:absolute;top:calc(-1 * var(--eui-s-m) - var(--eui-s-2xs))}.eui-19 .eui-timebar__current-date-marker-step{bottom:calc(-1 * var(--eui-s-m) - 2px);color:var(--eui-c-s-danger-base);position:absolute}.eui-19 .eui-timebar__start-label,.eui-19 .eui-timebar__end-label{margin-top:6.5rem;font:var(--eui-f-s-bold)}.eui-19 .eui-timebar__start-label{text-align:right}.eui-19 .eui-timebar__step-date-item--with-end-date{margin:0;padding:0}.eui-19 .eui-timebar__step-label{margin-left:-4rem;margin-top:.7rem;overflow:hidden;position:absolute;text-align:center;width:8rem}.eui-19 .eui-timebar__legend{margin-left:var(--eui-s-s);margin-top:3rem}.eui-19 .eui-timebar__legend-item{align-items:center;display:flex;padding:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) 0;width:100%}.eui-19 .eui-timebar__legend-item-label{flex:1}.eui-19 .eui-timebar__legend-item-index-wrapper{padding:var(--eui-s-xs) var(--eui-s-s)}.eui-19 .eui-timebar__grouped__step{border-radius:var(--eui-br-m);display:block;padding:3px 8px}.eui-19 .eui-timebar__grouped__step.eui-timebar__step--info{background-color:var(--eui-c-s-info-surface-light)}.eui-19 .eui-timebar__grouped__step.eui-timebar__step--success{background-color:var(--eui-c-s-success-surface-light)}.eui-19 .eui-timebar__grouped__step.eui-timebar__step--warning{background-color:var(--eui-c-s-warning-surface-light)}.eui-19 .eui-timebar__grouped__step.eui-timebar__step--danger{background-color:var(--eui-c-s-danger-surface-light)}.eui-19 .eui-timebar__step--info{border-color:var(--eui-c-s-info-base)}.eui-19 .eui-timebar__step--info .eui-timebar__step-date-item{background-color:var(--eui-c-s-info-surface-light);color:var(--eui-c-s-info-on-surface-light);border:1px solid var(--eui-c-s-info-border)}.eui-19 .eui-timebar__step--success{border-color:var(--eui-c-s-success-base)}.eui-19 .eui-timebar__step--success .eui-timebar__step-date-item{background-color:var(--eui-c-s-success-surface-light);color:var(--eui-c-s-success-on-surface-light);border:1px solid var(--eui-c-s-success-border)}.eui-19 .eui-timebar__step--warning{border-color:var(--eui-c-s-warning-base)}.eui-19 .eui-timebar__step--warning .eui-timebar__step-date-item{background-color:var(--eui-c-s-warning-surface-light);color:var(--eui-c-s-warning-on-surface-light);border:1px solid var(--eui-c-s-warning-border)}.eui-19 .eui-timebar__step--danger{border-color:var(--eui-c-s-danger-base)}.eui-19 .eui-timebar__step--danger .eui-timebar__step-date-item{background-color:var(--eui-c-s-danger-surface-light);color:var(--eui-c-s-danger-on-surface-light);border:1px solid var(--eui-c-s-danger-border)}.eui-19 .eui-timebar__legend-item-icon{color:var(--eui-c-s-primary);fill:var(--eui-c-s-primary);width:var(--eui-s-3xl);height:var(--eui-s-3xl)}.eui-19 .eui-timebar__legend-item-icon--info{color:var(--eui-c-s-info)}.eui-19 .eui-timebar__legend-item-icon--success{color:var(--eui-c-s-success)}.eui-19 .eui-timebar__legend-item-icon--warning{color:var(--eui-c-s-warning)}.eui-19 .eui-timebar__legend-item-icon--danger{color:var(--eui-c-s-danger)}@media screen and (max-width: 767px){.eui-19 .eui-timebar{margin:5rem var(--eui-s-m)}.eui-19 .eui-timebar__legend{margin-bottom:var(--eui-s-l);margin-left:18px}}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i3.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label", "maxCharCount", "charReplacement", "euiIconBadge", "euiDottedBadge"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTimebarComponent, decorators: [{
             type: Component,
@@ -341,7 +341,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
                         DatePipe,
                         ...EUI_ICON,
                         ...EUI_BADGE,
-                    ], template: "<div class=\"row eui-u-flex\" #container>\n    @if(startLabel) {\n        <div class=\"col-2 eui-timebar__start-label\">\n            {{ startLabel }}\n        </div>\n    }\n    <div class=\"{{timebarColumnClass}} {{ 'col-' + ((startLabel ? -2 : 0) + (endLabel ? -2 : 0) + 12) }}\">\n        <div class=\"eui-timebar\" [style.marginBottom.px]=\"extraTimelineLabelSpace\" attr.data-e2e=\"{{ e2eAttr }}\">\n            @if(isShowCurrentDateMarker) {\n                <div\n                    class=\"eui-timebar__current-progress\"\n                    [style.width.%]=\"currentPerc >= 100 ? 100 : currentPerc\"></div>\n            }\n            @if(markedDate) {\n                <div class=\"eui-timebar__current-progress\" [style.width.%]=\"markedPerc >= 100 ? 100 : markedPerc\"></div>\n            }\n\n            @for (item of itemsUI; let i = $index; track i) {\n                @if(!item.isGrouped) {\n                    <div\n                        class=\"eui-timebar__step\"\n                        [ngClass]=\"item.stepTypeClass\"\n                        [style.left.%]=\"item.perc\"\n                        [class.eui-timebar__step--with-current-date-marker]=\"isShowCurrentDateMarker || markedDate\">\n                        @if(!isMobile) {\n                            <div class=\"eui-timebar__step-date-item\" [class.eui-timebar__step-date-item--with-end-date]=\"item.groupEndDate\">\n                                @if(item.groupEndDate) {\n                                    <span\n                                        class=\"eui-timebar__grouped__step {{\n                                        item.stepTypeClass ? 'eui-timebar__step--' + item.stepTypeClass : ''}}\">\n                                        {{ item.groupEndDate | date: dateFormat: null: (locale.getState() | async).id }}\n                                    </span>\n                                }\n                                <span\n                                    class=\"{{ item.tooltipColor ? 'eui-timebar__step--' + item.tooltipColor : '' }}\"\n                                    [class.eui-timebar__grouped__step]=\"item.groupEndDate\">\n                                    {{ item.item.date | date: dateFormat: null: (locale.getState() | async).id }}\n                                </span>\n                            </div>\n                        }\n                        @if(!isShowLegendGenerated) {\n                            <div [style.left.%]=\"!isMobile ? item.perc : null\" class=\"eui-timebar__step-label\">\n                                @if(!item.groupLabel) {\n                                    <span title=\"{{ item.item.label }}\">{{ item.item.label }}</span>\n                                }\n                                @if(item.groupLabel) {\n                                    <span title=\"{{ item.groupLabel }}\">{{ item.groupLabel }}</span>\n                                }\n                            </div>\n                        }\n                        @if(isShowLegendGenerated && isShowLegendAsIndexGenerated) {\n                            <div\n                                [style.left.%]=\"!isMobile ? item.perc : null\"\n                                class=\"eui-timebar__step-label\">\n                                {{ !item.groupLabel ? i + 1 : item.groupLabel }}\n                            </div>\n                        }\n                    </div>\n                }\n            }\n\n            @if(isShowCurrentDateMarker) {\n                <div\n                    class=\"eui-timebar__current-date-marker\"\n                    [style.left.%]=\"currentPerc\"\n                    title=\"{{ currentDate | date: dateFormat: null: (locale.getState() | async).id }}\">\n                    <eui-icon-svg icon=\"location\" set=\"sharp\" size=\"m\"></eui-icon-svg>\n                </div>\n                <div class=\"eui-timebar__current-date-marker-step\" [style.left.%]=\"currentPerc\">\n                    <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\"></eui-icon-svg>\n                </div>\n            }\n            @if(markedDate) {\n                <div\n                    class=\"eui-timebar__current-date-marker\"\n                    [style.left.%]=\"markedPerc\"\n                    title=\"{{ markedDate | date: dateFormat: null: (locale.getState() | async).id }}\">\n                    <eui-icon-svg icon=\"location\" set=\"sharp\" size=\"m\"></eui-icon-svg>\n                </div>\n                <div class=\"eui-timebar__current-date-marker-step\" [style.left.%]=\"markedPerc\">\n                    <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\"></eui-icon-svg>\n                </div>\n            }\n        </div>\n    </div>\n    @if(endLabel) {\n        <div class=\"col-2 eui-timebar__end-label\">\n            {{ endLabel }}\n        </div>\n    }\n</div>\n<div class=\"row eui-u-flex-justify-content-center\">\n    <div class=\"{{timebarColumnClass}} {{ 'col-md-' + ((startLabel ? -2 : 0) + (endLabel ? -2 : 0) + 12) }}\">\n        @if (isShowLegendGenerated || isSomeStepsAreGrouped) {\n        <div class=\"eui-timebar__legend\">\n            @for (item of itemsUI; let i = $index; track i){\n                @if(isShowLegendGenerated) {\n                    <div class=\"eui-timebar__legend-item\">\n                        @if(!isShowLegendAsIndexGenerated) {\n                            <div class=\"eui-timebar__legend-item-icon\">\n                                <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\" fillColor=\"{{ item.item.stepType }}\"></eui-icon-svg>\n                            </div>\n                        } @else {\n                            <div class=\"eui-timebar__legend-item-index-wrapper\">\n                                <eui-badge euiSizeL euiPrimary>{{ i + 1 }}</eui-badge>\n                            </div>\n                        }\n                        <div class=\"eui-timebar__legend-item-label\">\n                            @if(isMobile) {\n                                <strong>{{ item.item.date | date: dateFormat: null: (locale.getState() | async).id }}</strong> -\n                            }\n                            {{ item.item.label }}\n                        </div>\n                    </div>\n                }\n                @if(!isShowLegendGenerated && (item.groupLabel || item.isGrouped)) {\n                    <div class=\"eui-timebar__legend-item\">\n                        <div class=\"eui-timebar__legend-item-index-wrapper\">\n                            <eui-badge euiSizeL euiPrimary>{{ item.groupIndex }}</eui-badge>\n                        </div>\n                        <div class=\"eui-timebar__legend-item-label\">\n                            <strong>{{ item.item.date | date: dateFormat: null: (locale.getState() | async).id }}</strong> - {{ item.item.label }}\n                        </div>\n                    </div>\n                }\n            }\n        </div>\n        }\n    </div>\n</div>\n", styles: [".eui-19 .eui-timebar{border-bottom:2px solid var(--eui-c-neutral-lightest);margin:6rem 3rem;padding:5px;position:relative}.eui-19 .eui-timebar__step{border:7px solid var(--eui-c-s-secondary);border-radius:var(--eui-br-max);height:14px;position:absolute;width:14px}.eui-19 .eui-timebar__step-date-item{background-color:var(--eui-c-s-secondary-bg);color:var(--eui-c-s-secondary-on-bg);border:1px solid var(--eui-c-s-secondary-border-outline);border-radius:var(--eui-br-max);max-width:8rem;min-width:6rem;padding:var(--eui-s-2xs);position:absolute;text-align:center;top:-2.5rem;transform:rotate(65deg);transform-origin:50% -175%;white-space:normal;font:var(--eui-f-s)}.eui-19 .eui-timebar__step-date-item--with-end-date{left:2.5rem;top:-1.75rem}.eui-19 .eui-timebar__step--with-current-date-marker.hint--top:before,.eui-19 .eui-timebar__step--with-current-date-marker.hint--top:after{bottom:25px}.eui-19 .eui-timebar__current-progress{border-bottom:3px solid var(--eui-c-s-primary-fill);padding-top:5px;position:absolute}.eui-19 .eui-timebar__current-date-marker{color:var(--eui-c-s-danger-fill);margin-left:-2px;position:absolute;top:calc(-1 * var(--eui-s-m) - var(--eui-s-2xs))}.eui-19 .eui-timebar__current-date-marker-step{bottom:calc(-1 * var(--eui-s-m) - 2px);color:var(--eui-c-s-danger-fill);position:absolute}.eui-19 .eui-timebar__start-label,.eui-19 .eui-timebar__end-label{margin-top:6.5rem;font:var(--eui-f-s-bold)}.eui-19 .eui-timebar__start-label{text-align:right}.eui-19 .eui-timebar__step-date-item--with-end-date{margin:0;padding:0}.eui-19 .eui-timebar__step-label{margin-left:-4rem;margin-top:.7rem;overflow:hidden;position:absolute;text-align:center;width:8rem}.eui-19 .eui-timebar__legend{margin-left:var(--eui-s-s);margin-top:3rem}.eui-19 .eui-timebar__legend-item{align-items:center;display:flex;padding:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) 0;width:100%}.eui-19 .eui-timebar__legend-item-label{flex:1}.eui-19 .eui-timebar__legend-item-index-wrapper{padding:var(--eui-s-xs) var(--eui-s-s)}.eui-19 .eui-timebar__grouped__step{border-radius:var(--eui-br-m);display:block;padding:3px 8px}.eui-19 .eui-timebar__grouped__step.eui-timebar__step--info{background-color:var(--eui-c-s-info-bg)}.eui-19 .eui-timebar__grouped__step.eui-timebar__step--success{background-color:var(--eui-c-s-success-bg)}.eui-19 .eui-timebar__grouped__step.eui-timebar__step--warning{background-color:var(--eui-c-s-warning-bg)}.eui-19 .eui-timebar__grouped__step.eui-timebar__step--danger{background-color:var(--eui-c-s-danger-bg)}.eui-19 .eui-timebar__step--info{border-color:var(--eui-c-s-info-fill)}.eui-19 .eui-timebar__step--info .eui-timebar__step-date-item{background-color:var(--eui-c-s-info-bg);color:var(--eui-c-s-info-on-bg);border:1px solid var(--eui-c-s-info-border-outline)}.eui-19 .eui-timebar__step--success{border-color:var(--eui-c-s-success-fill)}.eui-19 .eui-timebar__step--success .eui-timebar__step-date-item{background-color:var(--eui-c-s-success-bg);color:var(--eui-c-s-success-on-bg);border:1px solid var(--eui-c-s-success-border-outline)}.eui-19 .eui-timebar__step--warning{border-color:var(--eui-c-s-warning-fill)}.eui-19 .eui-timebar__step--warning .eui-timebar__step-date-item{background-color:var(--eui-c-s-warning-bg);color:var(--eui-c-s-warning-on-bg);border:1px solid var(--eui-c-s-warning-border-outline)}.eui-19 .eui-timebar__step--danger{border-color:var(--eui-c-s-danger-fill)}.eui-19 .eui-timebar__step--danger .eui-timebar__step-date-item{background-color:var(--eui-c-s-danger-bg);color:var(--eui-c-s-danger-on-bg);border:1px solid var(--eui-c-s-danger-border-outline)}.eui-19 .eui-timebar__legend-item-icon{color:var(--eui-c-s-primary);fill:var(--eui-c-s-primary);width:var(--eui-s-3xl);height:var(--eui-s-3xl)}.eui-19 .eui-timebar__legend-item-icon--info{color:var(--eui-c-s-info)}.eui-19 .eui-timebar__legend-item-icon--success{color:var(--eui-c-s-success)}.eui-19 .eui-timebar__legend-item-icon--warning{color:var(--eui-c-s-warning)}.eui-19 .eui-timebar__legend-item-icon--danger{color:var(--eui-c-s-danger)}@media screen and (max-width: 767px){.eui-19 .eui-timebar{margin:5rem var(--eui-s-m)}.eui-19 .eui-timebar__legend{margin-bottom:var(--eui-s-l);margin-left:18px}}\n"] }]
+                    ], template: "<div class=\"row eui-u-flex\" #container>\n    @if(startLabel) {\n        <div class=\"col-2 eui-timebar__start-label\">\n            {{ startLabel }}\n        </div>\n    }\n    <div class=\"{{timebarColumnClass}} {{ 'col-' + ((startLabel ? -2 : 0) + (endLabel ? -2 : 0) + 12) }}\">\n        <div class=\"eui-timebar\" [style.marginBottom.px]=\"extraTimelineLabelSpace\" attr.data-e2e=\"{{ e2eAttr }}\">\n            @if(isShowCurrentDateMarker) {\n                <div\n                    class=\"eui-timebar__current-progress\"\n                    [style.width.%]=\"currentPerc >= 100 ? 100 : currentPerc\"></div>\n            }\n            @if(markedDate) {\n                <div class=\"eui-timebar__current-progress\" [style.width.%]=\"markedPerc >= 100 ? 100 : markedPerc\"></div>\n            }\n\n            @for (item of itemsUI; let i = $index; track i) {\n                @if(!item.isGrouped) {\n                    <div\n                        class=\"eui-timebar__step\"\n                        [ngClass]=\"item.stepTypeClass\"\n                        [style.left.%]=\"item.perc\"\n                        [class.eui-timebar__step--with-current-date-marker]=\"isShowCurrentDateMarker || markedDate\">\n                        @if(!isMobile) {\n                            <div class=\"eui-timebar__step-date-item\" [class.eui-timebar__step-date-item--with-end-date]=\"item.groupEndDate\">\n                                @if(item.groupEndDate) {\n                                    <span\n                                        class=\"eui-timebar__grouped__step {{\n                                        item.stepTypeClass ? 'eui-timebar__step--' + item.stepTypeClass : ''}}\">\n                                        {{ item.groupEndDate | date: dateFormat: null: (locale.getState() | async).id }}\n                                    </span>\n                                }\n                                <span\n                                    class=\"{{ item.tooltipColor ? 'eui-timebar__step--' + item.tooltipColor : '' }}\"\n                                    [class.eui-timebar__grouped__step]=\"item.groupEndDate\">\n                                    {{ item.item.date | date: dateFormat: null: (locale.getState() | async).id }}\n                                </span>\n                            </div>\n                        }\n                        @if(!isShowLegendGenerated) {\n                            <div [style.left.%]=\"!isMobile ? item.perc : null\" class=\"eui-timebar__step-label\">\n                                @if(!item.groupLabel) {\n                                    <span title=\"{{ item.item.label }}\">{{ item.item.label }}</span>\n                                }\n                                @if(item.groupLabel) {\n                                    <span title=\"{{ item.groupLabel }}\">{{ item.groupLabel }}</span>\n                                }\n                            </div>\n                        }\n                        @if(isShowLegendGenerated && isShowLegendAsIndexGenerated) {\n                            <div\n                                [style.left.%]=\"!isMobile ? item.perc : null\"\n                                class=\"eui-timebar__step-label\">\n                                {{ !item.groupLabel ? i + 1 : item.groupLabel }}\n                            </div>\n                        }\n                    </div>\n                }\n            }\n\n            @if(isShowCurrentDateMarker) {\n                <div\n                    class=\"eui-timebar__current-date-marker\"\n                    [style.left.%]=\"currentPerc\"\n                    title=\"{{ currentDate | date: dateFormat: null: (locale.getState() | async).id }}\">\n                    <eui-icon-svg icon=\"location\" set=\"sharp\" size=\"m\"></eui-icon-svg>\n                </div>\n                <div class=\"eui-timebar__current-date-marker-step\" [style.left.%]=\"currentPerc\">\n                    <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\"></eui-icon-svg>\n                </div>\n            }\n            @if(markedDate) {\n                <div\n                    class=\"eui-timebar__current-date-marker\"\n                    [style.left.%]=\"markedPerc\"\n                    title=\"{{ markedDate | date: dateFormat: null: (locale.getState() | async).id }}\">\n                    <eui-icon-svg icon=\"location\" set=\"sharp\" size=\"m\"></eui-icon-svg>\n                </div>\n                <div class=\"eui-timebar__current-date-marker-step\" [style.left.%]=\"markedPerc\">\n                    <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\"></eui-icon-svg>\n                </div>\n            }\n        </div>\n    </div>\n    @if(endLabel) {\n        <div class=\"col-2 eui-timebar__end-label\">\n            {{ endLabel }}\n        </div>\n    }\n</div>\n<div class=\"row eui-u-flex-justify-content-center\">\n    <div class=\"{{timebarColumnClass}} {{ 'col-md-' + ((startLabel ? -2 : 0) + (endLabel ? -2 : 0) + 12) }}\">\n        @if (isShowLegendGenerated || isSomeStepsAreGrouped) {\n        <div class=\"eui-timebar__legend\">\n            @for (item of itemsUI; let i = $index; track i){\n                @if(isShowLegendGenerated) {\n                    <div class=\"eui-timebar__legend-item\">\n                        @if(!isShowLegendAsIndexGenerated) {\n                            <div class=\"eui-timebar__legend-item-icon\">\n                                <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\" fillColor=\"{{ item.item.stepType }}\"></eui-icon-svg>\n                            </div>\n                        } @else {\n                            <div class=\"eui-timebar__legend-item-index-wrapper\">\n                                <eui-badge euiSizeL euiPrimary>{{ i + 1 }}</eui-badge>\n                            </div>\n                        }\n                        <div class=\"eui-timebar__legend-item-label\">\n                            @if(isMobile) {\n                                <strong>{{ item.item.date | date: dateFormat: null: (locale.getState() | async).id }}</strong> -\n                            }\n                            {{ item.item.label }}\n                        </div>\n                    </div>\n                }\n                @if(!isShowLegendGenerated && (item.groupLabel || item.isGrouped)) {\n                    <div class=\"eui-timebar__legend-item\">\n                        <div class=\"eui-timebar__legend-item-index-wrapper\">\n                            <eui-badge euiSizeL euiPrimary>{{ item.groupIndex }}</eui-badge>\n                        </div>\n                        <div class=\"eui-timebar__legend-item-label\">\n                            <strong>{{ item.item.date | date: dateFormat: null: (locale.getState() | async).id }}</strong> - {{ item.item.label }}\n                        </div>\n                    </div>\n                }\n            }\n        </div>\n        }\n    </div>\n</div>\n", styles: [".eui-19 .eui-timebar{border-bottom:2px solid var(--eui-c-neutral-lightest);margin:6rem 3rem;padding:5px;position:relative}.eui-19 .eui-timebar__step{border:7px solid var(--eui-c-s-secondary);border-radius:var(--eui-br-max);height:14px;position:absolute;width:14px}.eui-19 .eui-timebar__step-date-item{background-color:var(--eui-c-s-secondary-surface-light);color:var(--eui-c-s-secondary-on-surface-light);border:1px solid var(--eui-c-s-secondary-border);border-radius:var(--eui-br-max);max-width:8rem;min-width:6rem;padding:var(--eui-s-2xs);position:absolute;text-align:center;top:-2.5rem;transform:rotate(65deg);transform-origin:50% -175%;white-space:normal;font:var(--eui-f-s)}.eui-19 .eui-timebar__step-date-item--with-end-date{left:2.5rem;top:-1.75rem}.eui-19 .eui-timebar__step--with-current-date-marker.hint--top:before,.eui-19 .eui-timebar__step--with-current-date-marker.hint--top:after{bottom:25px}.eui-19 .eui-timebar__current-progress{border-bottom:3px solid var(--eui-c-s-primary-base);padding-top:5px;position:absolute}.eui-19 .eui-timebar__current-date-marker{color:var(--eui-c-s-danger-base);margin-left:-2px;position:absolute;top:calc(-1 * var(--eui-s-m) - var(--eui-s-2xs))}.eui-19 .eui-timebar__current-date-marker-step{bottom:calc(-1 * var(--eui-s-m) - 2px);color:var(--eui-c-s-danger-base);position:absolute}.eui-19 .eui-timebar__start-label,.eui-19 .eui-timebar__end-label{margin-top:6.5rem;font:var(--eui-f-s-bold)}.eui-19 .eui-timebar__start-label{text-align:right}.eui-19 .eui-timebar__step-date-item--with-end-date{margin:0;padding:0}.eui-19 .eui-timebar__step-label{margin-left:-4rem;margin-top:.7rem;overflow:hidden;position:absolute;text-align:center;width:8rem}.eui-19 .eui-timebar__legend{margin-left:var(--eui-s-s);margin-top:3rem}.eui-19 .eui-timebar__legend-item{align-items:center;display:flex;padding:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) 0;width:100%}.eui-19 .eui-timebar__legend-item-label{flex:1}.eui-19 .eui-timebar__legend-item-index-wrapper{padding:var(--eui-s-xs) var(--eui-s-s)}.eui-19 .eui-timebar__grouped__step{border-radius:var(--eui-br-m);display:block;padding:3px 8px}.eui-19 .eui-timebar__grouped__step.eui-timebar__step--info{background-color:var(--eui-c-s-info-surface-light)}.eui-19 .eui-timebar__grouped__step.eui-timebar__step--success{background-color:var(--eui-c-s-success-surface-light)}.eui-19 .eui-timebar__grouped__step.eui-timebar__step--warning{background-color:var(--eui-c-s-warning-surface-light)}.eui-19 .eui-timebar__grouped__step.eui-timebar__step--danger{background-color:var(--eui-c-s-danger-surface-light)}.eui-19 .eui-timebar__step--info{border-color:var(--eui-c-s-info-base)}.eui-19 .eui-timebar__step--info .eui-timebar__step-date-item{background-color:var(--eui-c-s-info-surface-light);color:var(--eui-c-s-info-on-surface-light);border:1px solid var(--eui-c-s-info-border)}.eui-19 .eui-timebar__step--success{border-color:var(--eui-c-s-success-base)}.eui-19 .eui-timebar__step--success .eui-timebar__step-date-item{background-color:var(--eui-c-s-success-surface-light);color:var(--eui-c-s-success-on-surface-light);border:1px solid var(--eui-c-s-success-border)}.eui-19 .eui-timebar__step--warning{border-color:var(--eui-c-s-warning-base)}.eui-19 .eui-timebar__step--warning .eui-timebar__step-date-item{background-color:var(--eui-c-s-warning-surface-light);color:var(--eui-c-s-warning-on-surface-light);border:1px solid var(--eui-c-s-warning-border)}.eui-19 .eui-timebar__step--danger{border-color:var(--eui-c-s-danger-base)}.eui-19 .eui-timebar__step--danger .eui-timebar__step-date-item{background-color:var(--eui-c-s-danger-surface-light);color:var(--eui-c-s-danger-on-surface-light);border:1px solid var(--eui-c-s-danger-border)}.eui-19 .eui-timebar__legend-item-icon{color:var(--eui-c-s-primary);fill:var(--eui-c-s-primary);width:var(--eui-s-3xl);height:var(--eui-s-3xl)}.eui-19 .eui-timebar__legend-item-icon--info{color:var(--eui-c-s-info)}.eui-19 .eui-timebar__legend-item-icon--success{color:var(--eui-c-s-success)}.eui-19 .eui-timebar__legend-item-icon--warning{color:var(--eui-c-s-warning)}.eui-19 .eui-timebar__legend-item-icon--danger{color:var(--eui-c-s-danger)}@media screen and (max-width: 767px){.eui-19 .eui-timebar{margin:5rem var(--eui-s-m)}.eui-19 .eui-timebar__legend{margin-bottom:var(--eui-s-l);margin-left:18px}}\n"] }]
         }], ctorParameters: () => [{ type: i1.EuiAppShellService }, { type: i0.ChangeDetectorRef }], propDecorators: { container: [{
                 type: ViewChild,
                 args: ['container']

package/fesm2022/eui-components-eui-timebar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-timebar.mjs","sources":["../../eui-timebar/eui-timebar.component.ts","../../eui-timebar/eui-timebar.component.html","../../eui-timebar/eui-timebar-item.model.ts","../../eui-timebar/index.ts","../../eui-timebar/eui-components-eui-timebar.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    AfterViewChecked,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Input,\n    NgModule,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    SimpleChange,\n    SimpleChanges,\n    ViewChild,\n    ViewEncapsulation,\n    booleanAttribute,\n    inject,\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\n\nimport { EuiAppShellService, formatNumber, LocaleService, LocaleState } from '@eui/core';\nimport { EUI_ICON } from '@eui/components/eui-icon';\nimport { EUI_BADGE } from '@eui/components/eui-badge';\nimport { EuiTimebarItem } from './eui-timebar-item.model';\nimport { AsyncPipe, DatePipe, NgClass } from '@angular/common';\n\nexport class EuiTimebarItemUI {\n    perc: number;\n    /**\n     * info success warning danger\n     */\n    stepTypeClass: 'info'|'success'|'warning'|'danger'|string;\n    tooltipColor: string;\n    isGrouped?: boolean;\n    groupIndex?: number;\n    groupLabel?: string;\n    groupEndDate?: Date;\n    item: EuiTimebarItem;\n}\n\n/**\n * @description\n * A component for displaying chronological events or milestones on a horizontal timeline.\n *\n * The EuiTimebarComponent renders a horizontal timeline with customizable items, labels,\n * markers, and optional grouping for overlapping items. It supports responsive behavior,\n * current date indication, and multiple display options.\n *\n */\n@Component({\n    selector: 'eui-timebar',\n    templateUrl: './eui-timebar.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        NgClass,\n        AsyncPipe,\n        DatePipe,\n        ...EUI_ICON,\n        ...EUI_BADGE,\n    ],\n})\nexport class EuiTimebarComponent implements OnInit, AfterContentInit, AfterViewChecked, OnChanges, OnDestroy {\n    itemsUI: EuiTimebarItemUI[] = [];\n    currentDate = new Date();\n    currentPerc: number;\n    markedPerc: number;\n    /**\n     * The class to be applied to the timebar column.\n     *\n     * @deprecated Calculation of it happens internally and will be removed in the future\n     */\n    timebarColumnClass = '';\n    subscription: Subscription;\n    isShowLegendGenerated: boolean;\n    isShowLegendAsIndexGenerated: boolean;\n    isGroupOverlappingLabelsGenerated: boolean;\n    isMobile = false;\n    isSomeStepsAreGrouped = false;\n    extraTimelineLabelSpace = 21;\n\n    @ViewChild('container') container: ElementRef<HTMLDivElement>;\n    @Input() e2eAttr = 'eui-timebar';\n    /**\n     * Date to be highlighted on the timeline.\n     * Separate from currentDateMarker, which shows today's date.\n     */\n    @Input() markedDate: Date;\n    /**\n     * Collection of items to be displayed on the timeline.\n     */\n    @Input() items: EuiTimebarItem[];\n    /**\n     * Label displayed at the beginning of the timeline.\n     */\n    @Input() startLabel: string;\n\n    /**\n     * Label displayed at the end of the timeline.\n     */\n    @Input() endLabel: string;\n\n    /**\n     * Format for displaying dates in the timeline.\n     * @default 'yyyy-MM-dd'\n     */\n    @Input() dateFormat: 'short'|'medium'|'long'|'full'|'shortDate'|'mediumDate'|'longDate'|'fullDate'|'shortTime'|'mediumTime'|'longTime'|'fullTime'|string = 'yyyy-MM-dd';\n\n    /**\n     * Whether to show a legend with timeline item labels.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isShowLegend = false;\n\n    /**\n     * Whether to display indices instead of colors in the legend.\n     * @default true\n     */\n    @Input({ transform: booleanAttribute }) isShowLegendAsIndex = true;\n\n    /**\n     * Whether to display a marker for the current date on the timeline.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isShowCurrentDateMarker = false;\n\n    /**\n     * When true, keeps the current date marker visible even if the current date\n     * is outside the timeline range by placing it at the edge of the timeline.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isCurrentDateMarkerAlwaysInRange = false;\n\n    /**\n     * Whether to group timeline items with overlapping labels to improve readability.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isGroupOverlappingLabels = false;\n\n    protected maxStepWidth = 112; // 112px = 8rem = 2 x 4rem margin around starting and ending bullet.\n    protected locale: LocaleService<LocaleState> = inject(LocaleService);\n\n    constructor(\n        private asService: EuiAppShellService,\n        private cd: ChangeDetectorRef,\n    ) {}\n\n    ngOnInit(): void {\n        this.subscription = this.asService.breakpoints$.subscribe((bkps) => {\n            this.onBreakpointChange(bkps);\n        });\n    }\n\n    ngAfterContentInit(): void {\n        this.removeNullItems();\n        this.sortItems();\n\n        const startDate: Date = this.items[0].date;\n        const endDate: Date = this.items[this.items.length - 1].date;\n        this.items.forEach((item) => {\n            let stepTypeClass = '';\n            let tooltipColor = 'none';\n\n            if (item.stepType) {\n                stepTypeClass = 'eui-timebar__step--' + item.stepType;\n                tooltipColor = item.stepType;\n            }\n\n            const isNumber = /^\\d+\\.\\d+$/.test(item.label) || /^\\d+$/.test(item.label);\n\n            if (isNumber) {\n                item.label = formatNumber(item.label, 2);\n            }\n\n            this.itemsUI.push({\n                perc: this.calculatePercentage(item.date, startDate, endDate),\n                item,\n                stepTypeClass,\n                tooltipColor,\n            });\n        });\n\n        this.currentPerc = this.calculatePercentage(this.currentDate, startDate, endDate, true);\n        this.markedPerc = this.calculatePercentage(this.markedDate, startDate, endDate, true);\n\n        // initialize attributes\n        this.isShowLegendGenerated = this.isShowLegend;\n        this.isShowLegendAsIndexGenerated = this.isShowLegendAsIndex;\n        this.isGroupOverlappingLabelsGenerated = this.isGroupOverlappingLabels;\n        this.isMobile = false;\n    }\n\n    ngAfterViewChecked(): void {\n        this.groupOverlappingLabels();\n    }\n\n    ngOnDestroy(): void {\n        if (this.subscription) {\n            this.subscription.unsubscribe();\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['markedDate']) {\n            const change: SimpleChange = changes['markedDate'];\n            const startDate: Date = this.items[0].date;\n            const endDate: Date = this.items[this.items.length - 1].date;\n            this.markedPerc = this.calculatePercentage(change.currentValue as Date, startDate, endDate);\n        }\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onBreakpointChange(bkps: any): void {\n        if (bkps.isMobile) {\n            this.isShowLegendGenerated = this.isShowLegendAsIndexGenerated = this.isMobile = true;\n        } else {\n            this.isShowLegendGenerated = this.isShowLegend;\n            this.isShowLegendAsIndexGenerated = this.isShowLegendAsIndex;\n            this.isMobile = false;\n        }\n    }\n\n    trackByFn(index: number, item: EuiTimebarItemUI): string {\n        return item.item.label;\n    }\n\n    /**\n     * Removes null and undefined items from the timeline collection.\n     */\n    protected removeNullItems(): void {\n        if (this.items) {\n            for (let i = 0; i < this.items.length; i++) {\n                if (!this.items[i]) {\n                    this.items.splice(i, 1);\n                    i--;\n                }\n            }\n        }\n    }\n\n    /**\n     * Sorts the timeline items chronologically by their dates in ascending order.\n     * Items with invalid or missing dates are treated as equal during comparison.\n     */\n    protected sortItems(): void {\n        if (!this.items?.length) {\n            return;\n        }\n\n        this.items = this.items\n            .filter(a => this.areValidDates(a?.date))\n            .sort(this.compareTimebarDates);\n    }\n\n    protected groupOverlappingLabels(): void {\n        if (!this.isGroupOverlappingLabelsGenerated || !this.container || !this.itemsUI) {\n            return;\n        }\n\n        this.clearGrouping();\n\n        const containerWidth = this.container.nativeElement.clientWidth;\n        const groupingThreshold = (this.maxStepWidth * 100) / containerWidth;\n\n        let currentGroup = {\n            startIndex: 0,\n            items: [] as EuiTimebarItemUI[],\n        };\n\n        for (let i = 0; i < this.itemsUI.length; i++) {\n            const currentItem = this.itemsUI[i];\n            const previousItem = i > 0 ? this.itemsUI[i - 1] : null;\n\n            if (!previousItem) {\n                currentGroup.items.push(currentItem);\n                continue;\n            }\n\n            const distance = Math.abs(currentItem.perc - previousItem.perc);\n\n            if (distance <= groupingThreshold) {\n                currentGroup.items.push(currentItem);\n            } else {\n                this.processGroup(currentGroup);\n                currentGroup = {\n                    startIndex: i,\n                    items: [currentItem],\n                };\n            }\n        }\n\n        // Process the last group\n        if (currentGroup.items.length > 0) {\n            this.processGroup(currentGroup);\n        }\n\n        this.isSomeStepsAreGrouped = this.itemsUI.some(item => item.isGrouped);\n        this.cd.detectChanges();\n    }\n\n    protected clearGrouping(): void {\n        this.isSomeStepsAreGrouped = false;\n        if (this.itemsUI) {\n            for (const item of this.itemsUI) {\n                delete item.isGrouped;\n                delete item.groupIndex;\n                delete item.groupLabel;\n                delete item.groupEndDate;\n            }\n        }\n        this.extraTimelineLabelSpace = 21;\n    }\n\n    /**\n     * @deprecated it's not used anymore\n     */\n    protected calculateExtraTimelineLabelSpace(): void {\n        if (this.itemsUI) {\n            let maxLabelLength = 0;\n            this.itemsUI\n                .filter(i => i.item?.label)\n                .forEach((i) => {\n                    maxLabelLength = Math.max(maxLabelLength, i.item.label.length);\n                });\n\n            if (maxLabelLength > 56) {\n                // 56px = 4rem margin of the timeline itself.\n                this.extraTimelineLabelSpace = maxLabelLength + 28; // 28px = 2rem = 1 line of text in height + margins\n            }\n        }\n    }\n\n    /**\n     * Calculates the percentage position of a date within a given date range.\n     *\n     * @param date - The target date to calculate the position for\n     * @param startDate - The beginning of the date range\n     * @param endDate - The end of the date range\n     * @param compensateForRange - When true, adjusts out-of-range values to maintain visualization constraints\n     * @param alwaysInRange - When true, clamps the percentage to the 0-100 range\n     * @returns The calculated percentage (0-100), or adjusted values (-3 or 103) if compensating for out-of-range dates\n     *\n     * @example\n     * // Basic usage within range\n     * calculatePercentage(new Date('2024-02-15'), new Date('2024-01-01'), new Date('2024-12-31'))\n     *\n     * // With range compensation\n     * calculatePercentage(new Date('2025-01-01'), new Date('2024-01-01'), new Date('2024-12-31'), true)\n     */\n    protected calculatePercentage(date: Date, startDate: Date, endDate: Date, compensateForRange = false, alwaysInRange = this.isCurrentDateMarkerAlwaysInRange): number {\n        if (!this.areValidDates(date, startDate, endDate)) {\n            return 0;\n        }\n        const percentage = this.calculateBasePercentage(date, startDate, endDate);\n\n        return compensateForRange\n            ? this.adjustPercentageForRange(percentage, alwaysInRange)\n            : percentage;\n    }\n\n    private processGroup(group: { startIndex: number; items: EuiTimebarItemUI[] }): void {\n        if (group.items.length <= 1) {\n            return;\n        }\n\n        const firstItem = group.items[0];\n        const lastItem = group.items[group.items.length - 1];\n\n        // Update the first item in the group\n        firstItem.groupEndDate = lastItem.item.date;\n        firstItem.stepTypeClass = lastItem.item.stepType;\n\n        const groupLabels = this.generateGroupLabels(group);\n        firstItem.groupLabel = groupLabels.join(', ');\n        firstItem.groupIndex = group.startIndex + 1;\n\n        // Mark remaining items as grouped\n        for (let i = 1; i < group.items.length; i++) {\n            const item = group.items[i];\n            item.isGrouped = true;\n            item.groupIndex = group.startIndex + i + 1;\n        }\n    }\n\n    private generateGroupLabels(group: { startIndex: number; items: EuiTimebarItemUI[] }): string[] {\n        return group.items.map((_, index) =>\n            (group.startIndex + index + 1).toString(),\n        );\n    }\n\n    /**\n     * Verifies that all required dates are valid Date objects.\n     *\n     * @param dates - The dates to validate\n     * @returns True if all dates are valid, otherwise false\n     */\n    private areValidDates(...dates: Date[]): boolean {\n        return dates.every(date => date instanceof Date);\n    }\n\n    /**\n     * Calculates the raw percentage position of a date within the range.\n     *\n     * @param date - The target date to calculate the position for\n     * @param startDate - The beginning of the date range\n     * @param endDate - The end of the date range\n     *\n     * @returns The calculated percentage (0-100) position on the range\n     */\n    private calculateBasePercentage(date: Date, startDate: Date, endDate: Date): number {\n        const timespan = endDate.getTime() - startDate.getTime();\n        const position = date.getTime() - startDate.getTime();\n        return (position / timespan) * 100;\n    }\n\n    /**\n     * Handles date positions that fall outside the specified range by applying boundary adjustments.\n     *\n     * For dates beyond the range boundaries, this method adjusts their position values\n     * to maintain consistent TimeBar visualization. When isCurrentDateMarkerAlwaysInRange\n     * is enabled, positions are clamped to the boundaries (0-100). Otherwise, they extend\n     * slightly beyond (-3 or 103) to indicate out-of-range status.\n     *\n     * @param percentage - The calculated percentage position\n     * @param alwaysInRange - When true, clamps the percentage to the 0-100 range\n     *\n     * @returns The adjusted percentage value\n     */\n    private adjustPercentageForRange(percentage: number, alwaysInRange: boolean): number {\n        if (percentage > 100) {\n            return alwaysInRange ? 100 : 103;\n        }\n\n        if (percentage <= 0) {\n            return alwaysInRange ? 0 : -3;\n        }\n\n        return percentage;\n    }\n\n    /**\n     * Compares two timeline items by their dates for sorting.\n     *\n     * @param firstItem - The first item to compare\n     * @param secondItem - The second item to compare\n     * @returns Negative if first date is earlier, positive if later, zero if equal\n     */\n    private compareTimebarDates(firstItem: EuiTimebarItem, secondItem: EuiTimebarItem): number {\n        return firstItem.date.getTime() - secondItem.date.getTime();\n    }\n}\n\n/**\n * @description\n * Angular module that provides the EuiTimebarComponent.\n *\n * @deprecated Use {@link EUI_TIMEBAR} instead\n */\n@NgModule({\n    imports: [EuiTimebarComponent],\n    exports: [EuiTimebarComponent],\n})\nexport class EuiTimebarModule {}\n","<div class=\"row eui-u-flex\" #container>\n    @if(startLabel) {\n        <div class=\"col-2 eui-timebar__start-label\">\n            {{ startLabel }}\n        </div>\n    }\n    <div class=\"{{timebarColumnClass}} {{ 'col-' + ((startLabel ? -2 : 0) + (endLabel ? -2 : 0) + 12) }}\">\n        <div class=\"eui-timebar\" [style.marginBottom.px]=\"extraTimelineLabelSpace\" attr.data-e2e=\"{{ e2eAttr }}\">\n            @if(isShowCurrentDateMarker) {\n                <div\n                    class=\"eui-timebar__current-progress\"\n                    [style.width.%]=\"currentPerc >= 100 ? 100 : currentPerc\"></div>\n            }\n            @if(markedDate) {\n                <div class=\"eui-timebar__current-progress\" [style.width.%]=\"markedPerc >= 100 ? 100 : markedPerc\"></div>\n            }\n\n            @for (item of itemsUI; let i = $index; track i) {\n                @if(!item.isGrouped) {\n                    <div\n                        class=\"eui-timebar__step\"\n                        [ngClass]=\"item.stepTypeClass\"\n                        [style.left.%]=\"item.perc\"\n                        [class.eui-timebar__step--with-current-date-marker]=\"isShowCurrentDateMarker || markedDate\">\n                        @if(!isMobile) {\n                            <div class=\"eui-timebar__step-date-item\" [class.eui-timebar__step-date-item--with-end-date]=\"item.groupEndDate\">\n                                @if(item.groupEndDate) {\n                                    <span\n                                        class=\"eui-timebar__grouped__step {{\n                                        item.stepTypeClass ? 'eui-timebar__step--' + item.stepTypeClass : ''}}\">\n                                        {{ item.groupEndDate | date: dateFormat: null: (locale.getState() | async).id }}\n                                    </span>\n                                }\n                                <span\n                                    class=\"{{ item.tooltipColor ? 'eui-timebar__step--' + item.tooltipColor : '' }}\"\n                                    [class.eui-timebar__grouped__step]=\"item.groupEndDate\">\n                                    {{ item.item.date | date: dateFormat: null: (locale.getState() | async).id }}\n                                </span>\n                            </div>\n                        }\n                        @if(!isShowLegendGenerated) {\n                            <div [style.left.%]=\"!isMobile ? item.perc : null\" class=\"eui-timebar__step-label\">\n                                @if(!item.groupLabel) {\n                                    <span title=\"{{ item.item.label }}\">{{ item.item.label }}</span>\n                                }\n                                @if(item.groupLabel) {\n                                    <span title=\"{{ item.groupLabel }}\">{{ item.groupLabel }}</span>\n                                }\n                            </div>\n                        }\n                        @if(isShowLegendGenerated && isShowLegendAsIndexGenerated) {\n                            <div\n                                [style.left.%]=\"!isMobile ? item.perc : null\"\n                                class=\"eui-timebar__step-label\">\n                                {{ !item.groupLabel ? i + 1 : item.groupLabel }}\n                            </div>\n                        }\n                    </div>\n                }\n            }\n\n            @if(isShowCurrentDateMarker) {\n                <div\n                    class=\"eui-timebar__current-date-marker\"\n                    [style.left.%]=\"currentPerc\"\n                    title=\"{{ currentDate | date: dateFormat: null: (locale.getState() | async).id }}\">\n                    <eui-icon-svg icon=\"location\" set=\"sharp\" size=\"m\"></eui-icon-svg>\n                </div>\n                <div class=\"eui-timebar__current-date-marker-step\" [style.left.%]=\"currentPerc\">\n                    <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\"></eui-icon-svg>\n                </div>\n            }\n            @if(markedDate) {\n                <div\n                    class=\"eui-timebar__current-date-marker\"\n                    [style.left.%]=\"markedPerc\"\n                    title=\"{{ markedDate | date: dateFormat: null: (locale.getState() | async).id }}\">\n                    <eui-icon-svg icon=\"location\" set=\"sharp\" size=\"m\"></eui-icon-svg>\n                </div>\n                <div class=\"eui-timebar__current-date-marker-step\" [style.left.%]=\"markedPerc\">\n                    <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\"></eui-icon-svg>\n                </div>\n            }\n        </div>\n    </div>\n    @if(endLabel) {\n        <div class=\"col-2 eui-timebar__end-label\">\n            {{ endLabel }}\n        </div>\n    }\n</div>\n<div class=\"row eui-u-flex-justify-content-center\">\n    <div class=\"{{timebarColumnClass}} {{ 'col-md-' + ((startLabel ? -2 : 0) + (endLabel ? -2 : 0) + 12) }}\">\n        @if (isShowLegendGenerated || isSomeStepsAreGrouped) {\n        <div class=\"eui-timebar__legend\">\n            @for (item of itemsUI; let i = $index; track i){\n                @if(isShowLegendGenerated) {\n                    <div class=\"eui-timebar__legend-item\">\n                        @if(!isShowLegendAsIndexGenerated) {\n                            <div class=\"eui-timebar__legend-item-icon\">\n                                <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\" fillColor=\"{{ item.item.stepType }}\"></eui-icon-svg>\n                            </div>\n                        } @else {\n                            <div class=\"eui-timebar__legend-item-index-wrapper\">\n                                <eui-badge euiSizeL euiPrimary>{{ i + 1 }}</eui-badge>\n                            </div>\n                        }\n                        <div class=\"eui-timebar__legend-item-label\">\n                            @if(isMobile) {\n                                <strong>{{ item.item.date | date: dateFormat: null: (locale.getState() | async).id }}</strong> -\n                            }\n                            {{ item.item.label }}\n                        </div>\n                    </div>\n                }\n                @if(!isShowLegendGenerated && (item.groupLabel || item.isGrouped)) {\n                    <div class=\"eui-timebar__legend-item\">\n                        <div class=\"eui-timebar__legend-item-index-wrapper\">\n                            <eui-badge euiSizeL euiPrimary>{{ item.groupIndex }}</eui-badge>\n                        </div>\n                        <div class=\"eui-timebar__legend-item-label\">\n                            <strong>{{ item.item.date | date: dateFormat: null: (locale.getState() | async).id }}</strong> - {{ item.item.label }}\n                        </div>\n                    </div>\n                }\n            }\n        </div>\n        }\n    </div>\n</div>\n","/**\n * Represents a single item in the TimeBar component.\n * Used to define the data points that will be displayed on the timeline.\n */\n// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging\nexport interface EuiTimebarItem {\n    /**\n     * The date to be displayed on the timeline.\n     * Used to calculate the item's position in chronological order.\n     */\n    date: Date;\n\n    /**\n     * The text label that appears below the timeline marker.\n     * Can be a string, a Date or a formatted number value.\n     */\n    label: string;\n\n    /**\n     * Optional visual style indicator for the timeline marker.\n     * Supported values: 'info', 'success', 'warning', 'danger'\n     */\n    stepType?: 'info' | 'success' | 'warning' | 'danger' | string;\n}\n\n/**\n * @deprecated use the {@link EuiTimebarItem} interface instead.\n */\n// TODO: v17 remove this class - unnecessary\n// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging\nexport class EuiTimebarItem implements EuiTimebarItem {\n    date: Date;\n    label: string;\n    stepType?: string;\n\n    constructor(values = {}) {\n        Object.assign(this, values);\n    }\n}\n","import { EuiTimebarComponent } from './eui-timebar.component';\n\nexport * from './eui-timebar.component';\nexport * from './eui-timebar-item.model';\n\nexport const EUI_TIMEBAR = [\n    EuiTimebarComponent,\n] as const;\n\n// export { EuiTimebarComponent as EuiTimebar } from './eui-timebar.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-timebar.mjs","sources":["../../eui-timebar/eui-timebar.component.ts","../../eui-timebar/eui-timebar.component.html","../../eui-timebar/eui-timebar-item.model.ts","../../eui-timebar/index.ts","../../eui-timebar/eui-components-eui-timebar.ts"],"sourcesContent":["import {\n    AfterContentInit,\n    AfterViewChecked,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Input,\n    NgModule,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    SimpleChange,\n    SimpleChanges,\n    ViewChild,\n    ViewEncapsulation,\n    booleanAttribute,\n    inject,\n} from '@angular/core';\nimport { Subscription } from 'rxjs';\n\nimport { EuiAppShellService, formatNumber, LocaleService, LocaleState } from '@eui/core';\nimport { EUI_ICON } from '@eui/components/eui-icon';\nimport { EUI_BADGE } from '@eui/components/eui-badge';\nimport { EuiTimebarItem } from './eui-timebar-item.model';\nimport { AsyncPipe, DatePipe, NgClass } from '@angular/common';\n\nexport class EuiTimebarItemUI {\n    perc: number;\n    /**\n     * info success warning danger\n     */\n    stepTypeClass: 'info'|'success'|'warning'|'danger'|string;\n    tooltipColor: string;\n    isGrouped?: boolean;\n    groupIndex?: number;\n    groupLabel?: string;\n    groupEndDate?: Date;\n    item: EuiTimebarItem;\n}\n\n/**\n * @description\n * A component for displaying chronological events or milestones on a horizontal timeline.\n *\n * The EuiTimebarComponent renders a horizontal timeline with customizable items, labels,\n * markers, and optional grouping for overlapping items. It supports responsive behavior,\n * current date indication, and multiple display options.\n *\n */\n@Component({\n    selector: 'eui-timebar',\n    templateUrl: './eui-timebar.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n    imports: [\n        NgClass,\n        AsyncPipe,\n        DatePipe,\n        ...EUI_ICON,\n        ...EUI_BADGE,\n    ],\n})\nexport class EuiTimebarComponent implements OnInit, AfterContentInit, AfterViewChecked, OnChanges, OnDestroy {\n    itemsUI: EuiTimebarItemUI[] = [];\n    currentDate = new Date();\n    currentPerc: number;\n    markedPerc: number;\n    /**\n     * The class to be applied to the timebar column.\n     *\n     * @deprecated Calculation of it happens internally and will be removed in the future\n     */\n    timebarColumnClass = '';\n    subscription: Subscription;\n    isShowLegendGenerated: boolean;\n    isShowLegendAsIndexGenerated: boolean;\n    isGroupOverlappingLabelsGenerated: boolean;\n    isMobile = false;\n    isSomeStepsAreGrouped = false;\n    extraTimelineLabelSpace = 21;\n\n    @ViewChild('container') container: ElementRef<HTMLDivElement>;\n    @Input() e2eAttr = 'eui-timebar';\n    /**\n     * Date to be highlighted on the timeline.\n     * Separate from currentDateMarker, which shows today's date.\n     */\n    @Input() markedDate: Date;\n    /**\n     * Collection of items to be displayed on the timeline.\n     */\n    @Input() items: EuiTimebarItem[];\n    /**\n     * Label displayed at the beginning of the timeline.\n     */\n    @Input() startLabel: string;\n\n    /**\n     * Label displayed at the end of the timeline.\n     */\n    @Input() endLabel: string;\n\n    /**\n     * Format for displaying dates in the timeline.\n     * @default 'yyyy-MM-dd'\n     */\n    @Input() dateFormat: 'short'|'medium'|'long'|'full'|'shortDate'|'mediumDate'|'longDate'|'fullDate'|'shortTime'|'mediumTime'|'longTime'|'fullTime'|string = 'yyyy-MM-dd';\n\n    /**\n     * Whether to show a legend with timeline item labels.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isShowLegend = false;\n\n    /**\n     * Whether to display indices instead of colors in the legend.\n     * @default true\n     */\n    @Input({ transform: booleanAttribute }) isShowLegendAsIndex = true;\n\n    /**\n     * Whether to display a marker for the current date on the timeline.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isShowCurrentDateMarker = false;\n\n    /**\n     * When true, keeps the current date marker visible even if the current date\n     * is outside the timeline range by placing it at the edge of the timeline.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isCurrentDateMarkerAlwaysInRange = false;\n\n    /**\n     * Whether to group timeline items with overlapping labels to improve readability.\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isGroupOverlappingLabels = false;\n\n    protected maxStepWidth = 112; // 112px = 8rem = 2 x 4rem margin around starting and ending bullet.\n    protected locale: LocaleService<LocaleState> = inject(LocaleService);\n\n    constructor(\n        private asService: EuiAppShellService,\n        private cd: ChangeDetectorRef,\n    ) {}\n\n    ngOnInit(): void {\n        this.subscription = this.asService.breakpoints$.subscribe((bkps) => {\n            this.onBreakpointChange(bkps);\n        });\n    }\n\n    ngAfterContentInit(): void {\n        this.removeNullItems();\n        this.sortItems();\n\n        const startDate: Date = this.items[0].date;\n        const endDate: Date = this.items[this.items.length - 1].date;\n        this.items.forEach((item) => {\n            let stepTypeClass = '';\n            let tooltipColor = 'none';\n\n            if (item.stepType) {\n                stepTypeClass = 'eui-timebar__step--' + item.stepType;\n                tooltipColor = item.stepType;\n            }\n\n            const isNumber = /^\\d+\\.\\d+$/.test(item.label) || /^\\d+$/.test(item.label);\n\n            if (isNumber) {\n                item.label = formatNumber(item.label, 2);\n            }\n\n            this.itemsUI.push({\n                perc: this.calculatePercentage(item.date, startDate, endDate),\n                item,\n                stepTypeClass,\n                tooltipColor,\n            });\n        });\n\n        this.currentPerc = this.calculatePercentage(this.currentDate, startDate, endDate, true);\n        this.markedPerc = this.calculatePercentage(this.markedDate, startDate, endDate, true);\n\n        // initialize attributes\n        this.isShowLegendGenerated = this.isShowLegend;\n        this.isShowLegendAsIndexGenerated = this.isShowLegendAsIndex;\n        this.isGroupOverlappingLabelsGenerated = this.isGroupOverlappingLabels;\n        this.isMobile = false;\n    }\n\n    ngAfterViewChecked(): void {\n        this.groupOverlappingLabels();\n    }\n\n    ngOnDestroy(): void {\n        if (this.subscription) {\n            this.subscription.unsubscribe();\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['markedDate']) {\n            const change: SimpleChange = changes['markedDate'];\n            const startDate: Date = this.items[0].date;\n            const endDate: Date = this.items[this.items.length - 1].date;\n            this.markedPerc = this.calculatePercentage(change.currentValue as Date, startDate, endDate);\n        }\n    }\n\n    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onBreakpointChange(bkps: any): void {\n        if (bkps.isMobile) {\n            this.isShowLegendGenerated = this.isShowLegendAsIndexGenerated = this.isMobile = true;\n        } else {\n            this.isShowLegendGenerated = this.isShowLegend;\n            this.isShowLegendAsIndexGenerated = this.isShowLegendAsIndex;\n            this.isMobile = false;\n        }\n    }\n\n    trackByFn(index: number, item: EuiTimebarItemUI): string {\n        return item.item.label;\n    }\n\n    /**\n     * Removes null and undefined items from the timeline collection.\n     */\n    protected removeNullItems(): void {\n        if (this.items) {\n            for (let i = 0; i < this.items.length; i++) {\n                if (!this.items[i]) {\n                    this.items.splice(i, 1);\n                    i--;\n                }\n            }\n        }\n    }\n\n    /**\n     * Sorts the timeline items chronologically by their dates in ascending order.\n     * Items with invalid or missing dates are treated as equal during comparison.\n     */\n    protected sortItems(): void {\n        if (!this.items?.length) {\n            return;\n        }\n\n        this.items = this.items\n            .filter(a => this.areValidDates(a?.date))\n            .sort(this.compareTimebarDates);\n    }\n\n    protected groupOverlappingLabels(): void {\n        if (!this.isGroupOverlappingLabelsGenerated || !this.container || !this.itemsUI) {\n            return;\n        }\n\n        this.clearGrouping();\n\n        const containerWidth = this.container.nativeElement.clientWidth;\n        const groupingThreshold = (this.maxStepWidth * 100) / containerWidth;\n\n        let currentGroup = {\n            startIndex: 0,\n            items: [] as EuiTimebarItemUI[],\n        };\n\n        for (let i = 0; i < this.itemsUI.length; i++) {\n            const currentItem = this.itemsUI[i];\n            const previousItem = i > 0 ? this.itemsUI[i - 1] : null;\n\n            if (!previousItem) {\n                currentGroup.items.push(currentItem);\n                continue;\n            }\n\n            const distance = Math.abs(currentItem.perc - previousItem.perc);\n\n            if (distance <= groupingThreshold) {\n                currentGroup.items.push(currentItem);\n            } else {\n                this.processGroup(currentGroup);\n                currentGroup = {\n                    startIndex: i,\n                    items: [currentItem],\n                };\n            }\n        }\n\n        // Process the last group\n        if (currentGroup.items.length > 0) {\n            this.processGroup(currentGroup);\n        }\n\n        this.isSomeStepsAreGrouped = this.itemsUI.some(item => item.isGrouped);\n        this.cd.detectChanges();\n    }\n\n    protected clearGrouping(): void {\n        this.isSomeStepsAreGrouped = false;\n        if (this.itemsUI) {\n            for (const item of this.itemsUI) {\n                delete item.isGrouped;\n                delete item.groupIndex;\n                delete item.groupLabel;\n                delete item.groupEndDate;\n            }\n        }\n        this.extraTimelineLabelSpace = 21;\n    }\n\n    /**\n     * @deprecated it's not used anymore\n     */\n    protected calculateExtraTimelineLabelSpace(): void {\n        if (this.itemsUI) {\n            let maxLabelLength = 0;\n            this.itemsUI\n                .filter(i => i.item?.label)\n                .forEach((i) => {\n                    maxLabelLength = Math.max(maxLabelLength, i.item.label.length);\n                });\n\n            if (maxLabelLength > 56) {\n                // 56px = 4rem margin of the timeline itself.\n                this.extraTimelineLabelSpace = maxLabelLength + 28; // 28px = 2rem = 1 line of text in height + margins\n            }\n        }\n    }\n\n    /**\n     * Calculates the percentage position of a date within a given date range.\n     *\n     * @param date - The target date to calculate the position for\n     * @param startDate - The beginning of the date range\n     * @param endDate - The end of the date range\n     * @param compensateForRange - When true, adjusts out-of-range values to maintain visualization constraints\n     * @param alwaysInRange - When true, clamps the percentage to the 0-100 range\n     * @returns The calculated percentage (0-100), or adjusted values (-3 or 103) if compensating for out-of-range dates\n     *\n     * @example\n     * // Basic usage within range\n     * calculatePercentage(new Date('2024-02-15'), new Date('2024-01-01'), new Date('2024-12-31'))\n     *\n     * // With range compensation\n     * calculatePercentage(new Date('2025-01-01'), new Date('2024-01-01'), new Date('2024-12-31'), true)\n     */\n    protected calculatePercentage(date: Date, startDate: Date, endDate: Date, compensateForRange = false, alwaysInRange = this.isCurrentDateMarkerAlwaysInRange): number {\n        if (!this.areValidDates(date, startDate, endDate)) {\n            return 0;\n        }\n        const percentage = this.calculateBasePercentage(date, startDate, endDate);\n\n        return compensateForRange\n            ? this.adjustPercentageForRange(percentage, alwaysInRange)\n            : percentage;\n    }\n\n    private processGroup(group: { startIndex: number; items: EuiTimebarItemUI[] }): void {\n        if (group.items.length <= 1) {\n            return;\n        }\n\n        const firstItem = group.items[0];\n        const lastItem = group.items[group.items.length - 1];\n\n        // Update the first item in the group\n        firstItem.groupEndDate = lastItem.item.date;\n        firstItem.stepTypeClass = lastItem.item.stepType;\n\n        const groupLabels = this.generateGroupLabels(group);\n        firstItem.groupLabel = groupLabels.join(', ');\n        firstItem.groupIndex = group.startIndex + 1;\n\n        // Mark remaining items as grouped\n        for (let i = 1; i < group.items.length; i++) {\n            const item = group.items[i];\n            item.isGrouped = true;\n            item.groupIndex = group.startIndex + i + 1;\n        }\n    }\n\n    private generateGroupLabels(group: { startIndex: number; items: EuiTimebarItemUI[] }): string[] {\n        return group.items.map((_, index) =>\n            (group.startIndex + index + 1).toString(),\n        );\n    }\n\n    /**\n     * Verifies that all required dates are valid Date objects.\n     *\n     * @param dates - The dates to validate\n     * @returns True if all dates are valid, otherwise false\n     */\n    private areValidDates(...dates: Date[]): boolean {\n        return dates.every(date => date instanceof Date);\n    }\n\n    /**\n     * Calculates the raw percentage position of a date within the range.\n     *\n     * @param date - The target date to calculate the position for\n     * @param startDate - The beginning of the date range\n     * @param endDate - The end of the date range\n     *\n     * @returns The calculated percentage (0-100) position on the range\n     */\n    private calculateBasePercentage(date: Date, startDate: Date, endDate: Date): number {\n        const timespan = endDate.getTime() - startDate.getTime();\n        const position = date.getTime() - startDate.getTime();\n        return (position / timespan) * 100;\n    }\n\n    /**\n     * Handles date positions that fall outside the specified range by applying boundary adjustments.\n     *\n     * For dates beyond the range boundaries, this method adjusts their position values\n     * to maintain consistent TimeBar visualization. When isCurrentDateMarkerAlwaysInRange\n     * is enabled, positions are clamped to the boundaries (0-100). Otherwise, they extend\n     * slightly beyond (-3 or 103) to indicate out-of-range status.\n     *\n     * @param percentage - The calculated percentage position\n     * @param alwaysInRange - When true, clamps the percentage to the 0-100 range\n     *\n     * @returns The adjusted percentage value\n     */\n    private adjustPercentageForRange(percentage: number, alwaysInRange: boolean): number {\n        if (percentage > 100) {\n            return alwaysInRange ? 100 : 103;\n        }\n\n        if (percentage <= 0) {\n            return alwaysInRange ? 0 : -3;\n        }\n\n        return percentage;\n    }\n\n    /**\n     * Compares two timeline items by their dates for sorting.\n     *\n     * @param firstItem - The first item to compare\n     * @param secondItem - The second item to compare\n     * @returns Negative if first date is earlier, positive if later, zero if equal\n     */\n    private compareTimebarDates(firstItem: EuiTimebarItem, secondItem: EuiTimebarItem): number {\n        return firstItem.date.getTime() - secondItem.date.getTime();\n    }\n}\n\n/**\n * @description\n * Angular module that provides the EuiTimebarComponent.\n *\n * @deprecated Use {@link EUI_TIMEBAR} instead\n */\n@NgModule({\n    imports: [EuiTimebarComponent],\n    exports: [EuiTimebarComponent],\n})\nexport class EuiTimebarModule {}\n","<div class=\"row eui-u-flex\" #container>\n    @if(startLabel) {\n        <div class=\"col-2 eui-timebar__start-label\">\n            {{ startLabel }}\n        </div>\n    }\n    <div class=\"{{timebarColumnClass}} {{ 'col-' + ((startLabel ? -2 : 0) + (endLabel ? -2 : 0) + 12) }}\">\n        <div class=\"eui-timebar\" [style.marginBottom.px]=\"extraTimelineLabelSpace\" attr.data-e2e=\"{{ e2eAttr }}\">\n            @if(isShowCurrentDateMarker) {\n                <div\n                    class=\"eui-timebar__current-progress\"\n                    [style.width.%]=\"currentPerc >= 100 ? 100 : currentPerc\"></div>\n            }\n            @if(markedDate) {\n                <div class=\"eui-timebar__current-progress\" [style.width.%]=\"markedPerc >= 100 ? 100 : markedPerc\"></div>\n            }\n\n            @for (item of itemsUI; let i = $index; track i) {\n                @if(!item.isGrouped) {\n                    <div\n                        class=\"eui-timebar__step\"\n                        [ngClass]=\"item.stepTypeClass\"\n                        [style.left.%]=\"item.perc\"\n                        [class.eui-timebar__step--with-current-date-marker]=\"isShowCurrentDateMarker || markedDate\">\n                        @if(!isMobile) {\n                            <div class=\"eui-timebar__step-date-item\" [class.eui-timebar__step-date-item--with-end-date]=\"item.groupEndDate\">\n                                @if(item.groupEndDate) {\n                                    <span\n                                        class=\"eui-timebar__grouped__step {{\n                                        item.stepTypeClass ? 'eui-timebar__step--' + item.stepTypeClass : ''}}\">\n                                        {{ item.groupEndDate | date: dateFormat: null: (locale.getState() | async).id }}\n                                    </span>\n                                }\n                                <span\n                                    class=\"{{ item.tooltipColor ? 'eui-timebar__step--' + item.tooltipColor : '' }}\"\n                                    [class.eui-timebar__grouped__step]=\"item.groupEndDate\">\n                                    {{ item.item.date | date: dateFormat: null: (locale.getState() | async).id }}\n                                </span>\n                            </div>\n                        }\n                        @if(!isShowLegendGenerated) {\n                            <div [style.left.%]=\"!isMobile ? item.perc : null\" class=\"eui-timebar__step-label\">\n                                @if(!item.groupLabel) {\n                                    <span title=\"{{ item.item.label }}\">{{ item.item.label }}</span>\n                                }\n                                @if(item.groupLabel) {\n                                    <span title=\"{{ item.groupLabel }}\">{{ item.groupLabel }}</span>\n                                }\n                            </div>\n                        }\n                        @if(isShowLegendGenerated && isShowLegendAsIndexGenerated) {\n                            <div\n                                [style.left.%]=\"!isMobile ? item.perc : null\"\n                                class=\"eui-timebar__step-label\">\n                                {{ !item.groupLabel ? i + 1 : item.groupLabel }}\n                            </div>\n                        }\n                    </div>\n                }\n            }\n\n            @if(isShowCurrentDateMarker) {\n                <div\n                    class=\"eui-timebar__current-date-marker\"\n                    [style.left.%]=\"currentPerc\"\n                    title=\"{{ currentDate | date: dateFormat: null: (locale.getState() | async).id }}\">\n                    <eui-icon-svg icon=\"location\" set=\"sharp\" size=\"m\"></eui-icon-svg>\n                </div>\n                <div class=\"eui-timebar__current-date-marker-step\" [style.left.%]=\"currentPerc\">\n                    <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\"></eui-icon-svg>\n                </div>\n            }\n            @if(markedDate) {\n                <div\n                    class=\"eui-timebar__current-date-marker\"\n                    [style.left.%]=\"markedPerc\"\n                    title=\"{{ markedDate | date: dateFormat: null: (locale.getState() | async).id }}\">\n                    <eui-icon-svg icon=\"location\" set=\"sharp\" size=\"m\"></eui-icon-svg>\n                </div>\n                <div class=\"eui-timebar__current-date-marker-step\" [style.left.%]=\"markedPerc\">\n                    <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\"></eui-icon-svg>\n                </div>\n            }\n        </div>\n    </div>\n    @if(endLabel) {\n        <div class=\"col-2 eui-timebar__end-label\">\n            {{ endLabel }}\n        </div>\n    }\n</div>\n<div class=\"row eui-u-flex-justify-content-center\">\n    <div class=\"{{timebarColumnClass}} {{ 'col-md-' + ((startLabel ? -2 : 0) + (endLabel ? -2 : 0) + 12) }}\">\n        @if (isShowLegendGenerated || isSomeStepsAreGrouped) {\n        <div class=\"eui-timebar__legend\">\n            @for (item of itemsUI; let i = $index; track i){\n                @if(isShowLegendGenerated) {\n                    <div class=\"eui-timebar__legend-item\">\n                        @if(!isShowLegendAsIndexGenerated) {\n                            <div class=\"eui-timebar__legend-item-icon\">\n                                <eui-icon-svg icon=\"ellipse:sharp\" size=\"s\" fillColor=\"{{ item.item.stepType }}\"></eui-icon-svg>\n                            </div>\n                        } @else {\n                            <div class=\"eui-timebar__legend-item-index-wrapper\">\n                                <eui-badge euiSizeL euiPrimary>{{ i + 1 }}</eui-badge>\n                            </div>\n                        }\n                        <div class=\"eui-timebar__legend-item-label\">\n                            @if(isMobile) {\n                                <strong>{{ item.item.date | date: dateFormat: null: (locale.getState() | async).id }}</strong> -\n                            }\n                            {{ item.item.label }}\n                        </div>\n                    </div>\n                }\n                @if(!isShowLegendGenerated && (item.groupLabel || item.isGrouped)) {\n                    <div class=\"eui-timebar__legend-item\">\n                        <div class=\"eui-timebar__legend-item-index-wrapper\">\n                            <eui-badge euiSizeL euiPrimary>{{ item.groupIndex }}</eui-badge>\n                        </div>\n                        <div class=\"eui-timebar__legend-item-label\">\n                            <strong>{{ item.item.date | date: dateFormat: null: (locale.getState() | async).id }}</strong> - {{ item.item.label }}\n                        </div>\n                    </div>\n                }\n            }\n        </div>\n        }\n    </div>\n</div>\n","/**\n * Represents a single item in the TimeBar component.\n * Used to define the data points that will be displayed on the timeline.\n */\n// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging\nexport interface EuiTimebarItem {\n    /**\n     * The date to be displayed on the timeline.\n     * Used to calculate the item's position in chronological order.\n     */\n    date: Date;\n\n    /**\n     * The text label that appears below the timeline marker.\n     * Can be a string, a Date or a formatted number value.\n     */\n    label: string;\n\n    /**\n     * Optional visual style indicator for the timeline marker.\n     * Supported values: 'info', 'success', 'warning', 'danger'\n     */\n    stepType?: 'info' | 'success' | 'warning' | 'danger' | string;\n}\n\n/**\n * @deprecated use the {@link EuiTimebarItem} interface instead.\n */\n// TODO: v17 remove this class - unnecessary\n// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging\nexport class EuiTimebarItem implements EuiTimebarItem {\n    date: Date;\n    label: string;\n    stepType?: string;\n\n    constructor(values = {}) {\n        Object.assign(this, values);\n    }\n}\n","import { EuiTimebarComponent } from './eui-timebar.component';\n\nexport * from './eui-timebar.component';\nexport * from './eui-timebar-item.model';\n\nexport const EUI_TIMEBAR = [\n    EuiTimebarComponent,\n] as const;\n\n// export { EuiTimebarComponent as EuiTimebar } from './eui-timebar.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-components-eui-timeline.mjs

@@ -36,11 +36,11 @@ class EuiTimelineComponent {
         return ['eui-timeline', this.isLeftAligned ? 'eui-timeline--left-aligned' : ''].join(' ').trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.9", type: EuiTimelineComponent, isStandalone: true, selector: "eui-timeline", inputs: { e2eAttr: "e2eAttr", isLeftAligned: ["isLeftAligned", "isLeftAligned", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-19 :host.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-19 :host.eui-timeline.eui-timeline--left-aligned ::ng-deep .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{margin:2px calc(var(--eui-s-xl) + 2px)}.eui-19 :host.eui-timeline.eui-timeline--left-aligned ::ng-deep .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-s-m) + 10px)!important}.eui-19 :host.eui-timeline.eui-timeline--left-aligned ::ng-deep .eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-s-s)}.eui-19 :host.eui-timeline.eui-timeline--left-aligned ::ng-deep .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__date{color:var(--eui-c-neutral);margin-top:var(--eui-s-xs);position:relative;font:var(--eui-f-m-bold)}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.9", type: EuiTimelineComponent, isStandalone: true, selector: "eui-timeline", inputs: { e2eAttr: "e2eAttr", isLeftAligned: ["isLeftAligned", "isLeftAligned", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".eui-19 :host.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTimelineComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-timeline', template: '<ng-content/>', styles: [".eui-19 :host.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-19 :host.eui-timeline.eui-timeline--left-aligned ::ng-deep .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{margin:2px calc(var(--eui-s-xl) + 2px)}.eui-19 :host.eui-timeline.eui-timeline--left-aligned ::ng-deep .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-s-m) + 10px)!important}.eui-19 :host.eui-timeline.eui-timeline--left-aligned ::ng-deep .eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-s-s)}.eui-19 :host.eui-timeline.eui-timeline--left-aligned ::ng-deep .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__date{color:var(--eui-c-neutral);margin-top:var(--eui-s-xs);position:relative;font:var(--eui-f-m-bold)}\n"] }]
+            args: [{ selector: 'eui-timeline', template: '<ng-content/>', styles: [".eui-19 :host.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}\n"] }]
         }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -117,7 +117,7 @@ class EuiTimelineItemComponent {
             .trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiTimelineItemComponent, isStandalone: true, selector: "eui-timeline-item", inputs: { e2eAttr: "e2eAttr", label: "label", subLabel: "subLabel", date: "date", dateStyleClass: "dateStyleClass", time: "time", timeStyleClass: "timeStyleClass", isLeftAligned: ["isLeftAligned", "isLeftAligned", booleanAttribute], isGroup: ["isGroup", "isGroup", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (!isLeftAligned) {\n    <div class=\"eui-timeline-item__left-content\">\n        @if (date) {\n            <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n        }\n        @if (time) {\n            <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n        }\n    </div>\n}\n<div class=\"eui-timeline-item__icon\" [class.eui-timeline-item__icon--group]=\"isGroup\"></div>\n<div class=\"eui-timeline-item__content\">\n    <ng-container #customContent>\n        <ng-content></ng-content>\n    </ng-container>\n\n    @if (customContent?.childNodes.length === 0) {\n        <div class=\"eui-timeline-item__title\">{{ label }}</div>\n        <div class=\"eui-timeline-item__subtitle\">{{ subLabel }}</div>\n        @if (isLeftAligned && date) {\n            <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n        }\n        @if (isLeftAligned && time) {\n            <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n        }\n    }\n</div>\n", styles: [".eui-19 :host.eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-19 :host.eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-s-m));position:relative;text-align:right;word-break:break-all}.eui-19 :host.eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-c-white);border-color:var(--eui-c-accent);border-radius:var(--eui-br-max);border-style:solid;border-width:3px;display:flex;flex-direction:column;max-height:calc(var(--eui-s-m) + var(--eui-s-2xs));margin:0 var(--eui-s-m);min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));z-index:2}.eui-19 :host.eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group):after{background-color:var(--eui-c-neutral-lighter);content:\"\";height:calc(100% - var(--eui-s-2xs));position:absolute;top:calc(var(--eui-s-m) + var(--eui-s-2xs));width:2px;z-index:1}.eui-19 :host.eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border-right:var(--eui-bw-s) dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:2px calc(var(--eui-s-xl) + 1px)}.eui-19 :host.eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-s-2xs));width:100%}.eui-19 :host.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral);font:var(--eui-f-l)}.eui-19 :host.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-c-neutral-light)}.eui-19 :host.eui-timeline-item .eui-timeline-item__date{color:var(--eui-c-neutral);font:var(--eui-f-m-bold)}.eui-19 :host.eui-timeline-item .eui-timeline-item__time{color:var(--eui-c-neutral-light)}.eui-19 :host.eui-timeline-item:last-child .eui-timeline-item__icon:after{height:0}.eui-19 :host.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-s-primary)}.eui-19 :host.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-19 :host.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-s-primary)}.eui-19 :host.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-s-secondary)}.eui-19 :host.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-19 :host.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-s-secondary)}.eui-19 :host.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-s-info)}.eui-19 :host.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-19 :host.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-s-info)}.eui-19 :host.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-s-warning)}.eui-19 :host.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-19 :host.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-s-warning)}.eui-19 :host.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-s-success)}.eui-19 :host.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-19 :host.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-s-success)}.eui-19 :host.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-s-danger)}.eui-19 :host.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-19 :host.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-s-danger)}.eui-19 :host.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-s-accent)}.eui-19 :host.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-19 :host.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-s-accent)}.eui-19 :host.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-19 :host.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-s-m)}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiTimelineItemComponent, isStandalone: true, selector: "eui-timeline-item", inputs: { e2eAttr: "e2eAttr", label: "label", subLabel: "subLabel", date: "date", dateStyleClass: "dateStyleClass", time: "time", timeStyleClass: "timeStyleClass", isLeftAligned: ["isLeftAligned", "isLeftAligned", booleanAttribute], isGroup: ["isGroup", "isGroup", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiSecondary", "euiSecondary", "euiPrimary", "euiPrimary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "@if (!isLeftAligned) {\n    <div class=\"eui-timeline-item__left-content\">\n        @if (date) {\n            <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n        }\n        @if (time) {\n            <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n        }\n    </div>\n}\n<div class=\"eui-timeline-item__icon\" [class.eui-timeline-item__icon--group]=\"isGroup\"></div>\n<div class=\"eui-timeline-item__content\">\n    <ng-container #customContent>\n        <ng-content></ng-content>\n    </ng-container>\n\n    @if (customContent?.childNodes.length === 0) {\n        <div class=\"eui-timeline-item__title\">{{ label }}</div>\n        <div class=\"eui-timeline-item__subtitle\">{{ subLabel }}</div>\n        @if (isLeftAligned && date) {\n            <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n        }\n        @if (isLeftAligned && time) {\n            <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n        }\n    }\n</div>\n", styles: [".eui-19 :host.eui-timeline-item{--_color: var(--eui-c-neutral);--_border-color: var(--eui-c-s-accent-base)}.eui-19 :host.eui-timeline-item--primary{--_color: var(--eui-c-s-primary-base);--_border-color: var(--eui-c-s-primary-base)}.eui-19 :host.eui-timeline-item--info{--_color: var(--eui-c-s-info-base);--_border-color: var(--eui-c-s-info-base)}.eui-19 :host.eui-timeline-item--success{--_color: var(--eui-c-s-success-base);--_border-color: var(--eui-c-s-success-base)}.eui-19 :host.eui-timeline-item--warning{--_color: var(--eui-c-s-warning);--_border-color: var(--eui-c-s-warning-base)}.eui-19 :host.eui-timeline-item--danger{--_color: var(--eui-c-s-danger-base);--_border-color: var(--eui-c-s-danger-base)}.eui-19 :host.eui-timeline-item--accent{--_color: var(--eui-c-s-accent-base);--_border-color: var(--eui-c-s-accent-base)}.eui-19 :host.eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-19 :host.eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-s-m));position:relative;text-align:right;word-break:break-all}.eui-19 :host.eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-c-white);border-color:var(--_border-color);border-radius:var(--eui-br-max);border-style:solid;border-width:3px;display:flex;flex-direction:column;max-height:calc(var(--eui-s-m) + var(--eui-s-2xs));margin:0 var(--eui-s-m);min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));z-index:2}.eui-19 :host.eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group):after{background-color:var(--eui-c-neutral-lighter);content:\"\";height:calc(100% - var(--eui-s-2xs));position:absolute;top:calc(var(--eui-s-m) + var(--eui-s-2xs));width:2px;z-index:1}.eui-19 :host.eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border-right:var(--eui-bw-s) dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:2px calc(var(--eui-s-xl) + 1px)}.eui-19 :host.eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-s-3xs));width:100%;color:var(--_color)}.eui-19 :host.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--_color);font:var(--eui-f-m-bold)}.eui-19 :host.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-c-neutral-light)}.eui-19 :host.eui-timeline-item .eui-timeline-item__date{position:relative;color:var(--eui-c-neutral);font:var(--eui-f-m-bold);top:calc(-1 * var(--eui-s-3xs))}.eui-19 :host.eui-timeline-item .eui-timeline-item__time{position:relative;color:var(--eui-c-neutral-light);top:calc(-1 * var(--eui-s-3xs))}.eui-19 :host.eui-timeline-item:last-child .eui-timeline-item__icon:after{height:0}.eui-19 :host.eui-timeline-item--more{margin-bottom:0}.eui-19 :host.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-s-m)}.eui-19 .eui-timeline--left-aligned :host.eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{margin:2px calc(var(--eui-s-xl) + 2px)}.eui-19 .eui-timeline--left-aligned :host.eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-s-m) + 10px)!important}.eui-19 .eui-timeline--left-aligned :host.eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-s-s)}.eui-19 .eui-timeline--left-aligned :host.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__date{color:var(--eui-c-neutral);margin-top:var(--eui-s-xs);position:relative;font:var(--eui-f-m-bold)}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTimelineItemComponent, decorators: [{
             type: Component,
@@ -126,7 +126,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImpor
                             directive: BaseStatesDirective,
                             inputs: ['euiSecondary', 'euiPrimary', 'euiSuccess', 'euiInfo', 'euiWarning', 'euiDanger', 'euiAccent', 'euiVariant'],
                         },
-                    ], template: "@if (!isLeftAligned) {\n    <div class=\"eui-timeline-item__left-content\">\n        @if (date) {\n            <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n        }\n        @if (time) {\n            <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n        }\n    </div>\n}\n<div class=\"eui-timeline-item__icon\" [class.eui-timeline-item__icon--group]=\"isGroup\"></div>\n<div class=\"eui-timeline-item__content\">\n    <ng-container #customContent>\n        <ng-content></ng-content>\n    </ng-container>\n\n    @if (customContent?.childNodes.length === 0) {\n        <div class=\"eui-timeline-item__title\">{{ label }}</div>\n        <div class=\"eui-timeline-item__subtitle\">{{ subLabel }}</div>\n        @if (isLeftAligned && date) {\n            <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n        }\n        @if (isLeftAligned && time) {\n            <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n        }\n    }\n</div>\n", styles: [".eui-19 :host.eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-19 :host.eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-s-m));position:relative;text-align:right;word-break:break-all}.eui-19 :host.eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-c-white);border-color:var(--eui-c-accent);border-radius:var(--eui-br-max);border-style:solid;border-width:3px;display:flex;flex-direction:column;max-height:calc(var(--eui-s-m) + var(--eui-s-2xs));margin:0 var(--eui-s-m);min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));z-index:2}.eui-19 :host.eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group):after{background-color:var(--eui-c-neutral-lighter);content:\"\";height:calc(100% - var(--eui-s-2xs));position:absolute;top:calc(var(--eui-s-m) + var(--eui-s-2xs));width:2px;z-index:1}.eui-19 :host.eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border-right:var(--eui-bw-s) dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:2px calc(var(--eui-s-xl) + 1px)}.eui-19 :host.eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-s-2xs));width:100%}.eui-19 :host.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral);font:var(--eui-f-l)}.eui-19 :host.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-c-neutral-light)}.eui-19 :host.eui-timeline-item .eui-timeline-item__date{color:var(--eui-c-neutral);font:var(--eui-f-m-bold)}.eui-19 :host.eui-timeline-item .eui-timeline-item__time{color:var(--eui-c-neutral-light)}.eui-19 :host.eui-timeline-item:last-child .eui-timeline-item__icon:after{height:0}.eui-19 :host.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-s-primary)}.eui-19 :host.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-19 :host.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-s-primary)}.eui-19 :host.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-s-secondary)}.eui-19 :host.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-19 :host.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-s-secondary)}.eui-19 :host.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-s-info)}.eui-19 :host.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-19 :host.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-s-info)}.eui-19 :host.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-s-warning)}.eui-19 :host.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-19 :host.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-s-warning)}.eui-19 :host.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-s-success)}.eui-19 :host.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-19 :host.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-s-success)}.eui-19 :host.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-s-danger)}.eui-19 :host.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-19 :host.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-s-danger)}.eui-19 :host.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-s-accent)}.eui-19 :host.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-19 :host.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-s-accent)}.eui-19 :host.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-19 :host.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-s-m)}\n"] }]
+                    ], template: "@if (!isLeftAligned) {\n    <div class=\"eui-timeline-item__left-content\">\n        @if (date) {\n            <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n        }\n        @if (time) {\n            <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n        }\n    </div>\n}\n<div class=\"eui-timeline-item__icon\" [class.eui-timeline-item__icon--group]=\"isGroup\"></div>\n<div class=\"eui-timeline-item__content\">\n    <ng-container #customContent>\n        <ng-content></ng-content>\n    </ng-container>\n\n    @if (customContent?.childNodes.length === 0) {\n        <div class=\"eui-timeline-item__title\">{{ label }}</div>\n        <div class=\"eui-timeline-item__subtitle\">{{ subLabel }}</div>\n        @if (isLeftAligned && date) {\n            <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n        }\n        @if (isLeftAligned && time) {\n            <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n        }\n    }\n</div>\n", styles: [".eui-19 :host.eui-timeline-item{--_color: var(--eui-c-neutral);--_border-color: var(--eui-c-s-accent-base)}.eui-19 :host.eui-timeline-item--primary{--_color: var(--eui-c-s-primary-base);--_border-color: var(--eui-c-s-primary-base)}.eui-19 :host.eui-timeline-item--info{--_color: var(--eui-c-s-info-base);--_border-color: var(--eui-c-s-info-base)}.eui-19 :host.eui-timeline-item--success{--_color: var(--eui-c-s-success-base);--_border-color: var(--eui-c-s-success-base)}.eui-19 :host.eui-timeline-item--warning{--_color: var(--eui-c-s-warning);--_border-color: var(--eui-c-s-warning-base)}.eui-19 :host.eui-timeline-item--danger{--_color: var(--eui-c-s-danger-base);--_border-color: var(--eui-c-s-danger-base)}.eui-19 :host.eui-timeline-item--accent{--_color: var(--eui-c-s-accent-base);--_border-color: var(--eui-c-s-accent-base)}.eui-19 :host.eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-19 :host.eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-s-m));position:relative;text-align:right;word-break:break-all}.eui-19 :host.eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){align-items:center;background-color:var(--eui-c-white);border-color:var(--_border-color);border-radius:var(--eui-br-max);border-style:solid;border-width:3px;display:flex;flex-direction:column;max-height:calc(var(--eui-s-m) + var(--eui-s-2xs));margin:0 var(--eui-s-m);min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));z-index:2}.eui-19 :host.eui-timeline-item .eui-timeline-item__icon:not(.eui-timeline-item__icon--group):after{background-color:var(--eui-c-neutral-lighter);content:\"\";height:calc(100% - var(--eui-s-2xs));position:absolute;top:calc(var(--eui-s-m) + var(--eui-s-2xs));width:2px;z-index:1}.eui-19 :host.eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border-right:var(--eui-bw-s) dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:2px calc(var(--eui-s-xl) + 1px)}.eui-19 :host.eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-s-3xs));width:100%;color:var(--_color)}.eui-19 :host.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--_color);font:var(--eui-f-m-bold)}.eui-19 :host.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-c-neutral-light)}.eui-19 :host.eui-timeline-item .eui-timeline-item__date{position:relative;color:var(--eui-c-neutral);font:var(--eui-f-m-bold);top:calc(-1 * var(--eui-s-3xs))}.eui-19 :host.eui-timeline-item .eui-timeline-item__time{position:relative;color:var(--eui-c-neutral-light);top:calc(-1 * var(--eui-s-3xs))}.eui-19 :host.eui-timeline-item:last-child .eui-timeline-item__icon:after{height:0}.eui-19 :host.eui-timeline-item--more{margin-bottom:0}.eui-19 :host.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-s-m)}.eui-19 .eui-timeline--left-aligned :host.eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{margin:2px calc(var(--eui-s-xl) + 2px)}.eui-19 .eui-timeline--left-aligned :host.eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-s-m) + 10px)!important}.eui-19 .eui-timeline--left-aligned :host.eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-s-s)}.eui-19 .eui-timeline--left-aligned :host.eui-timeline-item .eui-timeline-item__content .eui-timeline-item__date{color:var(--eui-c-neutral);margin-top:var(--eui-s-xs);position:relative;font:var(--eui-f-m-bold)}\n"] }]
         }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

package/fesm2022/eui-components-eui-timeline.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-timeline.mjs","sources":["../../eui-timeline/eui-timeline.component.ts","../../eui-timeline/eui-timeline-item.component.ts","../../eui-timeline/eui-timeline-item.component.html","../../eui-timeline/eui-timeline.module.ts","../../eui-timeline/index.ts","../../eui-timeline/eui-components-eui-timeline.ts"],"sourcesContent":["import {\n    booleanAttribute,\n    Component,\n    HostBinding,\n    Input,\n} from '@angular/core';\n\n/**\n * @description\n * A timeline component that displays a vertical list of events or activities in chronological order.\n * Can be configured to align items on the left side instead of centered.\n */\n@Component({\n    selector: 'eui-timeline',\n    template: '<ng-content/>',\n    styleUrls: ['./styles/timeline.scss'],\n})\nexport class EuiTimelineComponent {\n    /**\n     * @description\n     * Computes and returns the CSS classes for the timeline component\n     *\n     * @returns {string} Space-separated string of CSS class names\n     */\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n\n    /**\n     * @description Data attribute for e2e testing\n     * @default 'eui-timeline'\n     */\n    @HostBinding('attr.data-e2e')\n    @Input()\n    e2eAttr = 'eui-timeline';\n\n    /**\n     * @description\n     * When true, aligns timeline items to the left side instead of center\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isLeftAligned: boolean;\n\n    /**\n     * @description\n     * Combines CSS classes based on the component's current state\n     *\n     * @private\n     * @returns {string} Space-separated string of CSS class names\n     */\n    private getCssClasses(): string {\n        return ['eui-timeline', this.isLeftAligned ? 'eui-timeline--left-aligned' : ''].join(' ').trim();\n    }\n}\n","import {\n    AfterContentInit,\n    booleanAttribute,\n    Component,\n    forwardRef,\n    HostBinding,\n    inject,\n    Input,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiTimelineComponent } from './eui-timeline.component';\n\n/**\n * @description\n * A timeline item component that represents a single event or activity within a timeline.\n * Can display labels, dates, times, and custom content with various visual states.\n */\n@Component({\n    selector: 'eui-timeline-item',\n    templateUrl: './eui-timeline-item.component.html',\n    styleUrls: ['./styles/timeline-item.scss'],\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: ['euiSecondary', 'euiPrimary', 'euiSuccess', 'euiInfo', 'euiWarning', 'euiDanger', 'euiAccent', 'euiVariant'],\n        },\n    ],\n})\nexport class EuiTimelineItemComponent implements AfterContentInit {\n    /**\n     * @description\n     * Computes and returns the CSS classes for the timeline item\n     *\n     * @returns {string} Space-separated string of CSS class names\n     */\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n\n    /**\n     * @description Data attribute for e2e testing\n     * @default 'eui-timeline-item'\n     */\n    @HostBinding('attr.data-e2e')\n    @Input()\n    e2eAttr = 'eui-timeline-item';\n\n    /**\n     * @description Primary text content of the timeline item\n     */\n    @Input() label: string;\n\n    /**\n     * @description Secondary text content displayed below the label\n     */\n    @Input() subLabel: string;\n\n    /**\n     * @description Date to display for the timeline item\n     */\n    @Input() date: string;\n\n    /**\n     * @description Additional CSS class to apply to the date element\n     * @default ''\n     */\n    @Input() dateStyleClass = '';\n\n    /**\n     * @description Time to display for the timeline item\n     */\n    @Input() time: string;\n\n    /**\n     * @description Additional CSS class to apply to the time element\n     * @default ''\n     */\n    @Input() timeStyleClass = '';\n\n    /**\n     * @description Controls the alignment of content within the timeline item\n     * Inherited from parent timeline component\n     */\n    @Input({ transform: booleanAttribute }) isLeftAligned: boolean;\n\n    /**\n     * @description Indicates if this item represents a group of events\n     * Changes the visual appearance accordingly\n     */\n    @Input({ transform: booleanAttribute }) isGroup: boolean;\n\n    /**\n     * @description Instance of BaseStatesDirective for managing component states\n     */\n    public baseStatesDirective: BaseStatesDirective = inject(BaseStatesDirective);\n\n    /**\n     * @description Reference to parent timeline component for alignment inheritance\n     */\n    public timelineComponent: EuiTimelineComponent = inject(forwardRef(() => EuiTimelineComponent), { optional: true, host: true });\n\n    /**\n     * @description\n     * After content initialization, inherits left alignment from parent timeline component\n     */\n    ngAfterContentInit(): void {\n        this.isLeftAligned = this.timelineComponent.isLeftAligned;\n    }\n\n    /**\n     * @description\n     * Combines CSS classes based on the component's current state and group status\n     *\n     * @private\n     * @returns {string} Space-separated string of CSS class names\n     */\n    private getCssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-timeline-item'),\n            this.isGroup ? 'eui-timeline-item--more' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n}\n","@if (!isLeftAligned) {\n    <div class=\"eui-timeline-item__left-content\">\n        @if (date) {\n            <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n        }\n        @if (time) {\n            <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n        }\n    </div>\n}\n<div class=\"eui-timeline-item__icon\" [class.eui-timeline-item__icon--group]=\"isGroup\"></div>\n<div class=\"eui-timeline-item__content\">\n    <ng-container #customContent>\n        <ng-content></ng-content>\n    </ng-container>\n\n    @if (customContent?.childNodes.length === 0) {\n        <div class=\"eui-timeline-item__title\">{{ label }}</div>\n        <div class=\"eui-timeline-item__subtitle\">{{ subLabel }}</div>\n        @if (isLeftAligned && date) {\n            <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n        }\n        @if (isLeftAligned && time) {\n            <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n        }\n    }\n</div>\n","import { NgModule } from '@angular/core';\nimport { EuiTimelineComponent } from './eui-timeline.component';\nimport { EuiTimelineItemComponent } from './eui-timeline-item.component';\n\n/**\n * @description\n * Module that provides the EuiTimeline components and their dependencies.\n * Exports both the main timeline component and timeline item component.\n * @deprecated Use {@link EUI_TIMELINE} instead\n */\n@NgModule({\n    imports: [EuiTimelineComponent, EuiTimelineItemComponent],\n    exports: [EuiTimelineComponent, EuiTimelineItemComponent],\n})\nexport class EuiTimelineModule {}\n","import { EuiTimelineItemComponent } from './eui-timeline-item.component';\nimport { EuiTimelineComponent } from './eui-timeline.component';\n\nexport * from './eui-timeline.component';\nexport * from './eui-timeline-item.component';\nexport * from './eui-timeline.module';\n\nexport const EUI_TIMELINE = [\n    EuiTimelineComponent, \n    EuiTimelineItemComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-timeline.mjs","sources":["../../eui-timeline/eui-timeline.component.ts","../../eui-timeline/eui-timeline-item.component.ts","../../eui-timeline/eui-timeline-item.component.html","../../eui-timeline/eui-timeline.module.ts","../../eui-timeline/index.ts","../../eui-timeline/eui-components-eui-timeline.ts"],"sourcesContent":["import {\n    booleanAttribute,\n    Component,\n    HostBinding,\n    Input,\n} from '@angular/core';\n\n/**\n * @description\n * A timeline component that displays a vertical list of events or activities in chronological order.\n * Can be configured to align items on the left side instead of centered.\n */\n@Component({\n    selector: 'eui-timeline',\n    template: '<ng-content/>',\n    styleUrl: './eui-timeline.scss',\n})\nexport class EuiTimelineComponent {\n    /**\n     * @description\n     * Computes and returns the CSS classes for the timeline component\n     *\n     * @returns {string} Space-separated string of CSS class names\n     */\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n\n    /**\n     * @description Data attribute for e2e testing\n     * @default 'eui-timeline'\n     */\n    @HostBinding('attr.data-e2e')\n    @Input()\n    e2eAttr = 'eui-timeline';\n\n    /**\n     * @description\n     * When true, aligns timeline items to the left side instead of center\n     * @default false\n     */\n    @Input({ transform: booleanAttribute }) isLeftAligned: boolean;\n\n    /**\n     * @description\n     * Combines CSS classes based on the component's current state\n     *\n     * @private\n     * @returns {string} Space-separated string of CSS class names\n     */\n    private getCssClasses(): string {\n        return ['eui-timeline', this.isLeftAligned ? 'eui-timeline--left-aligned' : ''].join(' ').trim();\n    }\n}\n","import {\n    AfterContentInit,\n    booleanAttribute,\n    Component,\n    forwardRef,\n    HostBinding,\n    inject,\n    Input,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiTimelineComponent } from './eui-timeline.component';\n\n/**\n * @description\n * A timeline item component that represents a single event or activity within a timeline.\n * Can display labels, dates, times, and custom content with various visual states.\n */\n@Component({\n    selector: 'eui-timeline-item',\n    templateUrl: './eui-timeline-item.component.html',\n    styleUrl: './eui-timeline-item.scss',\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: ['euiSecondary', 'euiPrimary', 'euiSuccess', 'euiInfo', 'euiWarning', 'euiDanger', 'euiAccent', 'euiVariant'],\n        },\n    ],\n})\nexport class EuiTimelineItemComponent implements AfterContentInit {\n    /**\n     * @description\n     * Computes and returns the CSS classes for the timeline item\n     *\n     * @returns {string} Space-separated string of CSS class names\n     */\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n\n    /**\n     * @description Data attribute for e2e testing\n     * @default 'eui-timeline-item'\n     */\n    @HostBinding('attr.data-e2e')\n    @Input()\n    e2eAttr = 'eui-timeline-item';\n\n    /**\n     * @description Primary text content of the timeline item\n     */\n    @Input() label: string;\n\n    /**\n     * @description Secondary text content displayed below the label\n     */\n    @Input() subLabel: string;\n\n    /**\n     * @description Date to display for the timeline item\n     */\n    @Input() date: string;\n\n    /**\n     * @description Additional CSS class to apply to the date element\n     * @default ''\n     */\n    @Input() dateStyleClass = '';\n\n    /**\n     * @description Time to display for the timeline item\n     */\n    @Input() time: string;\n\n    /**\n     * @description Additional CSS class to apply to the time element\n     * @default ''\n     */\n    @Input() timeStyleClass = '';\n\n    /**\n     * @description Controls the alignment of content within the timeline item\n     * Inherited from parent timeline component\n     */\n    @Input({ transform: booleanAttribute }) isLeftAligned: boolean;\n\n    /**\n     * @description Indicates if this item represents a group of events\n     * Changes the visual appearance accordingly\n     */\n    @Input({ transform: booleanAttribute }) isGroup: boolean;\n\n    /**\n     * @description Instance of BaseStatesDirective for managing component states\n     */\n    public baseStatesDirective: BaseStatesDirective = inject(BaseStatesDirective);\n\n    /**\n     * @description Reference to parent timeline component for alignment inheritance\n     */\n    public timelineComponent: EuiTimelineComponent = inject(forwardRef(() => EuiTimelineComponent), { optional: true, host: true });\n\n    /**\n     * @description\n     * After content initialization, inherits left alignment from parent timeline component\n     */\n    ngAfterContentInit(): void {\n        this.isLeftAligned = this.timelineComponent.isLeftAligned;\n    }\n\n    /**\n     * @description\n     * Combines CSS classes based on the component's current state and group status\n     *\n     * @private\n     * @returns {string} Space-separated string of CSS class names\n     */\n    private getCssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-timeline-item'),\n            this.isGroup ? 'eui-timeline-item--more' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n}\n","@if (!isLeftAligned) {\n    <div class=\"eui-timeline-item__left-content\">\n        @if (date) {\n            <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n        }\n        @if (time) {\n            <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n        }\n    </div>\n}\n<div class=\"eui-timeline-item__icon\" [class.eui-timeline-item__icon--group]=\"isGroup\"></div>\n<div class=\"eui-timeline-item__content\">\n    <ng-container #customContent>\n        <ng-content></ng-content>\n    </ng-container>\n\n    @if (customContent?.childNodes.length === 0) {\n        <div class=\"eui-timeline-item__title\">{{ label }}</div>\n        <div class=\"eui-timeline-item__subtitle\">{{ subLabel }}</div>\n        @if (isLeftAligned && date) {\n            <div class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n        }\n        @if (isLeftAligned && time) {\n            <div class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n        }\n    }\n</div>\n","import { NgModule } from '@angular/core';\nimport { EuiTimelineComponent } from './eui-timeline.component';\nimport { EuiTimelineItemComponent } from './eui-timeline-item.component';\n\n/**\n * @description\n * Module that provides the EuiTimeline components and their dependencies.\n * Exports both the main timeline component and timeline item component.\n * @deprecated Use {@link EUI_TIMELINE} instead\n */\n@NgModule({\n    imports: [EuiTimelineComponent, EuiTimelineItemComponent],\n    exports: [EuiTimelineComponent, EuiTimelineItemComponent],\n})\nexport class EuiTimelineModule {}\n","import { EuiTimelineItemComponent } from './eui-timeline-item.component';\nimport { EuiTimelineComponent } from './eui-timeline.component';\n\nexport * from './eui-timeline.component';\nexport * from './eui-timeline-item.component';\nexport * from './eui-timeline.module';\n\nexport const EUI_TIMELINE = [\n    EuiTimelineComponent, \n    EuiTimelineItemComponent,\n] as const;","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/eui-components-eui-tree-list.mjs

@@ -461,14 +461,14 @@ class EuiTreeListComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTreeListComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiTreeListComponent, isStandalone: true, selector: "eui-tree-list", inputs: { isShowToolbar: ["isShowToolbar", "isShowToolbar", booleanAttribute], isShowToolbarToggle: ["isShowToolbarToggle", "isShowToolbarToggle", booleanAttribute], isExpanded: ["isExpanded", "isExpanded", booleanAttribute], hasItemsUrl: ["hasItemsUrl", "hasItemsUrl", booleanAttribute], filterLabel: "filterLabel", filterFunction: "filterFunction", expandAllLabel: "expandAllLabel", collapseAllLabel: "collapseAllLabel", tabindex: "tabindex", ariaLabel: "ariaLabel", toolbarFilterValue: "toolbarFilterValue", e2eAttr: "e2eAttr" }, outputs: { itemSelected: "itemSelected", filter: "filter", expandAll: "expandAll", collapseAll: "collapseAll" }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => EuiTreeListItemComponent) }], usesOnChanges: true, ngImport: i0, template: "@if (isShowToolbar) {\n    <eui-tree-list-toolbar\n        [isVisible]=\"isShowToolbar\"\n        [isToggleVisible]=\"isShowToolbarToggle\"\n        (filter)=\"onFilter($event)\"\n        [filterValue]=\"toolbarFilterValue\"\n        (expandAll)=\"onExpandAll($event)\"\n        (collapseAll)=\"onCollapseAll($event)\"\n        [filterLabel]=\"filterLabel ? filterLabel : 'eui.FILTER' | translate\"\n        [expandAllLabel]=\"hasExpandAllLabel ? expandAllLabel : 'eui.EXPANDALL' | translate\"\n        [collapseAllLabel]=\"hasCollapseAllLabel ? collapseAllLabel : 'eui.COLLAPSEALL' | translate\"\n        [isToggleExpanded]=\"isExpanded\"\n        attr.data-e2e=\"{{ e2eAttr }}-a-toolbar-filter\" />\n}\n\n<div\n    class=\"eui-tree-list\"\n    [attr.role]=\"ariaRoleTree\"\n    [attr.data-tabindex]=\"originalTabindex\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-owns]=\"ariaOwns\"\n    attr.data-e2e=\"{{ e2eAttr }}\">\n    <ng-content></ng-content>\n</div>\n", styles: [".eui-19 .eui-tree-list{display:block;width:100%;background-color:var(--eui-c-white)}.eui-19 .eui-tree-list-item{display:block;width:100%;border-top:1px solid var(--eui-c-neutral-lightest)}.eui-19 .eui-tree-list-item-header{display:flex;align-items:center;width:100%;border-left:var(--eui-s-xs) solid transparent;text-decoration:none;min-height:calc(3 * var(--eui-s-m))}.eui-19 .eui-tree-list-item-header:hover,.eui-19 .eui-tree-list-item-header:focus{text-decoration:none}.eui-19 .eui-tree-list-item-header__content{align-items:center;display:flex;padding:var(--eui-s-xs);width:100%;font:var(--eui-f-m)}.eui-19 .eui-tree-list-item-header__content:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content-right-content{align-items:center;display:flex;flex:0 0 auto;margin-left:auto;margin-right:var(--eui-s-xs)}.eui-19 .eui-tree-list-item-header__content-expand-toggle-wrapper{align-items:center;display:flex;margin-left:var(--eui-s-s);text-align:center}.eui-19 .eui-tree-list-item-header__content-expand-toggle{color:var(--eui-c-neutral-light);cursor:pointer;padding:var(--eui-s-xs)}.eui-19 .eui-tree-list-item-header__content-expand-toggle:hover{box-shadow:var(--eui-sh-1)}.eui-19 .eui-tree-list-item-header__details-content{border-top:1px solid var(--eui-c-neutral-bg-light);padding:var(--eui-s-xs)}.eui-19 .eui-tree-list .eui-tree-list{border-top:1px solid var(--eui-c-neutral-bg-light)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item{border-top:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content{color:var(--eui-c-neutral)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content-right-content-sub{color:var(--eui-c-text)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list{padding-left:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content{border-bottom:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content-right-content-sub{color:var(--eui-c-neutral-light)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:var(--eui-s-m)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(2 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(3 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(4 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(5 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(6 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(7 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(8 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(9 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(10 * var(--eui-s-m))}.eui-19 .eui-tree-list--no-bullets .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content:before{content:\"\"}.eui-19 .eui-tree-list-item__hover-content{background-color:var(--eui-c-active-bg);height:100%;left:var(--eui-layout-sidebar-width);position:fixed;top:calc(var(--eui-layout-header-height) + var(--eui-layout-nav-height) - 1);width:var(--eui-layout-sidebar-width)}.eui-19 .eui-tree-list-item-content{display:flex;align-items:center;width:100%}.eui-19 .eui-tree-list-toolbar{align-items:center;display:flex;flex-direction:row;gap:var(--eui-s-s);padding:var(--eui-s-m)}.eui-19 .eui-tree-list-item--primary .eui-tree-list-item-header{border-color:var(--eui-c-s-primary-fill)}.eui-19 .eui-tree-list-item--secondary .eui-tree-list-item-header{border-color:var(--eui-c-s-secondary-fill)}.eui-19 .eui-tree-list-item--info .eui-tree-list-item-header{border-color:var(--eui-c-s-info-fill)}.eui-19 .eui-tree-list-item--success .eui-tree-list-item-header{border-color:var(--eui-c-s-success-fill)}.eui-19 .eui-tree-list-item--warning .eui-tree-list-item-header{border-color:var(--eui-c-s-warning-fill)}.eui-19 .eui-tree-list-item--danger .eui-tree-list-item-header{border-color:var(--eui-c-s-danger-fill)}.eui-19 .eui-tree-list-item--accent .eui-tree-list-item-header{border-color:var(--eui-c-s-accent-fill)}.eui-19 .eui-tree-list-item--hidden{display:none}\n"], dependencies: [{ kind: "component", type: EuiTreeListToolbarComponent, selector: "eui-tree-list-toolbar", inputs: ["e2eAttr", "isVisible", "filterLabel", "expandAllLabel", "collapseAllLabel", "isFilterVisible", "isToggleVisible", "isToggleExpanded", "filterValue", "hasLabels"], outputs: ["filter", "expandAll", "collapseAll"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.9", type: EuiTreeListComponent, isStandalone: true, selector: "eui-tree-list", inputs: { isShowToolbar: ["isShowToolbar", "isShowToolbar", booleanAttribute], isShowToolbarToggle: ["isShowToolbarToggle", "isShowToolbarToggle", booleanAttribute], isExpanded: ["isExpanded", "isExpanded", booleanAttribute], hasItemsUrl: ["hasItemsUrl", "hasItemsUrl", booleanAttribute], filterLabel: "filterLabel", filterFunction: "filterFunction", expandAllLabel: "expandAllLabel", collapseAllLabel: "collapseAllLabel", tabindex: "tabindex", ariaLabel: "ariaLabel", toolbarFilterValue: "toolbarFilterValue", e2eAttr: "e2eAttr" }, outputs: { itemSelected: "itemSelected", filter: "filter", expandAll: "expandAll", collapseAll: "collapseAll" }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => EuiTreeListItemComponent) }], usesOnChanges: true, ngImport: i0, template: "@if (isShowToolbar) {\n    <eui-tree-list-toolbar\n        [isVisible]=\"isShowToolbar\"\n        [isToggleVisible]=\"isShowToolbarToggle\"\n        (filter)=\"onFilter($event)\"\n        [filterValue]=\"toolbarFilterValue\"\n        (expandAll)=\"onExpandAll($event)\"\n        (collapseAll)=\"onCollapseAll($event)\"\n        [filterLabel]=\"filterLabel ? filterLabel : 'eui.FILTER' | translate\"\n        [expandAllLabel]=\"hasExpandAllLabel ? expandAllLabel : 'eui.EXPANDALL' | translate\"\n        [collapseAllLabel]=\"hasCollapseAllLabel ? collapseAllLabel : 'eui.COLLAPSEALL' | translate\"\n        [isToggleExpanded]=\"isExpanded\"\n        attr.data-e2e=\"{{ e2eAttr }}-a-toolbar-filter\" />\n}\n\n<div\n    class=\"eui-tree-list\"\n    [attr.role]=\"ariaRoleTree\"\n    [attr.data-tabindex]=\"originalTabindex\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-owns]=\"ariaOwns\"\n    attr.data-e2e=\"{{ e2eAttr }}\">\n    <ng-content></ng-content>\n</div>\n", styles: [".eui-19 .eui-tree-list{display:block;width:100%;background-color:var(--eui-c-white)}.eui-19 .eui-tree-list-item{display:block;width:100%;border-top:1px solid var(--eui-c-neutral-lightest)}.eui-19 .eui-tree-list-item-header{display:flex;align-items:center;width:100%;border-left:var(--eui-s-xs) solid transparent;text-decoration:none;min-height:calc(3 * var(--eui-s-m))}.eui-19 .eui-tree-list-item-header:hover,.eui-19 .eui-tree-list-item-header:focus{text-decoration:none}.eui-19 .eui-tree-list-item-header__content{align-items:center;display:flex;padding:var(--eui-s-xs);width:100%;font:var(--eui-f-m)}.eui-19 .eui-tree-list-item-header__content:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content-right-content{align-items:center;display:flex;flex:0 0 auto;margin-left:auto;margin-right:var(--eui-s-xs)}.eui-19 .eui-tree-list-item-header__content-expand-toggle-wrapper{align-items:center;display:flex;margin-left:var(--eui-s-s);text-align:center}.eui-19 .eui-tree-list-item-header__content-expand-toggle{color:var(--eui-c-neutral-light);cursor:pointer;padding:var(--eui-s-xs)}.eui-19 .eui-tree-list-item-header__content-expand-toggle:hover{box-shadow:var(--eui-sh-1)}.eui-19 .eui-tree-list-item-header__details-content{border-top:1px solid var(--eui-c-neutral-bg-light);padding:var(--eui-s-xs)}.eui-19 .eui-tree-list .eui-tree-list{border-top:1px solid var(--eui-c-neutral-bg-light)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item{border-top:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content{color:var(--eui-c-neutral)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content-right-content-sub{color:var(--eui-c-text)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list{padding-left:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content{border-bottom:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content-right-content-sub{color:var(--eui-c-neutral-light)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:var(--eui-s-m)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(2 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(3 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(4 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(5 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(6 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(7 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(8 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(9 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(10 * var(--eui-s-m))}.eui-19 .eui-tree-list--no-bullets .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content:before{content:\"\"}.eui-19 .eui-tree-list-item__hover-content{background-color:var(--eui-c-active-bg);height:100%;left:var(--eui-layout-sidebar-width);position:fixed;top:calc(var(--eui-layout-header-height) + var(--eui-layout-nav-height) - 1);width:var(--eui-layout-sidebar-width)}.eui-19 .eui-tree-list-item-content{display:flex;align-items:center;width:100%}.eui-19 .eui-tree-list-toolbar{align-items:center;display:flex;flex-direction:row;gap:var(--eui-s-s);padding:var(--eui-s-m)}.eui-19 .eui-tree-list-item--primary .eui-tree-list-item-header{border-color:var(--eui-c-s-primary-base)}.eui-19 .eui-tree-list-item--secondary .eui-tree-list-item-header{border-color:var(--eui-c-s-secondary-base)}.eui-19 .eui-tree-list-item--info .eui-tree-list-item-header{border-color:var(--eui-c-s-info-base)}.eui-19 .eui-tree-list-item--success .eui-tree-list-item-header{border-color:var(--eui-c-s-success-base)}.eui-19 .eui-tree-list-item--warning .eui-tree-list-item-header{border-color:var(--eui-c-s-warning-base)}.eui-19 .eui-tree-list-item--danger .eui-tree-list-item-header{border-color:var(--eui-c-s-danger-base)}.eui-19 .eui-tree-list-item--accent .eui-tree-list-item-header{border-color:var(--eui-c-s-accent-base)}.eui-19 .eui-tree-list-item--hidden{display:none}\n"], dependencies: [{ kind: "component", type: EuiTreeListToolbarComponent, selector: "eui-tree-list-toolbar", inputs: ["e2eAttr", "isVisible", "filterLabel", "expandAllLabel", "collapseAllLabel", "isFilterVisible", "isToggleVisible", "isToggleExpanded", "filterValue", "hasLabels"], outputs: ["filter", "expandAll", "collapseAll"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.9", ngImport: i0, type: EuiTreeListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-tree-list', encapsulation: ViewEncapsulation.None, imports: [
                         EuiTreeListToolbarComponent,
                         TranslateModule,
-                    ], template: "@if (isShowToolbar) {\n    <eui-tree-list-toolbar\n        [isVisible]=\"isShowToolbar\"\n        [isToggleVisible]=\"isShowToolbarToggle\"\n        (filter)=\"onFilter($event)\"\n        [filterValue]=\"toolbarFilterValue\"\n        (expandAll)=\"onExpandAll($event)\"\n        (collapseAll)=\"onCollapseAll($event)\"\n        [filterLabel]=\"filterLabel ? filterLabel : 'eui.FILTER' | translate\"\n        [expandAllLabel]=\"hasExpandAllLabel ? expandAllLabel : 'eui.EXPANDALL' | translate\"\n        [collapseAllLabel]=\"hasCollapseAllLabel ? collapseAllLabel : 'eui.COLLAPSEALL' | translate\"\n        [isToggleExpanded]=\"isExpanded\"\n        attr.data-e2e=\"{{ e2eAttr }}-a-toolbar-filter\" />\n}\n\n<div\n    class=\"eui-tree-list\"\n    [attr.role]=\"ariaRoleTree\"\n    [attr.data-tabindex]=\"originalTabindex\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-owns]=\"ariaOwns\"\n    attr.data-e2e=\"{{ e2eAttr }}\">\n    <ng-content></ng-content>\n</div>\n", styles: [".eui-19 .eui-tree-list{display:block;width:100%;background-color:var(--eui-c-white)}.eui-19 .eui-tree-list-item{display:block;width:100%;border-top:1px solid var(--eui-c-neutral-lightest)}.eui-19 .eui-tree-list-item-header{display:flex;align-items:center;width:100%;border-left:var(--eui-s-xs) solid transparent;text-decoration:none;min-height:calc(3 * var(--eui-s-m))}.eui-19 .eui-tree-list-item-header:hover,.eui-19 .eui-tree-list-item-header:focus{text-decoration:none}.eui-19 .eui-tree-list-item-header__content{align-items:center;display:flex;padding:var(--eui-s-xs);width:100%;font:var(--eui-f-m)}.eui-19 .eui-tree-list-item-header__content:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content-right-content{align-items:center;display:flex;flex:0 0 auto;margin-left:auto;margin-right:var(--eui-s-xs)}.eui-19 .eui-tree-list-item-header__content-expand-toggle-wrapper{align-items:center;display:flex;margin-left:var(--eui-s-s);text-align:center}.eui-19 .eui-tree-list-item-header__content-expand-toggle{color:var(--eui-c-neutral-light);cursor:pointer;padding:var(--eui-s-xs)}.eui-19 .eui-tree-list-item-header__content-expand-toggle:hover{box-shadow:var(--eui-sh-1)}.eui-19 .eui-tree-list-item-header__details-content{border-top:1px solid var(--eui-c-neutral-bg-light);padding:var(--eui-s-xs)}.eui-19 .eui-tree-list .eui-tree-list{border-top:1px solid var(--eui-c-neutral-bg-light)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item{border-top:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content{color:var(--eui-c-neutral)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content-right-content-sub{color:var(--eui-c-text)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list{padding-left:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content{border-bottom:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content-right-content-sub{color:var(--eui-c-neutral-light)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:var(--eui-s-m)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(2 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(3 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(4 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(5 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(6 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(7 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(8 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(9 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(10 * var(--eui-s-m))}.eui-19 .eui-tree-list--no-bullets .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content:before{content:\"\"}.eui-19 .eui-tree-list-item__hover-content{background-color:var(--eui-c-active-bg);height:100%;left:var(--eui-layout-sidebar-width);position:fixed;top:calc(var(--eui-layout-header-height) + var(--eui-layout-nav-height) - 1);width:var(--eui-layout-sidebar-width)}.eui-19 .eui-tree-list-item-content{display:flex;align-items:center;width:100%}.eui-19 .eui-tree-list-toolbar{align-items:center;display:flex;flex-direction:row;gap:var(--eui-s-s);padding:var(--eui-s-m)}.eui-19 .eui-tree-list-item--primary .eui-tree-list-item-header{border-color:var(--eui-c-s-primary-fill)}.eui-19 .eui-tree-list-item--secondary .eui-tree-list-item-header{border-color:var(--eui-c-s-secondary-fill)}.eui-19 .eui-tree-list-item--info .eui-tree-list-item-header{border-color:var(--eui-c-s-info-fill)}.eui-19 .eui-tree-list-item--success .eui-tree-list-item-header{border-color:var(--eui-c-s-success-fill)}.eui-19 .eui-tree-list-item--warning .eui-tree-list-item-header{border-color:var(--eui-c-s-warning-fill)}.eui-19 .eui-tree-list-item--danger .eui-tree-list-item-header{border-color:var(--eui-c-s-danger-fill)}.eui-19 .eui-tree-list-item--accent .eui-tree-list-item-header{border-color:var(--eui-c-s-accent-fill)}.eui-19 .eui-tree-list-item--hidden{display:none}\n"] }]
+                    ], template: "@if (isShowToolbar) {\n    <eui-tree-list-toolbar\n        [isVisible]=\"isShowToolbar\"\n        [isToggleVisible]=\"isShowToolbarToggle\"\n        (filter)=\"onFilter($event)\"\n        [filterValue]=\"toolbarFilterValue\"\n        (expandAll)=\"onExpandAll($event)\"\n        (collapseAll)=\"onCollapseAll($event)\"\n        [filterLabel]=\"filterLabel ? filterLabel : 'eui.FILTER' | translate\"\n        [expandAllLabel]=\"hasExpandAllLabel ? expandAllLabel : 'eui.EXPANDALL' | translate\"\n        [collapseAllLabel]=\"hasCollapseAllLabel ? collapseAllLabel : 'eui.COLLAPSEALL' | translate\"\n        [isToggleExpanded]=\"isExpanded\"\n        attr.data-e2e=\"{{ e2eAttr }}-a-toolbar-filter\" />\n}\n\n<div\n    class=\"eui-tree-list\"\n    [attr.role]=\"ariaRoleTree\"\n    [attr.data-tabindex]=\"originalTabindex\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-owns]=\"ariaOwns\"\n    attr.data-e2e=\"{{ e2eAttr }}\">\n    <ng-content></ng-content>\n</div>\n", styles: [".eui-19 .eui-tree-list{display:block;width:100%;background-color:var(--eui-c-white)}.eui-19 .eui-tree-list-item{display:block;width:100%;border-top:1px solid var(--eui-c-neutral-lightest)}.eui-19 .eui-tree-list-item-header{display:flex;align-items:center;width:100%;border-left:var(--eui-s-xs) solid transparent;text-decoration:none;min-height:calc(3 * var(--eui-s-m))}.eui-19 .eui-tree-list-item-header:hover,.eui-19 .eui-tree-list-item-header:focus{text-decoration:none}.eui-19 .eui-tree-list-item-header__content{align-items:center;display:flex;padding:var(--eui-s-xs);width:100%;font:var(--eui-f-m)}.eui-19 .eui-tree-list-item-header__content:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-19 .eui-tree-list-item-header__content-right-content{align-items:center;display:flex;flex:0 0 auto;margin-left:auto;margin-right:var(--eui-s-xs)}.eui-19 .eui-tree-list-item-header__content-expand-toggle-wrapper{align-items:center;display:flex;margin-left:var(--eui-s-s);text-align:center}.eui-19 .eui-tree-list-item-header__content-expand-toggle{color:var(--eui-c-neutral-light);cursor:pointer;padding:var(--eui-s-xs)}.eui-19 .eui-tree-list-item-header__content-expand-toggle:hover{box-shadow:var(--eui-sh-1)}.eui-19 .eui-tree-list-item-header__details-content{border-top:1px solid var(--eui-c-neutral-bg-light);padding:var(--eui-s-xs)}.eui-19 .eui-tree-list .eui-tree-list{border-top:1px solid var(--eui-c-neutral-bg-light)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item{border-top:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content{color:var(--eui-c-neutral)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content-right-content-sub{color:var(--eui-c-text)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list{padding-left:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content{border-bottom:0}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content-right-content-sub{color:var(--eui-c-neutral-light)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:var(--eui-s-m)}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(2 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(3 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(4 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(5 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(6 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(7 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(8 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(9 * var(--eui-s-m))}.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content,.eui-19 .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list .eui-tree-list-item-header__details-content{margin-left:calc(10 * var(--eui-s-m))}.eui-19 .eui-tree-list--no-bullets .eui-tree-list .eui-tree-list .eui-tree-list-item-header__content:before{content:\"\"}.eui-19 .eui-tree-list-item__hover-content{background-color:var(--eui-c-active-bg);height:100%;left:var(--eui-layout-sidebar-width);position:fixed;top:calc(var(--eui-layout-header-height) + var(--eui-layout-nav-height) - 1);width:var(--eui-layout-sidebar-width)}.eui-19 .eui-tree-list-item-content{display:flex;align-items:center;width:100%}.eui-19 .eui-tree-list-toolbar{align-items:center;display:flex;flex-direction:row;gap:var(--eui-s-s);padding:var(--eui-s-m)}.eui-19 .eui-tree-list-item--primary .eui-tree-list-item-header{border-color:var(--eui-c-s-primary-base)}.eui-19 .eui-tree-list-item--secondary .eui-tree-list-item-header{border-color:var(--eui-c-s-secondary-base)}.eui-19 .eui-tree-list-item--info .eui-tree-list-item-header{border-color:var(--eui-c-s-info-base)}.eui-19 .eui-tree-list-item--success .eui-tree-list-item-header{border-color:var(--eui-c-s-success-base)}.eui-19 .eui-tree-list-item--warning .eui-tree-list-item-header{border-color:var(--eui-c-s-warning-base)}.eui-19 .eui-tree-list-item--danger .eui-tree-list-item-header{border-color:var(--eui-c-s-danger-base)}.eui-19 .eui-tree-list-item--accent .eui-tree-list-item-header{border-color:var(--eui-c-s-accent-base)}.eui-19 .eui-tree-list-item--hidden{display:none}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { isShowToolbar: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]