npm - @eui/components - Versions diffs - 18.0.0-next.43 → 18.0.0-next.44 - Mend

@eui/components 18.0.0-next.43 → 18.0.0-next.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (124) hide show

package/fesm2022/eui-components-eui-textarea.mjs.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-textarea/eui-textarea.component.ts", "../../eui-textarea/auto-resize.directive.ts", "../../eui-textarea/eui-textarea.module.ts"],
   "sourcesContent": ["import {\n    Component,\n    ElementRef,\n    HostBinding,\n    HostListener,\n    Input,\n    OnChanges,\n    OnInit,\n    Renderer2,\n    SimpleChanges,\n    ViewEncapsulation,\n    OnDestroy,\n    DoCheck,\n    Injector,\n    forwardRef,\n    booleanAttribute,\n    InjectFlags,\n    inject,\n} from '@angular/core';\nimport {\n    NG_VALUE_ACCESSOR,\n    ControlValueAccessor,\n    NgControl,\n    FormControl,\n    FormControlDirective,\n    FormGroupDirective,\n    FormControlName,\n} from '@angular/forms';\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'textarea[euiTextArea]',\n    styleUrls: ['./styles/_index.scss'],\n    template: '<ng-content></ng-content>',\n    encapsulation: ViewEncapsulation.None,\n    providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => EuiTextareaComponent), multi: true }],\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: ['euiDisabled', 'euiDanger'],\n        },\n    ],\n})\nexport class EuiTextareaComponent implements OnInit, OnDestroy, DoCheck, OnChanges, ControlValueAccessor {\n    static idCounter = 0;\n\n    @HostBinding('class')\n    public get class(): string {\n        return [this.isInvalid ? 'eui-textarea--invalid' : '', this.baseStatesDirective.getCssClasses('eui-textarea')].join(' ').trim();\n    }\n\n    @HostBinding('attr.disabled')\n    @Input()\n    public get disabled(): boolean | null {\n        return this._disabled ? true : null;\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    public set disabled(state: any) {\n        // in case it's controlled by NgControl override\n        this._disabled = coerceBooleanProperty(state);\n        // set BaseDirective Attribute\n        this.baseStatesDirective.euiDisabled = this._disabled;\n    }\n    @HostBinding('attr.readonly')\n    @Input()\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    public get readonly(): any {\n        return this._readonly || undefined;\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    public set readonly(state: any) {\n        this._readonly = coerceBooleanProperty(state);\n    }\n    @HostBinding('attr.id')\n    @Input()\n    id = `eui-textarea_${EuiTextareaComponent.idCounter++}`;\n\n    @Input({ transform: booleanAttribute }) isInvalid: boolean;\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-textarea';\n    protected _readonly: boolean;\n\n    protected hostEl: HTMLTextAreaElement;\n\n    protected hostParentEl: HTMLElement;\n    protected hostWrapperEl: HTMLDivElement;\n    protected valueContainerEl: HTMLDivElement;\n    private _disabled: boolean;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private control: FormControl | NgControl;\n\n    constructor(\n        private injector: Injector,\n        private _elementRef: ElementRef,\n        private _renderer: Renderer2,\n        private baseStatesDirective: BaseStatesDirective,\n    ) {\n    }\n\n    @HostListener('input', ['$event.target.value'])\n    public onInputChange(value: string): void {\n        this.onChange(value);\n    }\n\n    @HostListener('blur', ['$event.target.value'])\n    public onBlur(value: string): void {\n        this.onTouched(value);\n    }\n\n    ngOnInit(): void {\n        this.hostEl = this._elementRef.nativeElement;\n        this.hostParentEl = this.hostEl.parentElement;\n        this.hostWrapperEl = this.createHostWrapperContainer();\n        this.valueContainerEl = this.createValueContainer();\n\n        this.handleMarkup();\n        // extract the FormControl or NgControl\n        this.control = (this.injector as Injector).get(NgControl, null, InjectFlags.Optional);\n        if (this.control instanceof FormControlName) {\n            this.control = (this.injector as Injector).get(FormGroupDirective).getControl(this.control);\n        } else if (this.control instanceof FormControlDirective) {\n            this.control = this.control.form as FormControl;\n        }\n        // sets invalid state if control is present\n        if (this.control instanceof FormControl || this.control instanceof NgControl) {\n            this.disabled = this.control.disabled;\n            this.isInvalid = this.control.dirty && this.control.touched && this.control.invalid;\n            if (this.control instanceof FormControl) {\n                this.control.statusChanges.pipe(takeUntil(this.destroy$)).subscribe((status) => {\n                    this.isInvalid = status === 'INVALID';\n                    this.disabled = status === 'DISABLED';\n                    this.baseStatesDirective.euiDanger = this.isInvalid;\n                });\n            }\n        }\n    }\n\n    ngDoCheck(): void {\n        if (this.control instanceof NgControl || this.control instanceof FormControl) {\n            // TODO: Delete when https://github.com/angular/angular/issues/30275 is resolved\n            this.isInvalid = this.control.invalid && this.control.touched;\n            this.baseStatesDirective.euiDanger = this.isInvalid;\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['readonly']) {\n            const readonly = changes['readonly'].currentValue;\n\n            if (this.hostWrapperEl && this.valueContainerEl) {\n                this.hostWrapperEl.classList.toggle('eui-textarea__wrapper--readonly', !!readonly);\n            }\n            if (this.hostEl && this.valueContainerEl) {\n                this.hostEl.classList.toggle('eui-textarea--readonly', !!readonly);\n                this.valueContainerEl.innerText = this.hostEl.value;\n            }\n        }\n        if (changes['euiDisabled']) {\n            if (this.control instanceof FormControl) {\n                changes['euiDisabled'].currentValue ? this.control.disable() : this.control.enable();\n            } else {\n                this.setDisabledState(changes['euiDisabled'].currentValue);\n            }\n        }\n        if(changes['isInvalid']) {\n            this.baseStatesDirective.euiDanger = changes['isInvalid'].currentValue;\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.complete();\n        this.destroy$.unsubscribe();\n        // cleanup DOM leftovers\n        if (this.valueContainerEl) {\n            try {\n                this._renderer.removeChild(this.hostEl.parentElement, this.valueContainerEl);\n            } catch (e) {\n                console.error(e);\n            }\n        }\n        if (this.hostWrapperEl) {\n            try {\n                this._renderer.removeChild(this.hostParentEl, this.hostWrapperEl);\n            } catch (e) {\n                console.error(e);\n            }\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    writeValue(obj: any): void {\n        if (this.valueContainerEl) {\n            this._renderer.setProperty(this.valueContainerEl, 'innerText', obj || null);\n        }\n        this._renderer.setProperty(this._elementRef.nativeElement, 'value', obj || null);\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    registerOnChange(fn: any): void {\n        this.onChange = fn;\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    registerOnTouched(fn: any): void {\n        this.onTouched = fn;\n    }\n\n    setDisabledState(isDisabled: boolean): void {\n        if (this.hostEl) {\n            this._renderer.setProperty(this.hostEl, 'disabled', isDisabled);\n        }\n    }\n\n    protected onChange(_): void {\n        this.writeValue(_);\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    protected onTouched(_): void {\n        if (this.control) {\n            this.isInvalid = this.control.invalid;\n        }\n    }\n\n    private createHostWrapperContainer(): HTMLDivElement {\n        const wrapper = this._renderer.createElement('div');\n        this._renderer.addClass(wrapper, 'eui-textarea__wrapper');\n        if (this.readonly) {\n            this._renderer.addClass(wrapper, 'eui-textarea__wrapper--readonly');\n            this._renderer.addClass(this.hostEl, 'eui-textarea--readonly');\n        } else {\n            this._renderer.removeClass(wrapper, 'eui-textarea__wrapper--readonly');\n            this._renderer.removeClass(this.hostEl, 'eui-textarea--readonly');\n        }\n\n        return wrapper;\n    }\n\n    /**\n     * Create a Div element which will hold the value to display when readonly\n     *\n     * @private\n     */\n    private createValueContainer(): HTMLDivElement {\n        const valueContainer = this._renderer.createElement('div');\n        this._renderer.addClass(valueContainer, 'eui-textarea__value-container');\n        this._renderer.setProperty(valueContainer, 'innerText', this.hostEl.value);\n        return valueContainer;\n    }\n\n    /**\n     * Changes the markup around the textarea. Append textarea onto a container with div\n     *\n     * @private\n     */\n    private handleMarkup(): void {\n        if (this.hostParentEl != null) {\n            this.hostParentEl.replaceChild(this.hostWrapperEl, this.hostEl);\n            this.hostWrapperEl.appendChild(this.hostEl);\n            this.hostWrapperEl.appendChild(this.valueContainerEl);\n        }\n    }\n}\n", "import {\n    Directive,\n    OnInit,\n    OnDestroy,\n    Input,\n    ElementRef,\n    HostListener,\n    AfterViewInit,\n    Optional,\n    Renderer2,\n    OnChanges,\n    SimpleChanges,\n} from '@angular/core';\nimport { coerceBooleanProperty, coerceNumberProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { fromEvent, Subject } from 'rxjs';\nimport { debounceTime, startWith, takeUntil } from 'rxjs/operators';\nimport { NgControl } from '@angular/forms';\n\n@Directive({\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: 'textarea[autoResize]',\n})\nexport class AutoResizeDirective implements OnInit, OnChanges, AfterViewInit, OnDestroy {\n    private defaultRows = 1;\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n    private observer: MutationObserver;\n\n    @Input()\n    public get autoResize(): boolean {\n        return this._autoResize;\n    }\n    public set autoResize(state: BooleanInput) {\n        this._autoResize = coerceBooleanProperty(state);\n    }\n    private _autoResize = true;\n\n    @Input()\n    set minRows(minRows: number | string) {\n        this.defaultRows = coerceNumberProperty(minRows);\n    }\n\n    constructor(\n        protected el: ElementRef,\n        protected renderer: Renderer2,\n        @Optional() protected control: NgControl,\n    ) {}\n\n    @HostListener('input', ['$event.target'])\n    onInput(): void {\n        this.resize();\n    }\n\n    ngOnInit(): void {\n        fromEvent(window, 'resize')\n            .pipe(takeUntil(this.destroy$), debounceTime(300))\n            .subscribe(() => this.resize());\n\n        // Create an observer instance linked to the callback function\n        this.observer = new MutationObserver(this.readonlyMutationObserver.bind(this));\n\n        // Start observing the target node for configured mutations\n        this.observer.observe(this.el.nativeElement, { attributes: true });\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes['autoResize']) {\n            const enable = changes['autoResize'].currentValue || this.autoResize;\n            this.renderer.setProperty(this.el.nativeElement, 'rows', this.defaultRows);\n            this.renderer.setStyle(this.el.nativeElement, 'overflow', enable ? 'hidden' : '');\n            this.renderer.setStyle(this.el.nativeElement, 'resize', enable ? 'none' : '');\n            if (enable) {\n                this.resize();\n            }\n        }\n    }\n\n    ngAfterViewInit(): void {\n        if (this.autoResize) {\n            if (this.control) {\n                this.handleFormControlChanges();\n            } else {\n                this.resize();\n            }\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.complete();\n        this.destroy$.unsubscribe();\n        this.observer.disconnect();\n    }\n\n    /**\n     * Calculates the height and set it, causing the textarea to resize.\n     */\n    public resize(): void {\n        if (this.autoResize) {\n            // clone element\n            const clone = this.el.nativeElement.cloneNode(true);\n            const parent = this.el.nativeElement.parentNode;\n            clone.style.width = this.el.nativeElement.offsetWidth + 'px';\n            clone.style.visibility = 'hidden';\n            clone.style.position = 'absolute';\n            clone.textContent = this.el.nativeElement.value;\n            parent.appendChild(clone);\n            clone.style['overflow-y'] = 'hidden';\n            clone.style.height = 'auto';\n            const cloneHeight = clone.scrollHeight;\n\n            this.renderer.setStyle(clone, 'height', cloneHeight);\n            // calculate height\n            const { offsetHeight, scrollHeight } = clone;\n            let height = offsetHeight > scrollHeight ? offsetHeight : scrollHeight;\n            height = height <= 0 ? 'auto' : `${height}px`;\n            // remove clone\n            parent.removeChild(clone);\n            // set height\n            this.renderer.setStyle(this.el.nativeElement, 'height', height);\n        }\n    }\n\n    /**\n     * handles value changes through FormControl\n     *\n     * @protected\n     */\n    protected handleFormControlChanges(): void {\n        // in case value changed manually through control, call resize()\n        // startWith is being used to cause resize to be called in case of late subscription after value has changed\n        this.control.valueChanges.pipe(takeUntil(this.destroy$), startWith('')).subscribe(() => this.resize());\n    }\n\n    private readonlyMutationObserver(mutationsList: MutationRecord[]): void {\n        // Use traditional 'for loops' for IE 11\n        for (const mutation of mutationsList) {\n            if (mutation.type === 'attributes' && mutation.attributeName === 'readonly') {\n                this.resize();\n            }\n        }\n    }\n}\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiTextareaComponent } from './eui-textarea.component';\nimport { AutoResizeDirective } from './auto-resize.directive';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [EuiTextareaComponent, AutoResizeDirective],\n    exports: [EuiTextareaComponent, AutoResizeDirective],\n})\nexport class EuiTextAreaModule {}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["Input", "HostListener", "coerceBooleanProperty", "Subject", "takeUntil", "i0"]
 }

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

@@ -414,7 +414,7 @@ var EuiTimebarComponent = class _EuiTimebarComponent {
     </div>
     <div *ngIf="endLabel" class="col-2"></div>
 </div>
-`, styles: [".eui-timebar{border-bottom:2px solid var(--eui-c-neutral-lightest);margin:6rem 3rem;padding:5px;position:relative}.eui-timebar__step{border:7px solid var(--eui-c-primary);border-radius:16px;height:14px;position:absolute;width:14px}.eui-timebar__step-date-item{background-color:var(--eui-c-neutral-light);border-radius:var(--eui-border-radius-base);color:var(--eui-c-white);max-width:8rem;min-width:6rem;padding:var(--eui-s-xs);position:absolute;text-align:center;top:-2.5rem;transform:rotate(65deg);transform-origin:50% -175%;white-space:normal;font:var(--eui-f-s)}.eui-timebar__step-date-item--with-end-date{left:2.5rem;top:-1.75rem}.eui-timebar__step--with-current-date-marker.hint--top:before,.eui-timebar__step--with-current-date-marker.hint--top:after{bottom:25px}.eui-timebar__current-progress{border-bottom:3px solid var(--eui-c-primary);padding-top:5px;position:absolute}.eui-timebar__current-date-marker{color:var(--eui-c-danger);margin-left:-2px;position:absolute;top:calc(-1 * var(--eui-s-m) - var(--eui-s-2xs))}.eui-timebar__current-date-marker-step{bottom:calc(-1 * var(--eui-s-m) - 2px);color:var(--eui-c-danger);position:absolute}.eui-timebar__start-label,.eui-timebar__end-label{margin-top:6.5rem;font:var(--eui-f-s-bold)}.eui-timebar__start-label{text-align:right}.eui-timebar__step-date-item--with-end-date{margin:0;padding:0}.eui-timebar__step-label{margin-left:-4rem;margin-top:.7rem;overflow:hidden;position:absolute;text-align:center;width:8rem}.eui-timebar__legend{margin-left:var(--eui-s-s);margin-top:3rem}.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-timebar__legend-item-label{flex:1}.eui-timebar__legend-item-index-wrapper{background-color:var(--eui-c-primary);border-radius:100%;color:var(--eui-c-white);margin-right:var(--eui-s-m);padding:var(--eui-s-xs) var(--eui-s-s)}.eui-timebar__grouped__step{border-radius:3px;display:block;padding:3px 8px}.eui-timebar__grouped__step.eui-timebar__step--info{background-color:var(--eui-c-info)}.eui-timebar__grouped__step.eui-timebar__step--success{background-color:var(--eui-c-success)}.eui-timebar__grouped__step.eui-timebar__step--warning{background-color:var(--eui-c-warning)}.eui-timebar__grouped__step.eui-timebar__step--danger{background-color:var(--eui-c-danger)}.eui-timebar__step--info{border-color:var(--eui-c-info)}.eui-timebar__step--info .eui-timebar__step-date-item{background-color:var(--eui-c-info)}.eui-timebar__step--success{border-color:var(--eui-c-success)}.eui-timebar__step--success .eui-timebar__step-date-item{background-color:var(--eui-c-success)}.eui-timebar__step--warning{border-color:var(--eui-c-warning)}.eui-timebar__step--warning .eui-timebar__step-date-item{background-color:var(--eui-c-warning)}.eui-timebar__step--danger{border-color:var(--eui-c-danger)}.eui-timebar__step--danger .eui-timebar__step-date-item{background-color:var(--eui-c-danger)}.eui-timebar__legend-item-icon{color:var(--eui-c-primary);fill:var(--eui-c-primary);width:var(--eui-s-3xl);height:var(--eui-s-3xl)}.eui-timebar__legend-item-icon--info{color:var(--eui-c-info)}.eui-timebar__legend-item-icon--success{color:var(--eui-c-success)}.eui-timebar__legend-item-icon--warning{color:var(--eui-c-warning)}.eui-timebar__legend-item-icon--danger{color:var(--eui-c-danger)}@media screen and (max-width: 767px){.eui-timebar{margin:5rem var(--eui-s-m)}.eui-timebar__legend{margin-bottom:var(--eui-s-l);margin-left:18px}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None });
+`, styles: [".eui-timebar{border-bottom:2px solid var(--eui-c-neutral-lightest);margin:6rem 3rem;padding:5px;position:relative}.eui-timebar__step{border:7px solid var(--eui-c-primary);border-radius:16px;height:14px;position:absolute;width:14px}.eui-timebar__step-date-item{background-color:var(--eui-c-neutral-light);border-radius:var(--eui-border-radius-base);color:var(--eui-c-white);max-width:8rem;min-width:6rem;padding:var(--eui-s-xs);position:absolute;text-align:center;top:-2.5rem;transform:rotate(65deg);transform-origin:50% -175%;white-space:normal;font:var(--eui-f-s)}.eui-timebar__step-date-item--with-end-date{left:2.5rem;top:-1.75rem}.eui-timebar__step--with-current-date-marker.hint--top:before,.eui-timebar__step--with-current-date-marker.hint--top:after{bottom:25px}.eui-timebar__current-progress{border-bottom:3px solid var(--eui-c-primary);padding-top:5px;position:absolute}.eui-timebar__current-date-marker{color:var(--eui-c-danger);margin-left:-2px;position:absolute;top:calc(-1 * var(--eui-s-m) - var(--eui-s-2xs))}.eui-timebar__current-date-marker-step{bottom:calc(-1 * var(--eui-s-m) - 2px);color:var(--eui-c-danger);position:absolute}.eui-timebar__start-label,.eui-timebar__end-label{margin-top:6.5rem;font:var(--eui-f-s-bold)}.eui-timebar__start-label{text-align:right}.eui-timebar__step-date-item--with-end-date{margin:0;padding:0}.eui-timebar__step-label{margin-left:-4rem;margin-top:.7rem;overflow:hidden;position:absolute;text-align:center;width:8rem}.eui-timebar__legend{margin-left:var(--eui-s-s);margin-top:3rem}.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-timebar__legend-item-label{flex:1}.eui-timebar__legend-item-index-wrapper{background-color:var(--eui-c-primary);border-radius:100%;color:var(--eui-c-white);margin-right:var(--eui-s-m);padding:var(--eui-s-xs) var(--eui-s-s)}.eui-timebar__grouped__step{border-radius:var(--eui-br-m);display:block;padding:3px 8px}.eui-timebar__grouped__step.eui-timebar__step--info{background-color:var(--eui-c-info)}.eui-timebar__grouped__step.eui-timebar__step--success{background-color:var(--eui-c-success)}.eui-timebar__grouped__step.eui-timebar__step--warning{background-color:var(--eui-c-warning)}.eui-timebar__grouped__step.eui-timebar__step--danger{background-color:var(--eui-c-danger)}.eui-timebar__step--info{border-color:var(--eui-c-info)}.eui-timebar__step--info .eui-timebar__step-date-item{background-color:var(--eui-c-info)}.eui-timebar__step--success{border-color:var(--eui-c-success)}.eui-timebar__step--success .eui-timebar__step-date-item{background-color:var(--eui-c-success)}.eui-timebar__step--warning{border-color:var(--eui-c-warning)}.eui-timebar__step--warning .eui-timebar__step-date-item{background-color:var(--eui-c-warning)}.eui-timebar__step--danger{border-color:var(--eui-c-danger)}.eui-timebar__step--danger .eui-timebar__step-date-item{background-color:var(--eui-c-danger)}.eui-timebar__legend-item-icon{color:var(--eui-c-primary);fill:var(--eui-c-primary);width:var(--eui-s-3xl);height:var(--eui-s-3xl)}.eui-timebar__legend-item-icon--info{color:var(--eui-c-info)}.eui-timebar__legend-item-icon--success{color:var(--eui-c-success)}.eui-timebar__legend-item-icon--warning{color:var(--eui-c-warning)}.eui-timebar__legend-item-icon--danger{color:var(--eui-c-danger)}@media screen and (max-width: 767px){.eui-timebar{margin:5rem var(--eui-s-m)}.eui-timebar__legend{margin-bottom:var(--eui-s-l);margin-left:18px}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }], encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiTimebarComponent, decorators: [{
@@ -569,7 +569,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
     </div>
     <div *ngIf="endLabel" class="col-2"></div>
 </div>
-`, styles: [".eui-timebar{border-bottom:2px solid var(--eui-c-neutral-lightest);margin:6rem 3rem;padding:5px;position:relative}.eui-timebar__step{border:7px solid var(--eui-c-primary);border-radius:16px;height:14px;position:absolute;width:14px}.eui-timebar__step-date-item{background-color:var(--eui-c-neutral-light);border-radius:var(--eui-border-radius-base);color:var(--eui-c-white);max-width:8rem;min-width:6rem;padding:var(--eui-s-xs);position:absolute;text-align:center;top:-2.5rem;transform:rotate(65deg);transform-origin:50% -175%;white-space:normal;font:var(--eui-f-s)}.eui-timebar__step-date-item--with-end-date{left:2.5rem;top:-1.75rem}.eui-timebar__step--with-current-date-marker.hint--top:before,.eui-timebar__step--with-current-date-marker.hint--top:after{bottom:25px}.eui-timebar__current-progress{border-bottom:3px solid var(--eui-c-primary);padding-top:5px;position:absolute}.eui-timebar__current-date-marker{color:var(--eui-c-danger);margin-left:-2px;position:absolute;top:calc(-1 * var(--eui-s-m) - var(--eui-s-2xs))}.eui-timebar__current-date-marker-step{bottom:calc(-1 * var(--eui-s-m) - 2px);color:var(--eui-c-danger);position:absolute}.eui-timebar__start-label,.eui-timebar__end-label{margin-top:6.5rem;font:var(--eui-f-s-bold)}.eui-timebar__start-label{text-align:right}.eui-timebar__step-date-item--with-end-date{margin:0;padding:0}.eui-timebar__step-label{margin-left:-4rem;margin-top:.7rem;overflow:hidden;position:absolute;text-align:center;width:8rem}.eui-timebar__legend{margin-left:var(--eui-s-s);margin-top:3rem}.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-timebar__legend-item-label{flex:1}.eui-timebar__legend-item-index-wrapper{background-color:var(--eui-c-primary);border-radius:100%;color:var(--eui-c-white);margin-right:var(--eui-s-m);padding:var(--eui-s-xs) var(--eui-s-s)}.eui-timebar__grouped__step{border-radius:3px;display:block;padding:3px 8px}.eui-timebar__grouped__step.eui-timebar__step--info{background-color:var(--eui-c-info)}.eui-timebar__grouped__step.eui-timebar__step--success{background-color:var(--eui-c-success)}.eui-timebar__grouped__step.eui-timebar__step--warning{background-color:var(--eui-c-warning)}.eui-timebar__grouped__step.eui-timebar__step--danger{background-color:var(--eui-c-danger)}.eui-timebar__step--info{border-color:var(--eui-c-info)}.eui-timebar__step--info .eui-timebar__step-date-item{background-color:var(--eui-c-info)}.eui-timebar__step--success{border-color:var(--eui-c-success)}.eui-timebar__step--success .eui-timebar__step-date-item{background-color:var(--eui-c-success)}.eui-timebar__step--warning{border-color:var(--eui-c-warning)}.eui-timebar__step--warning .eui-timebar__step-date-item{background-color:var(--eui-c-warning)}.eui-timebar__step--danger{border-color:var(--eui-c-danger)}.eui-timebar__step--danger .eui-timebar__step-date-item{background-color:var(--eui-c-danger)}.eui-timebar__legend-item-icon{color:var(--eui-c-primary);fill:var(--eui-c-primary);width:var(--eui-s-3xl);height:var(--eui-s-3xl)}.eui-timebar__legend-item-icon--info{color:var(--eui-c-info)}.eui-timebar__legend-item-icon--success{color:var(--eui-c-success)}.eui-timebar__legend-item-icon--warning{color:var(--eui-c-warning)}.eui-timebar__legend-item-icon--danger{color:var(--eui-c-danger)}@media screen and (max-width: 767px){.eui-timebar{margin:5rem var(--eui-s-m)}.eui-timebar__legend{margin-bottom:var(--eui-s-l);margin-left:18px}}\n"] }]
+`, styles: [".eui-timebar{border-bottom:2px solid var(--eui-c-neutral-lightest);margin:6rem 3rem;padding:5px;position:relative}.eui-timebar__step{border:7px solid var(--eui-c-primary);border-radius:16px;height:14px;position:absolute;width:14px}.eui-timebar__step-date-item{background-color:var(--eui-c-neutral-light);border-radius:var(--eui-border-radius-base);color:var(--eui-c-white);max-width:8rem;min-width:6rem;padding:var(--eui-s-xs);position:absolute;text-align:center;top:-2.5rem;transform:rotate(65deg);transform-origin:50% -175%;white-space:normal;font:var(--eui-f-s)}.eui-timebar__step-date-item--with-end-date{left:2.5rem;top:-1.75rem}.eui-timebar__step--with-current-date-marker.hint--top:before,.eui-timebar__step--with-current-date-marker.hint--top:after{bottom:25px}.eui-timebar__current-progress{border-bottom:3px solid var(--eui-c-primary);padding-top:5px;position:absolute}.eui-timebar__current-date-marker{color:var(--eui-c-danger);margin-left:-2px;position:absolute;top:calc(-1 * var(--eui-s-m) - var(--eui-s-2xs))}.eui-timebar__current-date-marker-step{bottom:calc(-1 * var(--eui-s-m) - 2px);color:var(--eui-c-danger);position:absolute}.eui-timebar__start-label,.eui-timebar__end-label{margin-top:6.5rem;font:var(--eui-f-s-bold)}.eui-timebar__start-label{text-align:right}.eui-timebar__step-date-item--with-end-date{margin:0;padding:0}.eui-timebar__step-label{margin-left:-4rem;margin-top:.7rem;overflow:hidden;position:absolute;text-align:center;width:8rem}.eui-timebar__legend{margin-left:var(--eui-s-s);margin-top:3rem}.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-timebar__legend-item-label{flex:1}.eui-timebar__legend-item-index-wrapper{background-color:var(--eui-c-primary);border-radius:100%;color:var(--eui-c-white);margin-right:var(--eui-s-m);padding:var(--eui-s-xs) var(--eui-s-s)}.eui-timebar__grouped__step{border-radius:var(--eui-br-m);display:block;padding:3px 8px}.eui-timebar__grouped__step.eui-timebar__step--info{background-color:var(--eui-c-info)}.eui-timebar__grouped__step.eui-timebar__step--success{background-color:var(--eui-c-success)}.eui-timebar__grouped__step.eui-timebar__step--warning{background-color:var(--eui-c-warning)}.eui-timebar__grouped__step.eui-timebar__step--danger{background-color:var(--eui-c-danger)}.eui-timebar__step--info{border-color:var(--eui-c-info)}.eui-timebar__step--info .eui-timebar__step-date-item{background-color:var(--eui-c-info)}.eui-timebar__step--success{border-color:var(--eui-c-success)}.eui-timebar__step--success .eui-timebar__step-date-item{background-color:var(--eui-c-success)}.eui-timebar__step--warning{border-color:var(--eui-c-warning)}.eui-timebar__step--warning .eui-timebar__step-date-item{background-color:var(--eui-c-warning)}.eui-timebar__step--danger{border-color:var(--eui-c-danger)}.eui-timebar__step--danger .eui-timebar__step-date-item{background-color:var(--eui-c-danger)}.eui-timebar__legend-item-icon{color:var(--eui-c-primary);fill:var(--eui-c-primary);width:var(--eui-s-3xl);height:var(--eui-s-3xl)}.eui-timebar__legend-item-icon--info{color:var(--eui-c-info)}.eui-timebar__legend-item-icon--success{color:var(--eui-c-success)}.eui-timebar__legend-item-icon--warning{color:var(--eui-c-warning)}.eui-timebar__legend-item-icon--danger{color:var(--eui-c-danger)}@media screen and (max-width: 767px){.eui-timebar{margin:5rem var(--eui-s-m)}.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 CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-timebar/eui-timebar.component.ts", "../../eui-timebar/eui-timebar.component.html", "../../eui-timebar/eui-timebar-item.model.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} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { Subscription } from 'rxjs';\n\nimport { EuiAppShellService, formatNumber } from '@eui/core';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiTimebarItem } from './eui-timebar-item.model';\n\nexport class EuiTimebarItemUI {\n    perc: number;\n    stepTypeClass: string;\n    tooltipColor: string;\n    isGrouped?: boolean;\n    groupIndex?: number;\n    groupLabel?: string;\n    groupEndDate?: Date;\n    item: EuiTimebarItem;\n}\n\n@Component({\n    selector: 'eui-timebar',\n    templateUrl: './eui-timebar.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiTimebarComponent implements OnInit, AfterContentInit, AfterViewChecked, OnChanges, OnDestroy {\n    itemsUI: EuiTimebarItemUI[] = [];\n    currentDate = new Date();\n    currentPerc: number;\n    markedPerc: number;\n    timebarColumnClass = 'col-12';\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    @Input() markedDate: Date;\n    @Input() items: EuiTimebarItem[];\n    @Input() startLabel: string;\n    @Input() endLabel: string;\n    @Input() dateFormat = 'yyyy-MM-dd';\n    @Input()\n    get isShowLegend(): boolean {\n        return this._isShowLegend;\n    }\n    set isShowLegend(value: BooleanInput) {\n        this._isShowLegend = coerceBooleanProperty(value);\n    }\n    private _isShowLegend = false;\n    @Input()\n    get isShowLegendAsIndex(): boolean {\n        return this._isShowLegendAsIndex;\n    }\n    set isShowLegendAsIndex(value: BooleanInput) {\n        this._isShowLegendAsIndex = coerceBooleanProperty(value);\n    }\n    private _isShowLegendAsIndex = true;\n    @Input()\n    get isShowCurrentDateMarker(): boolean {\n        return this._isShowCurrentDateMarker;\n    }\n    set isShowCurrentDateMarker(value: BooleanInput) {\n        this._isShowCurrentDateMarker = coerceBooleanProperty(value);\n    }\n    private _isShowCurrentDateMarker = false;\n    @Input()\n    get isCurrentDateMarkerAlwaysInRange(): boolean {\n        return this._isCurrentDateMarkerAlwaysInRange;\n    }\n    set isCurrentDateMarkerAlwaysInRange(value: BooleanInput) {\n        this._isCurrentDateMarkerAlwaysInRange = coerceBooleanProperty(value);\n    }\n    private _isCurrentDateMarkerAlwaysInRange = false;\n    @Input()\n    get isGroupOverlappingLabels(): boolean {\n        return this._isGroupOverlappingLabels;\n    }\n    set isGroupOverlappingLabels(value: BooleanInput) {\n        this._isGroupOverlappingLabels = coerceBooleanProperty(value);\n    }\n    private _isGroupOverlappingLabels = false;\n\n    protected maxStepWidth = 112; // 112px = 8rem = 2 x 4rem margin around starting and ending bullet.\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        if (this.startLabel && this.endLabel) {\n            this.timebarColumnClass = 'col-8';\n        } else {\n            if (this.startLabel || this.endLabel) {\n                this.timebarColumnClass = 'col-10';\n            }\n        }\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) {\n            const change: SimpleChange = changes['markedDate'];\n            if (change) {\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\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 = true;\n            this.isShowLegendAsIndexGenerated = true;\n            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    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    protected sortItems(): void {\n        if (this.items) {\n            // Sort by ascending date:\n            this.items = this.items.sort((a: EuiTimebarItem, b: EuiTimebarItem) => {\n                if (a && b) {\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                    return <any>a.date - <any>b.date;\n                } else {\n                    return 0;\n                }\n            });\n        }\n    }\n\n    protected groupOverlappingLabels(): void {\n        if (this.isGroupOverlappingLabelsGenerated) {\n            this.clearGrouping();\n\n            if (this.container && this.itemsUI && this.isShowLegendAsIndexGenerated) {\n                const containerElement = this.container.nativeElement;\n                const containerWidth = containerElement.clientWidth;\n                // const groupingThreshold = this.maxStepWidth / 2;\n                const groupingThreshold = (this.maxStepWidth * 100) / containerWidth;\n                let groupingCounter = 0;\n                let mobileIndexDisplacement = 0;\n                let previousUiItem = null;\n                let lastMobileIndex = 0;\n\n                for (let i = 0; i < this.itemsUI.length; i++) {\n                    const uiItem = this.itemsUI[i];\n                    if (previousUiItem) {\n                        const distance = Math.abs(uiItem.perc - previousUiItem.perc);\n                        if (distance <= groupingThreshold) {\n                            // Group the 2 items:\n                            if (i > 0 && this.itemsUI[i - 1].isGrouped) {\n                                mobileIndexDisplacement = 0;\n                            } else {\n                                if (!this.isShowLegendGenerated && mobileIndexDisplacement <= 0) {\n                                    mobileIndexDisplacement = groupingCounter;\n                                    lastMobileIndex = mobileIndexDisplacement;\n                                }\n                                groupingCounter = 0;\n                            }\n\n                            groupingCounter++;\n\n                            if (!previousUiItem.groupLabel) {\n                                previousUiItem.groupIndex = groupingCounter + lastMobileIndex;\n                                if (!this.isShowLegendGenerated) {\n                                    previousUiItem.groupLabel = '' + (lastMobileIndex + groupingCounter);\n                                } else {\n                                    previousUiItem.groupLabel = '' + i;\n                                }\n                                groupingCounter++;\n                            }\n                            if (!this.isShowLegendGenerated) {\n                                previousUiItem.groupLabel += ', ' + (lastMobileIndex + groupingCounter);\n                            } else {\n                                previousUiItem.groupLabel += ', ' + (i + 1);\n                            }\n                            previousUiItem.groupEndDate = uiItem.item.date;\n                            previousUiItem.stepTypeClass = uiItem.item.stepType;\n\n                            uiItem.isGrouped = true;\n                            uiItem.groupIndex = groupingCounter + lastMobileIndex;\n                            this.isSomeStepsAreGrouped = true;\n                        } else {\n                            previousUiItem = uiItem;\n                        }\n                    } else {\n                        previousUiItem = uiItem;\n                    }\n                }\n                this.cd.detectChanges();\n            }\n        }\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    protected calculateExtraTimelineLabelSpace(): void {\n        if (this.itemsUI) {\n            let maxLabelLength = 0;\n            for (const item of this.itemsUI) {\n                if (item.item && item.item.label) {\n                    maxLabelLength = Math.max(maxLabelLength, item.item.label.length);\n                }\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    protected calculatePercentage(date: Date, startDate: Date, endDate: Date, compensateForRange = false): number {\n        if (date && startDate && endDate) {\n            let percentage = ((date.getTime() - startDate.getTime()) / (endDate.getTime() - startDate.getTime())) * 100;\n\n            if (compensateForRange) {\n                // if the date is over the end date, or below the start date\n                // simulate its positioning to not mess up the timebar global width\n                if (percentage > 100) {\n                    if (this.isCurrentDateMarkerAlwaysInRange) {\n                        percentage = 100;\n                    } else {\n                        percentage = 103;\n                    }\n                } else if (percentage <= 0) {\n                    if (this.isCurrentDateMarkerAlwaysInRange) {\n                        percentage = 0;\n                    } else {\n                        percentage = -3;\n                    }\n                }\n            }\n\n            return percentage;\n        } else {\n            return 0;\n        }\n    }\n}\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule],\n    exports: [EuiTimebarComponent],\n    declarations: [EuiTimebarComponent],\n})\nexport class EuiTimebarModule {}\n", "<div class=\"row eui-u-flex\" #container>\n    <div *ngIf=\"startLabel\" class=\"col-2 eui-timebar__start-label\">\n        {{ startLabel }}\n    </div>\n    <div class=\"{{ timebarColumnClass }}\">\n        <div class=\"eui-timebar\" [style.marginBottom.px]=\"extraTimelineLabelSpace\" attr.data-e2e=\"{{ e2eAttr }}\">\n            <div\n                *ngIf=\"isShowCurrentDateMarker\"\n                class=\"eui-timebar__current-progress\"\n                [style.width.%]=\"currentPerc >= 100 ? 100 : currentPerc\"></div>\n            <div *ngIf=\"markedDate\" class=\"eui-timebar__current-progress\" [style.width.%]=\"markedPerc >= 100 ? 100 : markedPerc\"></div>\n            <ng-template [ngIf]=\"!isMobile\">\n                <ng-container *ngFor=\"let item of itemsUI; let i = index; trackBy: trackByFn\">\n                    <ng-container *ngIf=\"!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                            <div class=\"eui-timebar__step-date-item\" [class.eui-timebar__step-date-item--with-end-date]=\"item.groupEndDate\">\n                                <span\n                                    *ngIf=\"item.groupEndDate\"\n                                    class=\"eui-timebar__grouped__step {{\n                                        item.stepTypeClass ? 'eui-timebar__step--' + item.stepTypeClass : ''\n                                    }}\">\n                                    {{ item.groupEndDate | date: dateFormat }}\n                                </span>\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 }}\n                                </span>\n                            </div>\n                            <div *ngIf=\"!isShowLegendGenerated\" [style.left.%]=\"item.perc\" class=\"eui-timebar__step-label\">\n                                <ng-container *ngIf=\"!item.groupLabel\">\n                                    <span title=\"{{ item.item.label }}\">{{ item.item.label }}</span>\n                                </ng-container>\n                                <ng-container *ngIf=\"item.groupLabel\">\n                                    <span title=\"{{ item.groupLabel }}\">{{ item.groupLabel }}</span>\n                                </ng-container>\n                            </div>\n                            <div\n                                *ngIf=\"isShowLegendGenerated && isShowLegendAsIndexGenerated\"\n                                [style.left.%]=\"item.perc\"\n                                class=\"eui-timebar__step-label\">\n                                <ng-container *ngIf=\"!item.groupLabel\">\n                                    {{ i + 1 }}\n                                </ng-container>\n                                <ng-container *ngIf=\"item.groupLabel\">\n                                    {{ item.groupLabel }}\n                                </ng-container>\n                            </div>\n                        </div>\n                    </ng-container>\n                </ng-container>\n            </ng-template>\n\n            <ng-template [ngIf]=\"isMobile\">\n                <ng-container *ngFor=\"let item of itemsUI; let i = index; trackBy: trackByFn\">\n                    <ng-container *ngIf=\"!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                            <div *ngIf=\"!isShowLegendGenerated\" class=\"eui-timebar__step-label\" title=\"{{ item.item.label }}\">\n                                <ng-container *ngIf=\"!item.groupLabel\">\n                                    <span title=\"{{ item.item.label }}\">{{ item.item.label }}</span>\n                                </ng-container>\n                                <ng-container *ngIf=\"item.groupLabel\">\n                                    {{ item.groupLabel }}\n                                </ng-container>\n                            </div>\n                            <div *ngIf=\"isShowLegendGenerated && isShowLegendAsIndexGenerated\" class=\"eui-timebar__step-label\">\n                                <ng-container *ngIf=\"!item.groupLabel\">\n                                    {{ i + 1 }}\n                                </ng-container>\n                                <ng-container *ngIf=\"item.groupLabel\">\n                                    {{ item.groupLabel }}\n                                </ng-container>\n                            </div>\n                        </div>\n                    </ng-container>\n                </ng-container>\n            </ng-template>\n\n            <div\n                *ngIf=\"isShowCurrentDateMarker\"\n                class=\"eui-timebar__current-date-marker\"\n                [style.left.%]=\"currentPerc\"\n                title=\"{{ currentDate | date: dateFormat }}\">\n                <eui-icon-svg icon=\"location\" set=\"sharp\" size=\"m\" fillColor=\"danger-100\"></eui-icon-svg>\n            </div>\n            <div *ngIf=\"isShowCurrentDateMarker\" class=\"eui-timebar__current-date-marker-step\" [style.left.%]=\"currentPerc\">\n                <eui-icon-svg icon=\"eui-ellipse\" set=\"eui\" size=\"s\" fillColor=\"danger-100\"></eui-icon-svg>\n            </div>\n            <div\n                *ngIf=\"markedDate\"\n                class=\"eui-timebar__current-date-marker\"\n                [style.left.%]=\"markedPerc\"\n                title=\"{{ markedDate | date: dateFormat }}\">\n                <eui-icon-svg icon=\"location\" set=\"sharp\" size=\"m\" fillColor=\"danger-100\"></eui-icon-svg>\n            </div>\n            <div *ngIf=\"markedDate\" class=\"eui-timebar__current-date-marker-step\" [style.left.%]=\"markedPerc\">\n                <eui-icon-svg icon=\"eui-ellipse\" set=\"eui\" size=\"s\" fillColor=\"danger-100\"></eui-icon-svg>\n            </div>\n        </div>\n    </div>\n    <div *ngIf=\"endLabel\" class=\"col-2 eui-timebar__end-label\">\n        {{ endLabel }}\n    </div>\n</div>\n<div class=\"row eui-u-flex\">\n    <div *ngIf=\"startLabel\" class=\"col-2\"></div>\n    <div class=\"{{ timebarColumnClass }}\">\n        <div *ngIf=\"isShowLegendGenerated || isSomeStepsAreGrouped\" class=\"eui-timebar__legend\">\n            <ng-container *ngIf=\"isShowLegendGenerated\">\n                <div class=\"eui-timebar__legend-item\" *ngFor=\"let item of itemsUI; let i = index; trackBy: trackByFn\">\n                    <div *ngIf=\"!isShowLegendAsIndexGenerated\" class=\"eui-timebar__legend-item-icon\">\n                        <eui-icon-svg icon=\"eui-ellipse\" set=\"eui\" size=\"s\" fillColor=\"{{ item.item.stepType }}\"></eui-icon-svg>\n                    </div>\n                    <div *ngIf=\"isShowLegendAsIndexGenerated\" class=\"eui-timebar__legend-item-index-wrapper\">\n                        {{ i + 1 }}\n                    </div>\n                    <div class=\"eui-timebar__legend-item-label\">\n                        <ng-template [ngIf]=\"isMobile\">\n                            <strong>{{ item.item.date | date: dateFormat }}</strong> - {{ item.item.label }}\n                        </ng-template>\n                        <ng-template [ngIf]=\"!isMobile\">\n                            {{ item.item.label }}\n                        </ng-template>\n                    </div>\n                </div>\n            </ng-container>\n            <ng-container *ngIf=\"!isShowLegendGenerated\">\n                <ng-container *ngFor=\"let item of itemsUI; trackBy: trackByFn\">\n                    <div *ngIf=\"item.groupLabel || item.isGrouped\" class=\"eui-timebar__legend-item\">\n                        <div class=\"eui-timebar__legend-item-index-wrapper\">\n                            {{ item.groupIndex }}\n                        </div>\n                        <div class=\"eui-timebar__legend-item-label\">\n                            <strong>{{ item.item.date | date: dateFormat }}</strong> - {{ item.item.label }}\n                        </div>\n                    </div>\n                </ng-container>\n            </ng-container>\n        </div>\n    </div>\n    <div *ngIf=\"endLabel\" class=\"col-2\"></div>\n</div>\n", "// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging\nexport interface EuiTimebarItem {\n    date: Date;\n    label: string;\n    stepType?: string;\n}\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"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

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

@@ -23,7 +23,7 @@ var EuiTimelineItemComponent = class _EuiTimelineItemComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiTimelineItemComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.5", type: _EuiTimelineItemComponent, 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: '<div *ngIf="!isLeftAligned" class="eui-timeline-item__left-content">\n    <div *ngIf="date" class="eui-timeline-item__date {{ dateStyleClass }}">{{ date }}</div>\n    <div *ngIf="time" class="eui-timeline-item__time {{ timeStyleClass }}">{{ time }}</div>\n</div>\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    <ng-container *ngIf="customContent?.childNodes.length === 0">\n        <div class="eui-timeline-item__title">{{ label }}</div>\n        <div class="eui-timeline-item__subtitle">{{ subLabel }}</div>\n        <div *ngIf="isLeftAligned && date" class="eui-timeline-item__date {{ dateStyleClass }}">{{ date }}</div>\n        <div *ngIf="isLeftAligned && time" class="eui-timeline-item__time {{ timeStyleClass }}">{{ time }}</div>\n    </ng-container>\n</div>\n', styles: ['.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-s-m));position:relative;text-align:center;word-break:break-all}.eui-timeline .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:50%;border-style:solid;border-width:2px;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-timeline .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-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-s-l) + 1px)}.eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-s-2xs));width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral);font:var(--eui-f-l-bold)}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-c-neutral-light)}.eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-c-neutral);font:var(--eui-f-m-bold)}.eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-c-neutral-light)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-s-m) + 10px)!important}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-s-l) + 2px)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-s-s)}.eui-timeline.eui-timeline--left-aligned .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)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-primary)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-primary-dark)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-neutral-lightest)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral-light)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-info)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-info-dark)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-warning)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-warning-dark)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-success)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-success-dark)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-danger)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-danger-dark)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-accent)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-accent-dark)}.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-s-m)}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.5", type: _EuiTimelineItemComponent, 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: '<div *ngIf="!isLeftAligned" class="eui-timeline-item__left-content">\n    <div *ngIf="date" class="eui-timeline-item__date {{ dateStyleClass }}">{{ date }}</div>\n    <div *ngIf="time" class="eui-timeline-item__time {{ timeStyleClass }}">{{ time }}</div>\n</div>\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    <ng-container *ngIf="customContent?.childNodes.length === 0">\n        <div class="eui-timeline-item__title">{{ label }}</div>\n        <div class="eui-timeline-item__subtitle">{{ subLabel }}</div>\n        <div *ngIf="isLeftAligned && date" class="eui-timeline-item__date {{ dateStyleClass }}">{{ date }}</div>\n        <div *ngIf="isLeftAligned && time" class="eui-timeline-item__time {{ timeStyleClass }}">{{ time }}</div>\n    </ng-container>\n</div>\n', styles: ['.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-s-m));position:relative;text-align:center;word-break:break-all}.eui-timeline .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:2px;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-timeline .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-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-s-l) + 1px)}.eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-s-2xs));width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral);font:var(--eui-f-l-bold)}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-c-neutral-light)}.eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-c-neutral);font:var(--eui-f-m-bold)}.eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-c-neutral-light)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-s-m) + 10px)!important}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-s-l) + 2px)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-s-s)}.eui-timeline.eui-timeline--left-aligned .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)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-primary)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-primary-dark)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-neutral-lightest)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral-light)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-info)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-info-dark)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-warning)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-warning-dark)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-success)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-success-dark)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-danger)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-danger-dark)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-accent)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-accent-dark)}.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-s-m)}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiTimelineItemComponent, decorators: [{
@@ -33,7 +33,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5",
       directive: BaseStatesDirective,
       inputs: ["euiSecondary", "euiPrimary", "euiSuccess", "euiInfo", "euiWarning", "euiDanger", "euiAccent", "euiVariant"]
     }
-  ], template: '<div *ngIf="!isLeftAligned" class="eui-timeline-item__left-content">\n    <div *ngIf="date" class="eui-timeline-item__date {{ dateStyleClass }}">{{ date }}</div>\n    <div *ngIf="time" class="eui-timeline-item__time {{ timeStyleClass }}">{{ time }}</div>\n</div>\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    <ng-container *ngIf="customContent?.childNodes.length === 0">\n        <div class="eui-timeline-item__title">{{ label }}</div>\n        <div class="eui-timeline-item__subtitle">{{ subLabel }}</div>\n        <div *ngIf="isLeftAligned && date" class="eui-timeline-item__date {{ dateStyleClass }}">{{ date }}</div>\n        <div *ngIf="isLeftAligned && time" class="eui-timeline-item__time {{ timeStyleClass }}">{{ time }}</div>\n    </ng-container>\n</div>\n', styles: ['.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-s-m));position:relative;text-align:center;word-break:break-all}.eui-timeline .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:50%;border-style:solid;border-width:2px;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-timeline .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-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-s-l) + 1px)}.eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-s-2xs));width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral);font:var(--eui-f-l-bold)}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-c-neutral-light)}.eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-c-neutral);font:var(--eui-f-m-bold)}.eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-c-neutral-light)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-s-m) + 10px)!important}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-s-l) + 2px)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-s-s)}.eui-timeline.eui-timeline--left-aligned .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)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-primary)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-primary-dark)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-neutral-lightest)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral-light)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-info)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-info-dark)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-warning)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-warning-dark)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-success)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-success-dark)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-danger)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-danger-dark)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-accent)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-accent-dark)}.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-s-m)}\n'] }]
+  ], template: '<div *ngIf="!isLeftAligned" class="eui-timeline-item__left-content">\n    <div *ngIf="date" class="eui-timeline-item__date {{ dateStyleClass }}">{{ date }}</div>\n    <div *ngIf="time" class="eui-timeline-item__time {{ timeStyleClass }}">{{ time }}</div>\n</div>\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    <ng-container *ngIf="customContent?.childNodes.length === 0">\n        <div class="eui-timeline-item__title">{{ label }}</div>\n        <div class="eui-timeline-item__subtitle">{{ subLabel }}</div>\n        <div *ngIf="isLeftAligned && date" class="eui-timeline-item__date {{ dateStyleClass }}">{{ date }}</div>\n        <div *ngIf="isLeftAligned && time" class="eui-timeline-item__time {{ timeStyleClass }}">{{ time }}</div>\n    </ng-container>\n</div>\n', styles: ['.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-s-m));position:relative;text-align:center;word-break:break-all}.eui-timeline .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:2px;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-timeline .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-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-s-l) + 1px)}.eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-s-2xs));width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral);font:var(--eui-f-l-bold)}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-c-neutral-light)}.eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-c-neutral);font:var(--eui-f-m-bold)}.eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-c-neutral-light)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-s-m) + 10px)!important}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-s-l) + 2px)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-s-s)}.eui-timeline.eui-timeline--left-aligned .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)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-primary)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-primary-dark)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-neutral-lightest)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral-light)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-info)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-info-dark)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-warning)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-warning-dark)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-success)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-success-dark)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-danger)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-danger-dark)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-accent)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-accent-dark)}.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-s-m)}\n'] }]
 }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]
@@ -92,12 +92,12 @@ var EuiTimelineComponent = class _EuiTimelineComponent {
     this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiTimelineComponent, deps: [], target: i02.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.5", type: _EuiTimelineComponent, selector: "eui-timeline", inputs: { e2eAttr: "e2eAttr", isLeftAligned: ["isLeftAligned", "isLeftAligned", booleanAttribute2] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "timelineItems", predicate: EuiTimelineItemComponent }], usesOnChanges: true, ngImport: i02, template: "<ng-content></ng-content>\n", styles: ['.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-s-m));position:relative;text-align:center;word-break:break-all}.eui-timeline .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:50%;border-style:solid;border-width:2px;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-timeline .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-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-s-l) + 1px)}.eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-s-2xs));width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral);font:var(--eui-f-l-bold)}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-c-neutral-light)}.eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-c-neutral);font:var(--eui-f-m-bold)}.eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-c-neutral-light)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-s-m) + 10px)!important}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-s-l) + 2px)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-s-s)}.eui-timeline.eui-timeline--left-aligned .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)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-primary)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-primary-dark)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-neutral-lightest)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral-light)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-info)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-info-dark)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-warning)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-warning-dark)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-success)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-success-dark)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-danger)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-danger-dark)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-accent)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-accent-dark)}.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-s-m)}\n'] });
+    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.5", type: _EuiTimelineComponent, selector: "eui-timeline", inputs: { e2eAttr: "e2eAttr", isLeftAligned: ["isLeftAligned", "isLeftAligned", booleanAttribute2] }, host: { properties: { "class": "this.cssClasses", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "timelineItems", predicate: EuiTimelineItemComponent }], usesOnChanges: true, ngImport: i02, template: "<ng-content></ng-content>\n", styles: ['.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-s-m));position:relative;text-align:center;word-break:break-all}.eui-timeline .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:2px;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-timeline .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-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-s-l) + 1px)}.eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-s-2xs));width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral);font:var(--eui-f-l-bold)}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-c-neutral-light)}.eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-c-neutral);font:var(--eui-f-m-bold)}.eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-c-neutral-light)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-s-m) + 10px)!important}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-s-l) + 2px)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-s-s)}.eui-timeline.eui-timeline--left-aligned .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)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-primary)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-primary-dark)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-neutral-lightest)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral-light)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-info)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-info-dark)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-warning)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-warning-dark)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-success)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-success-dark)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-danger)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-danger-dark)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-accent)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-accent-dark)}.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-s-m)}\n'] });
   }
 };
 i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: EuiTimelineComponent, decorators: [{
   type: Component2,
-  args: [{ selector: "eui-timeline", template: "<ng-content></ng-content>\n", styles: ['.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-s-m));position:relative;text-align:center;word-break:break-all}.eui-timeline .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:50%;border-style:solid;border-width:2px;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-timeline .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-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-s-l) + 1px)}.eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-s-2xs));width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral);font:var(--eui-f-l-bold)}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-c-neutral-light)}.eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-c-neutral);font:var(--eui-f-m-bold)}.eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-c-neutral-light)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-s-m) + 10px)!important}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-s-l) + 2px)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-s-s)}.eui-timeline.eui-timeline--left-aligned .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)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-primary)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-primary-dark)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-neutral-lightest)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral-light)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-info)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-info-dark)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-warning)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-warning-dark)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-success)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-success-dark)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-danger)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-danger-dark)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-accent)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-accent-dark)}.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-s-m)}\n'] }]
+  args: [{ selector: "eui-timeline", template: "<ng-content></ng-content>\n", styles: ['.eui-timeline{display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:100%}.eui-timeline .eui-timeline-item{display:flex;flex-direction:row;list-style:none;margin-bottom:var(--eui-s-m);position:relative;width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__left-content{display:list-item;min-width:calc(11 * var(--eui-s-m));position:relative;text-align:center;word-break:break-all}.eui-timeline .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:2px;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-timeline .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-timeline .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-s-l) + 1px)}.eui-timeline .eui-timeline-item .eui-timeline-item__content{position:relative;top:calc(-1 * var(--eui-s-2xs));width:100%}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral);font:var(--eui-f-l-bold)}.eui-timeline .eui-timeline-item .eui-timeline-item__content .eui-timeline-item__subtitle{color:var(--eui-c-neutral-light)}.eui-timeline .eui-timeline-item .eui-timeline-item__date{color:var(--eui-c-neutral);font:var(--eui-f-m-bold)}.eui-timeline .eui-timeline-item .eui-timeline-item__time{color:var(--eui-c-neutral-light)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon:after{left:calc(1 * var(--eui-s-m) + 10px)!important}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__icon.eui-timeline-item__icon--group{align-items:center;border:1px dashed var(--eui-c-neutral-lighter);display:flex;flex-direction:column;height:auto;margin:0 calc(var(--eui-s-l) + 2px)}.eui-timeline.eui-timeline--left-aligned .eui-timeline-item .eui-timeline-item__content{padding-bottom:var(--eui-s-s)}.eui-timeline.eui-timeline--left-aligned .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)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-primary)}.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--primary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-primary-dark)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-neutral-lightest)}.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--secondary .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-neutral-light)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-info)}.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--info .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-info-dark)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-warning)}.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--warning .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-warning-dark)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-success)}.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--success .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-success-dark)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-danger)}.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--danger .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-danger-dark)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__icon:not(.eui-timeline-item__icon--group){border-color:var(--eui-c-accent)}.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content,.eui-timeline-item.eui-timeline-item--accent .eui-timeline-item__content .eui-timeline-item__title{color:var(--eui-c-accent-dark)}.eui-timeline-item.eui-timeline-item--more{margin-bottom:0}.eui-timeline-item.eui-timeline-item--more .eui-timeline-item__content{padding-bottom:var(--eui-s-m)}\n'] }]
 }], propDecorators: { cssClasses: [{
   type: HostBinding2,
   args: ["class"]

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-timeline/eui-timeline-item.component.ts", "../../eui-timeline/eui-timeline-item.component.html", "../../eui-timeline/eui-timeline.component.ts", "../../eui-timeline/eui-timeline.component.html", "../../eui-timeline/eui-timeline.module.ts"],
   "sourcesContent": ["import { booleanAttribute, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n    selector: 'eui-timeline-item',\n    templateUrl: './eui-timeline-item.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: ['euiSecondary', 'euiPrimary', 'euiSuccess', 'euiInfo', 'euiWarning', 'euiDanger', 'euiAccent', 'euiVariant'],\n        },\n    ],\n})\nexport class EuiTimelineItemComponent {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n    @HostBinding('attr.data-e2e')\n    @Input()\n    e2eAttr = 'eui-timeline-item';\n\n    @Input() label: string;\n    @Input() subLabel: string;\n    @Input() date: string;\n    @Input() dateStyleClass = '';\n    @Input() time: string;\n    @Input() timeStyleClass = '';\n\n    @Input({ transform: booleanAttribute })\n    isLeftAligned: BooleanInput = false;\n\n    @Input({ transform: booleanAttribute })\n    isGroup: BooleanInput = false;\n\n    constructor(public baseStatesDirective: BaseStatesDirective) {}\n\n    private getCssClasses(): string {\n        return [this.baseStatesDirective.getCssClasses('eui-timeline-item'), this.isGroup ? 'eui-timeline-item--more' : '']\n            .join(' ')\n            .trim();\n    }\n}\n", "<div *ngIf=\"!isLeftAligned\" class=\"eui-timeline-item__left-content\">\n    <div *ngIf=\"date\" class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n    <div *ngIf=\"time\" class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n</div>\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    <ng-container *ngIf=\"customContent?.childNodes.length === 0\">\n        <div class=\"eui-timeline-item__title\">{{ label }}</div>\n        <div class=\"eui-timeline-item__subtitle\">{{ subLabel }}</div>\n        <div *ngIf=\"isLeftAligned && date\" class=\"eui-timeline-item__date {{ dateStyleClass }}\">{{ date }}</div>\n        <div *ngIf=\"isLeftAligned && time\" class=\"eui-timeline-item__time {{ timeStyleClass }}\">{{ time }}</div>\n    </ng-container>\n</div>\n", "import {\n    AfterContentInit,\n    booleanAttribute,\n    Component,\n    ContentChildren,\n    HostBinding,\n    Input,\n    OnChanges,\n    QueryList,\n    SimpleChanges,\n} from '@angular/core';\nimport { BooleanInput } from '@angular/cdk/coercion';\nimport { EuiTimelineItemComponent } from './eui-timeline-item.component';\n\n@Component({\n    selector: 'eui-timeline',\n    templateUrl: './eui-timeline.component.html',\n    styleUrls: ['./styles/_index.scss'],\n})\nexport class EuiTimelineComponent implements OnChanges, AfterContentInit {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n    @HostBinding('attr.data-e2e')\n    @Input()\n    e2eAttr = 'eui-timeline';\n\n    @Input({ transform: booleanAttribute })\n    isLeftAligned: BooleanInput = false;\n\n    @ContentChildren(EuiTimelineItemComponent) timelineItems: QueryList<EuiTimelineItemComponent>;\n\n    ngOnChanges(changes: SimpleChanges): void {\n        if (changes.isLeftAligned) {\n            this.timelineItems?.forEach((item) => {\n                item.isLeftAligned = this.isLeftAligned;\n            });\n        }\n    }\n\n    ngAfterContentInit(): void {\n        this.timelineItems?.forEach((item) => {\n            item.isLeftAligned = this.isLeftAligned;\n        });\n    }\n\n    private getCssClasses(): string {\n        return ['eui-timeline', this.isLeftAligned ? 'eui-timeline--left-aligned' : ''].join(' ').trim();\n    }\n}\n", "<ng-content></ng-content>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiTimelineComponent } from './eui-timeline.component';\nimport { EuiTimelineItemComponent } from './eui-timeline-item.component';\n\n@NgModule({\n    imports: [CommonModule],\n    exports: [EuiTimelineComponent, EuiTimelineItemComponent],\n    declarations: [EuiTimelineComponent, EuiTimelineItemComponent],\n})\nexport class EuiTimelineModule {}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["booleanAttribute", "Component", "HostBinding", "Input", "i0"]
 }

package/fesm2022/eui-components-eui-wizard.mjs CHANGED Viewed

@@ -72,12 +72,12 @@ var EuiWizardStepComponent = class _EuiWizardStepComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: _EuiWizardStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiWizardStepComponent, selector: "eui-wizard-step", inputs: { id: "id", indexLabel: "indexLabel", indexIconSvgName: "indexIconSvgName", label: "label", subLabel: "subLabel", index: "index", url: "url", isCompleted: "isCompleted", isActive: "isActive", isShowStepTitle: "isShowStepTitle", isInvalid: "isInvalid", isWarning: "isWarning", isDisabled: "isDisabled" }, ngImport: i0, template: '<ng-container *ngIf="isActive">\n    <ng-content></ng-content>\n</ng-container>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-c-neutral-lightest);content:"";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-light);border-radius:100%;height:var(--eui-s-3xl);margin:0 auto;margin-top:-2rem;padding-top:var(--eui-s-xs);width:var(--eui-s-3xl)}.eui-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l-bold)}.eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-wizard-step__label-wrapper-label{font:var(--eui-f-m-bold)}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-s-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-c-primary-darl)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-info)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-success)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-c-success-dark)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-success)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-danger)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-danger)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-warning-dark)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-warning-dark)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-neutral-lightest)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-c-neutral-light)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.eui-wizard-step:focus .eui-wizard-step__bullet-item{border:2px solid transparent;border-color:var(--eui-c-accent-dark);border-radius:50%}.eui-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n'], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiWizardStepComponent, selector: "eui-wizard-step", inputs: { id: "id", indexLabel: "indexLabel", indexIconSvgName: "indexIconSvgName", label: "label", subLabel: "subLabel", index: "index", url: "url", isCompleted: "isCompleted", isActive: "isActive", isShowStepTitle: "isShowStepTitle", isInvalid: "isInvalid", isWarning: "isWarning", isDisabled: "isDisabled" }, ngImport: i0, template: '<ng-container *ngIf="isActive">\n    <ng-content></ng-content>\n</ng-container>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-c-neutral-lightest);content:"";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-light);border-radius:var(--eui-br-max);height:var(--eui-s-3xl);margin:0 auto;margin-top:-2rem;padding-top:var(--eui-s-xs);width:var(--eui-s-3xl)}.eui-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l-bold)}.eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-wizard-step__label-wrapper-label{font:var(--eui-f-m-bold)}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-s-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-c-primary-darl)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-info)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-success)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-c-success-dark)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-success)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-danger)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-danger)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-warning-dark)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-warning-dark)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-neutral-lightest)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-c-neutral-light)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.eui-wizard-step:focus .eui-wizard-step__bullet-item{border:2px solid transparent;border-color:var(--eui-c-accent-dark);border-radius:var(--eui-br-max)}.eui-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n'], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i0, type: EuiWizardStepComponent, decorators: [{
   type: Component,
-  args: [{ selector: "eui-wizard-step", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: '<ng-container *ngIf="isActive">\n    <ng-content></ng-content>\n</ng-container>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-c-neutral-lightest);content:"";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-light);border-radius:100%;height:var(--eui-s-3xl);margin:0 auto;margin-top:-2rem;padding-top:var(--eui-s-xs);width:var(--eui-s-3xl)}.eui-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l-bold)}.eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-wizard-step__label-wrapper-label{font:var(--eui-f-m-bold)}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-s-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-c-primary-darl)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-info)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-success)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-c-success-dark)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-success)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-danger)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-danger)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-warning-dark)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-warning-dark)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-neutral-lightest)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-c-neutral-light)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.eui-wizard-step:focus .eui-wizard-step__bullet-item{border:2px solid transparent;border-color:var(--eui-c-accent-dark);border-radius:50%}.eui-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n'] }]
+  args: [{ selector: "eui-wizard-step", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: '<ng-container *ngIf="isActive">\n    <ng-content></ng-content>\n</ng-container>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-c-neutral-lightest);content:"";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-light);border-radius:var(--eui-br-max);height:var(--eui-s-3xl);margin:0 auto;margin-top:-2rem;padding-top:var(--eui-s-xs);width:var(--eui-s-3xl)}.eui-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l-bold)}.eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-wizard-step__label-wrapper-label{font:var(--eui-f-m-bold)}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-s-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-c-primary-darl)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-info)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-success)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-c-success-dark)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-success)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-danger)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-danger)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-warning-dark)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-warning-dark)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-neutral-lightest)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-c-neutral-light)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.eui-wizard-step:focus .eui-wizard-step__bullet-item{border:2px solid transparent;border-color:var(--eui-c-accent-dark);border-radius:var(--eui-br-max)}.eui-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n'] }]
 }], propDecorators: { id: [{
   type: Input
 }], indexLabel: [{
@@ -242,12 +242,12 @@ var EuiWizardComponent = class _EuiWizardComponent {
     this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: _EuiWizardComponent, deps: [], target: i02.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiWizardComponent, selector: "eui-wizard", inputs: { activeStepIndex: "activeStepIndex", steps: "steps", tabindex: "tabindex", e2eAttr: "e2eAttr", isCustomContent: "isCustomContent", isShowStepTitle: "isShowStepTitle", isNavigationAllowed: "isNavigationAllowed" }, outputs: { selectStep: "selectStep" }, queries: [{ propertyName: "childrenSteps", predicate: EuiWizardStepComponent }], viewQueries: [{ propertyName: "canBeFocused", predicate: ["canBeFocused"], descendants: true }], usesOnChanges: true, ngImport: i02, template: '<div class="eui-wizard" role="tablist" aria-orientation="horizontal" aria-label="" attr.data-e2e="{{ e2eAttr }}">\n    <div\n        #canBeFocused\n        *ngFor="let step of steps; let idx = index; trackBy: trackByFn"\n        class="eui-wizard-step"\n        role="tab"\n        [id]="step.id"\n        attr.aria-label="{{ step?.label }} {{ step?.subLabel }}"\n        [attr.aria-disabled]="step?.isDisabled"\n        [attr.aria-controls]="stepContentId"\n        [tabindex]="step?.isDisabled || !isNavigationAllowed ? -1 : tabindex"\n        [class.eui-wizard-step--completed]="step?.isCompleted"\n        [class.eui-wizard-step--notallowed]="!isNavigationAllowed"\n        [class.eui-wizard-step--active]="step?.isActive"\n        [class.eui-wizard-step--disabled]="step?.isDisabled || !isNavigationAllowed"\n        [class.eui-wizard-step--error]="step?.isInvalid"\n        [class.eui--danger]="step?.isInvalid"\n        [class.eui-wizard-step--warning]="step?.isWarning"\n        [class.eui--warning]="step?.isWarning"\n        (click)="onSelectStep(step, idx + 1)"\n        (keydown)="onKeyDown($event)">\n        <div class="eui-wizard-step__indicator-wrapper" role="presentation"></div>\n\n        <div class="eui-wizard-step__bullet-item">\n            <span class="eui-wizard-step__bullet-item-icon">\n                <ng-container *ngIf="!step?.indexIconSvgName; else customIconContent">\n                    <eui-icon-svg *ngIf="step?.isCompleted && !step?.isActive" icon="eui-check"></eui-icon-svg>\n                    <eui-icon-svg *ngIf="step?.isInvalid && !step?.isActive" icon="eui-exclamation"></eui-icon-svg>\n                    <eui-icon-svg *ngIf="step?.isActive" icon="eui-create"></eui-icon-svg>\n                </ng-container>\n\n                <ng-template #customIconContent>\n                    <span *ngIf="step?.indexIconSvgName && step?.indexIconSvgName !== undefined" role="presentation">\n                        <eui-icon-svg icon="{{ step?.indexIconSvgName }}" class="eui-wizard-step__icon"></eui-icon-svg>\n                    </span>\n                </ng-template>\n            </span>\n            <span class="eui-wizard-step__bullet-item-text"\n                *ngIf="!step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid"\n                role="presentation">\n                {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n            </span>\n        </div>\n        <div class="eui-wizard-step__label-wrapper" role="presentation">\n            <div class="eui-wizard-step__label-wrapper-label" role="presentation">\n                {{ step?.label }}\n            </div>\n            <div class="eui-wizard-step__label-wrapper-sub-label" role="presentation">\n                {{ step?.subLabel }}\n            </div>\n        </div>\n\n        <div *ngIf="step?.isActive" class="eui-wizard-step__current-marker" role="presentation">\n            <eui-icon-svg icon="eui-ecl-solid-arrow" class="eui-wizard-step__current-marker-icon" size="xl"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n<div [id]="stepContentId" class="step-content" role="tabpanel" [attr.aria-labelledby]="stepIds">\n    <ng-content></ng-content>\n</div>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-c-neutral-lightest);content:"";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-light);border-radius:100%;height:var(--eui-s-3xl);margin:0 auto;margin-top:-2rem;padding-top:var(--eui-s-xs);width:var(--eui-s-3xl)}.eui-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l-bold)}.eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-wizard-step__label-wrapper-label{font:var(--eui-f-m-bold)}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-s-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-c-primary-darl)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-info)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-success)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-c-success-dark)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-success)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-danger)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-danger)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-warning-dark)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-warning-dark)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-neutral-lightest)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-c-neutral-light)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.eui-wizard-step:focus .eui-wizard-step__bullet-item{border:2px solid transparent;border-color:var(--eui-c-accent-dark);border-radius:50%}.eui-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n'], dependencies: [{ kind: "directive", type: i12.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i02.ViewEncapsulation.None });
+    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.5", type: _EuiWizardComponent, selector: "eui-wizard", inputs: { activeStepIndex: "activeStepIndex", steps: "steps", tabindex: "tabindex", e2eAttr: "e2eAttr", isCustomContent: "isCustomContent", isShowStepTitle: "isShowStepTitle", isNavigationAllowed: "isNavigationAllowed" }, outputs: { selectStep: "selectStep" }, queries: [{ propertyName: "childrenSteps", predicate: EuiWizardStepComponent }], viewQueries: [{ propertyName: "canBeFocused", predicate: ["canBeFocused"], descendants: true }], usesOnChanges: true, ngImport: i02, template: '<div class="eui-wizard" role="tablist" aria-orientation="horizontal" aria-label="" attr.data-e2e="{{ e2eAttr }}">\n    <div\n        #canBeFocused\n        *ngFor="let step of steps; let idx = index; trackBy: trackByFn"\n        class="eui-wizard-step"\n        role="tab"\n        [id]="step.id"\n        attr.aria-label="{{ step?.label }} {{ step?.subLabel }}"\n        [attr.aria-disabled]="step?.isDisabled"\n        [attr.aria-controls]="stepContentId"\n        [tabindex]="step?.isDisabled || !isNavigationAllowed ? -1 : tabindex"\n        [class.eui-wizard-step--completed]="step?.isCompleted"\n        [class.eui-wizard-step--notallowed]="!isNavigationAllowed"\n        [class.eui-wizard-step--active]="step?.isActive"\n        [class.eui-wizard-step--disabled]="step?.isDisabled || !isNavigationAllowed"\n        [class.eui-wizard-step--error]="step?.isInvalid"\n        [class.eui--danger]="step?.isInvalid"\n        [class.eui-wizard-step--warning]="step?.isWarning"\n        [class.eui--warning]="step?.isWarning"\n        (click)="onSelectStep(step, idx + 1)"\n        (keydown)="onKeyDown($event)">\n        <div class="eui-wizard-step__indicator-wrapper" role="presentation"></div>\n\n        <div class="eui-wizard-step__bullet-item">\n            <span class="eui-wizard-step__bullet-item-icon">\n                <ng-container *ngIf="!step?.indexIconSvgName; else customIconContent">\n                    <eui-icon-svg *ngIf="step?.isCompleted && !step?.isActive" icon="eui-check"></eui-icon-svg>\n                    <eui-icon-svg *ngIf="step?.isInvalid && !step?.isActive" icon="eui-exclamation"></eui-icon-svg>\n                    <eui-icon-svg *ngIf="step?.isActive" icon="eui-create"></eui-icon-svg>\n                </ng-container>\n\n                <ng-template #customIconContent>\n                    <span *ngIf="step?.indexIconSvgName && step?.indexIconSvgName !== undefined" role="presentation">\n                        <eui-icon-svg icon="{{ step?.indexIconSvgName }}" class="eui-wizard-step__icon"></eui-icon-svg>\n                    </span>\n                </ng-template>\n            </span>\n            <span class="eui-wizard-step__bullet-item-text"\n                *ngIf="!step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid"\n                role="presentation">\n                {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n            </span>\n        </div>\n        <div class="eui-wizard-step__label-wrapper" role="presentation">\n            <div class="eui-wizard-step__label-wrapper-label" role="presentation">\n                {{ step?.label }}\n            </div>\n            <div class="eui-wizard-step__label-wrapper-sub-label" role="presentation">\n                {{ step?.subLabel }}\n            </div>\n        </div>\n\n        <div *ngIf="step?.isActive" class="eui-wizard-step__current-marker" role="presentation">\n            <eui-icon-svg icon="eui-ecl-solid-arrow" class="eui-wizard-step__current-marker-icon" size="xl"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n<div [id]="stepContentId" class="step-content" role="tabpanel" [attr.aria-labelledby]="stepIds">\n    <ng-content></ng-content>\n</div>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-c-neutral-lightest);content:"";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-light);border-radius:var(--eui-br-max);height:var(--eui-s-3xl);margin:0 auto;margin-top:-2rem;padding-top:var(--eui-s-xs);width:var(--eui-s-3xl)}.eui-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l-bold)}.eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-wizard-step__label-wrapper-label{font:var(--eui-f-m-bold)}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-s-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-c-primary-darl)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-info)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-success)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-c-success-dark)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-success)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-danger)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-danger)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-warning-dark)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-warning-dark)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-neutral-lightest)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-c-neutral-light)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.eui-wizard-step:focus .eui-wizard-step__bullet-item{border:2px solid transparent;border-color:var(--eui-c-accent-dark);border-radius:var(--eui-br-max)}.eui-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n'], dependencies: [{ kind: "directive", type: i12.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i12.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i02.ViewEncapsulation.None });
   }
 };
 i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.5", ngImport: i02, type: EuiWizardComponent, decorators: [{
   type: Component2,
-  args: [{ selector: "eui-wizard", encapsulation: ViewEncapsulation3.None, template: '<div class="eui-wizard" role="tablist" aria-orientation="horizontal" aria-label="" attr.data-e2e="{{ e2eAttr }}">\n    <div\n        #canBeFocused\n        *ngFor="let step of steps; let idx = index; trackBy: trackByFn"\n        class="eui-wizard-step"\n        role="tab"\n        [id]="step.id"\n        attr.aria-label="{{ step?.label }} {{ step?.subLabel }}"\n        [attr.aria-disabled]="step?.isDisabled"\n        [attr.aria-controls]="stepContentId"\n        [tabindex]="step?.isDisabled || !isNavigationAllowed ? -1 : tabindex"\n        [class.eui-wizard-step--completed]="step?.isCompleted"\n        [class.eui-wizard-step--notallowed]="!isNavigationAllowed"\n        [class.eui-wizard-step--active]="step?.isActive"\n        [class.eui-wizard-step--disabled]="step?.isDisabled || !isNavigationAllowed"\n        [class.eui-wizard-step--error]="step?.isInvalid"\n        [class.eui--danger]="step?.isInvalid"\n        [class.eui-wizard-step--warning]="step?.isWarning"\n        [class.eui--warning]="step?.isWarning"\n        (click)="onSelectStep(step, idx + 1)"\n        (keydown)="onKeyDown($event)">\n        <div class="eui-wizard-step__indicator-wrapper" role="presentation"></div>\n\n        <div class="eui-wizard-step__bullet-item">\n            <span class="eui-wizard-step__bullet-item-icon">\n                <ng-container *ngIf="!step?.indexIconSvgName; else customIconContent">\n                    <eui-icon-svg *ngIf="step?.isCompleted && !step?.isActive" icon="eui-check"></eui-icon-svg>\n                    <eui-icon-svg *ngIf="step?.isInvalid && !step?.isActive" icon="eui-exclamation"></eui-icon-svg>\n                    <eui-icon-svg *ngIf="step?.isActive" icon="eui-create"></eui-icon-svg>\n                </ng-container>\n\n                <ng-template #customIconContent>\n                    <span *ngIf="step?.indexIconSvgName && step?.indexIconSvgName !== undefined" role="presentation">\n                        <eui-icon-svg icon="{{ step?.indexIconSvgName }}" class="eui-wizard-step__icon"></eui-icon-svg>\n                    </span>\n                </ng-template>\n            </span>\n            <span class="eui-wizard-step__bullet-item-text"\n                *ngIf="!step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid"\n                role="presentation">\n                {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n            </span>\n        </div>\n        <div class="eui-wizard-step__label-wrapper" role="presentation">\n            <div class="eui-wizard-step__label-wrapper-label" role="presentation">\n                {{ step?.label }}\n            </div>\n            <div class="eui-wizard-step__label-wrapper-sub-label" role="presentation">\n                {{ step?.subLabel }}\n            </div>\n        </div>\n\n        <div *ngIf="step?.isActive" class="eui-wizard-step__current-marker" role="presentation">\n            <eui-icon-svg icon="eui-ecl-solid-arrow" class="eui-wizard-step__current-marker-icon" size="xl"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n<div [id]="stepContentId" class="step-content" role="tabpanel" [attr.aria-labelledby]="stepIds">\n    <ng-content></ng-content>\n</div>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-c-neutral-lightest);content:"";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-light);border-radius:100%;height:var(--eui-s-3xl);margin:0 auto;margin-top:-2rem;padding-top:var(--eui-s-xs);width:var(--eui-s-3xl)}.eui-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l-bold)}.eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-wizard-step__label-wrapper-label{font:var(--eui-f-m-bold)}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-s-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-c-primary-darl)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-info)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-success)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-c-success-dark)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-success)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-danger)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-danger)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-warning-dark)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-warning-dark)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-neutral-lightest)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-c-neutral-light)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.eui-wizard-step:focus .eui-wizard-step__bullet-item{border:2px solid transparent;border-color:var(--eui-c-accent-dark);border-radius:50%}.eui-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n'] }]
+  args: [{ selector: "eui-wizard", encapsulation: ViewEncapsulation3.None, template: '<div class="eui-wizard" role="tablist" aria-orientation="horizontal" aria-label="" attr.data-e2e="{{ e2eAttr }}">\n    <div\n        #canBeFocused\n        *ngFor="let step of steps; let idx = index; trackBy: trackByFn"\n        class="eui-wizard-step"\n        role="tab"\n        [id]="step.id"\n        attr.aria-label="{{ step?.label }} {{ step?.subLabel }}"\n        [attr.aria-disabled]="step?.isDisabled"\n        [attr.aria-controls]="stepContentId"\n        [tabindex]="step?.isDisabled || !isNavigationAllowed ? -1 : tabindex"\n        [class.eui-wizard-step--completed]="step?.isCompleted"\n        [class.eui-wizard-step--notallowed]="!isNavigationAllowed"\n        [class.eui-wizard-step--active]="step?.isActive"\n        [class.eui-wizard-step--disabled]="step?.isDisabled || !isNavigationAllowed"\n        [class.eui-wizard-step--error]="step?.isInvalid"\n        [class.eui--danger]="step?.isInvalid"\n        [class.eui-wizard-step--warning]="step?.isWarning"\n        [class.eui--warning]="step?.isWarning"\n        (click)="onSelectStep(step, idx + 1)"\n        (keydown)="onKeyDown($event)">\n        <div class="eui-wizard-step__indicator-wrapper" role="presentation"></div>\n\n        <div class="eui-wizard-step__bullet-item">\n            <span class="eui-wizard-step__bullet-item-icon">\n                <ng-container *ngIf="!step?.indexIconSvgName; else customIconContent">\n                    <eui-icon-svg *ngIf="step?.isCompleted && !step?.isActive" icon="eui-check"></eui-icon-svg>\n                    <eui-icon-svg *ngIf="step?.isInvalid && !step?.isActive" icon="eui-exclamation"></eui-icon-svg>\n                    <eui-icon-svg *ngIf="step?.isActive" icon="eui-create"></eui-icon-svg>\n                </ng-container>\n\n                <ng-template #customIconContent>\n                    <span *ngIf="step?.indexIconSvgName && step?.indexIconSvgName !== undefined" role="presentation">\n                        <eui-icon-svg icon="{{ step?.indexIconSvgName }}" class="eui-wizard-step__icon"></eui-icon-svg>\n                    </span>\n                </ng-template>\n            </span>\n            <span class="eui-wizard-step__bullet-item-text"\n                *ngIf="!step?.indexIconSvgName && !step?.isActive && !step?.isCompleted && !step?.isInvalid"\n                role="presentation">\n                {{ step?.indexLabel !== undefined ? step?.indexLabel : idx + 1 }}\n            </span>\n        </div>\n        <div class="eui-wizard-step__label-wrapper" role="presentation">\n            <div class="eui-wizard-step__label-wrapper-label" role="presentation">\n                {{ step?.label }}\n            </div>\n            <div class="eui-wizard-step__label-wrapper-sub-label" role="presentation">\n                {{ step?.subLabel }}\n            </div>\n        </div>\n\n        <div *ngIf="step?.isActive" class="eui-wizard-step__current-marker" role="presentation">\n            <eui-icon-svg icon="eui-ecl-solid-arrow" class="eui-wizard-step__current-marker-icon" size="xl"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n<div [id]="stepContentId" class="step-content" role="tabpanel" [attr.aria-labelledby]="stepIds">\n    <ng-content></ng-content>\n</div>\n', styles: ['.eui-wizard{border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;margin:var(--eui-s-xl) 0 -1px 0;padding-bottom:var(--eui-s-l)}.eui-wizard-step{cursor:pointer;flex:1;position:relative;text-align:center}.eui-wizard-step__content{margin:var(--eui-s-m) 0}.eui-wizard-step__current-marker{bottom:0;left:50%;position:absolute;transform:translate(-50%,75%)}.eui-wizard-step__indicator-wrapper{border-bottom:3px solid var(--eui-c-neutral-lightest);content:"";margin-bottom:var(--eui-s-s);top:var(--eui-s-s);width:100%}.eui-wizard-step__bullet-item{display:flex;align-items:center;justify-content:center;background-color:var(--eui-c-white);border:2px solid var(--eui-c-neutral-light);border-radius:var(--eui-br-max);height:var(--eui-s-3xl);margin:0 auto;margin-top:-2rem;padding-top:var(--eui-s-xs);width:var(--eui-s-3xl)}.eui-wizard-step__bullet-item-text{margin-top:-.5rem;font:var(--eui-f-l-bold)}.eui-wizard-step__label-wrapper{margin-top:var(--eui-s-m)}.eui-wizard-step__label-wrapper-label{font:var(--eui-f-m-bold)}.eui-wizard-step__label-wrapper-sub-label{font-size:95%;margin-top:var(--eui-s-2xs)}.eui-wizard-step--active .eui-wizard-step__bullet-item{border-color:var(--eui-c-primary);color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-primary)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-label{color:var(--eui-c-primary-darl)}.eui-wizard-step--active .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-info)}.eui-wizard-step--completed .eui-wizard-step__bullet-item{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--completed .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-success)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-label{color:var(--eui-c-success-dark)}.eui-wizard-step--completed .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-success)}.eui-wizard-step--error .eui-wizard-step__bullet-item{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__bullet-item .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white)}.eui-wizard-step--error .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-danger)}.eui-wizard-step--error .eui-wizard-step__label-wrapper-label,.eui-wizard-step--error .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-danger)}.eui-wizard-step--warning .eui-wizard-step__bullet-item{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning)}.eui-wizard-step--warning .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-warning-dark)}.eui-wizard-step--warning .eui-wizard-step__label-wrapper-label,.eui-wizard-step--warning .eui-wizard-step__label-wrapper-sub-label{color:var(--eui-c-warning-dark)}.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-label,.eui-wizard-step--disabled .eui-wizard-step__label-wrapper-sub-label,.eui-wizard-step--disabled .eui-wizard-step__bullet-item{border-color:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral)}.eui-wizard-step--disabled .eui-wizard-step__indicator-wrapper{border-bottom-color:var(--eui-c-neutral-lightest)}.eui-wizard-step--disabled:hover{cursor:not-allowed}.eui-wizard-step--notallowed .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed.eui-wizard-step--disabled .eui-wizard-step__bullet-item-icon{color:var(--eui-c-neutral-light)}.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--completed .eui-wizard-step__bullet-item-icon,.eui-wizard-step--notallowed.eui-wizard-step--disabled.eui-wizard-step--error .eui-wizard-step__bullet-item-icon{color:var(--eui-c-white)}.eui-wizard-step--notallowed:hover{cursor:not-allowed}.eui-wizard-step:focus .eui-wizard-step__bullet-item{border:2px solid transparent;border-color:var(--eui-c-accent-dark);border-radius:var(--eui-br-max)}.eui-wizard-step:first-child .eui-wizard-step__indicator-wrapper{margin-left:50%;width:50%}.eui-wizard-step:last-child .eui-wizard-step__indicator-wrapper{margin-right:50%;width:50%}\n'] }]
 }], propDecorators: { activeStepIndex: [{
   type: Input2
 }], steps: [{