npm - @eui/components - Versions diffs - 18.0.0-next.55 → 18.0.0-next.57 - Mend

@eui/components 18.0.0-next.55 → 18.0.0-next.57

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 (115) hide show

package/fesm2022/eui-components-eui-input-radio.mjs.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-input-radio/eui-input-radio.component.ts", "../../eui-input-radio/eui-input-radio.module.ts"],
   "sourcesContent": ["import {\n    DoCheck,\n    ElementRef,\n    HostBinding,\n    Input,\n    OnChanges,\n    Optional,\n    Renderer2,\n    Self,\n    SimpleChanges,\n    OnInit,\n    Component,\n    ViewEncapsulation,\n    HostListener,\n    Injector,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport { InputDirective } from '@eui/components/shared';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { ChangeEvent } from 'cleave.js/react/props';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'input[euiInputRadio]',\n    styleUrls: ['./styles/_index.scss'],\n    template: '',\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiInputRadioComponent extends InputDirective implements OnInit, DoCheck, OnChanges, ControlValueAccessor {\n    @Input()\n    public get isInvalid(): boolean {\n        return this._isInvalid || null;\n    }\n    public set isInvalid(state: BooleanInput) {\n        this.setInvalid(state);\n    }\n    protected _isInvalid: boolean;\n\n    @HostBinding('class')\n    public get class(): string {\n        return [super.getCssClasses('eui-input-radio'), this._isInvalid ? 'eui-input-radio--invalid' : ''].join(' ').trim();\n    }\n    @HostBinding('attr.type') protected type = 'radio';\n\n    @HostBinding('attr.checked')\n    @Input('checked')\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    public get defaultChecked(): any {\n        return this._defaultChecked ? '' : null;\n    }\n    public set defaultChecked(value: BooleanInput) {\n        this._defaultChecked = coerceBooleanProperty(value);\n    }\n    protected _defaultChecked: boolean;\n\n    public get selected(): boolean {\n        return this._elementRef?.nativeElement.checked;\n    }\n\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    get value(): any {\n        return this._value;\n    }\n    set value(value) {\n        this._value = value;\n        if (typeof value === 'number' || typeof value === 'boolean' || !!value) {\n            this._elementRef.nativeElement.value = this._value;\n        }\n    }\n    private _value;\n\n    constructor(\n        @Optional() @Self() protected ngControl: NgControl,\n        protected _elementRef: ElementRef<HTMLInputElement>,\n        protected _renderer: Renderer2,\n        injector: Injector,\n    ) {\n        super(_elementRef, _renderer, injector);\n\n        // Firefox fix: set type to radio before first ngDoCheck runs\n        this._elementRef.nativeElement.type = 'radio';\n\n        // if there's no id attribute set one\n        if (!this._elementRef.nativeElement.id) {\n            this.setIdAttribute();\n        }\n\n        // register control valueAccessor\n        if (this.ngControl) {\n            this.ngControl.valueAccessor = this;\n        }\n    }\n\n    ngOnInit(): void {\n        super.ngOnInit();\n\n        // in case control value is null set the default one (isChecked) and sync Control State\n        // if (this.ngControl?.control?.value === null) {\n        // this.ngControl.control.setValue('', { emitModelToViewChange: false });\n        // changing Model Expression after view checked, so detect changes\n        // TODO: check why although it's checked .checked returns false\n        // this.ngControl.viewToModelUpdate(this._checked);\n        // this._cd.detectChanges();\n        // }\n\n        if (this.ngControl) {\n            this.ngControl.statusChanges.subscribe((status) => {\n                this.isInvalid = status === 'INVALID';\n                this.euiDanger = this.isInvalid;\n            });\n        }\n    }\n\n    ngDoCheck(): void {\n        if (this.ngControl) {\n            this.isInvalid = this.ngControl.invalid && this.ngControl.touched;\n        }\n    }\n\n    ngOnChanges(changes: SimpleChanges): void {\n        // when readonly changes hide other radio (input+label)\n        if (changes['readonly']) {\n            const readonly = coerceBooleanProperty(changes['readonly']?.currentValue);\n            if (readonly) {\n                this._renderer.setAttribute(this._elementRef.nativeElement, 'readonly', null);\n            } else {\n                this._renderer.removeAttribute(this._elementRef.nativeElement, 'readonly');\n            }\n        }\n\n        if (changes['isInvalid']) {\n            if (changes['isInvalid'].currentValue) {\n                this._renderer.addClass(this._elementRef.nativeElement, 'eui-input-radio--invalid');\n            } else {\n                this._renderer.removeClass(this._elementRef.nativeElement, 'eui-input-radio--invalid');\n            }\n        }\n    }\n\n    writeValue(obj: string): void {\n        // set checked state based if radio value matches the control's one\n        this._elementRef.nativeElement.checked = this._value === obj;\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        this.disabled = isDisabled;\n    }\n\n    @HostListener('change', ['$event'])\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    protected onCheckedChanged(event: ChangeEvent<any>): void {\n        this._defaultChecked = event.target.checked;\n        this.onChange(event.target.value === 'on' ? null : event.target.value);\n    }\n\n    @HostListener('keydown.space', ['$event'])\n    protected onSpacePressed(event: KeyboardEvent): void {\n        if (this.readonly) {\n            event.preventDefault();\n            event.stopPropagation();\n        }\n    }\n\n    protected setInvalid(state): void {\n        // in case it's controlled by NgControl override\n        this._isInvalid = this.control ? this.control.invalid && this.control.touched : coerceBooleanProperty(state);\n\n        // set BaseDirective Attribute\n        this.euiDanger = this._isInvalid;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    protected onChange = (_): void => {\n        /* Nothing to be Done so far */\n    };\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    protected onTouched = (_): void => {\n        /* Nothing to be Done so far */\n    };\n}\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiInputRadioComponent } from './eui-input-radio.component';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [EuiInputRadioComponent],\n    exports: [EuiInputRadioComponent],\n})\nexport class EuiInputRadioModule {}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/fesm2022/eui-components-eui-language-selector.mjs CHANGED Viewed

@@ -160,12 +160,12 @@ var EuiLanguageSelectorComponent = class _EuiLanguageSelectorComponent {
     this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i02, type: _EuiLanguageSelectorComponent, deps: [{ token: i02.ChangeDetectorRef }, { token: i12.EuiDialogService }, { token: i22.EuiAppShellService }, { token: i32.TranslateService }], target: i02.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.0", type: _EuiLanguageSelectorComponent, selector: "eui-language-selector", inputs: { hasLanguageSelection: ["hasLanguageSelection", "hasLanguageSelection", booleanAttribute], isToolbarSelector: ["isToolbarSelector", "isToolbarSelector", booleanAttribute], euiPrimary: ["euiPrimary", "euiPrimary", booleanAttribute] }, outputs: { languageSelectorClick: "languageSelectorClick" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i02, template: '<ng-container *ngIf="!hasLanguageSelection">\n    <button class="eui-language-selector-button" (click)="onClick()">\n        <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n        <span class="eui-language-selector-button__language-code">\n            {{ (appShellService.state$ | async).activeLanguage }}\n        </span>\n    </button>\n</ng-container>\n\n<ng-container *ngIf="isShowDropDown && hasLanguageSelection">\n    <eui-dropdown>\n        <button class="eui-language-selector-button">\n            <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n            <span class="eui-language-selector-button__language-code">\n                {{ (appShellService.state$ | async).activeLanguage }}\n            </span>\n        </button>\n        <eui-dropdown-content>\n            <div class="eui-language-selector-menu">\n                <div\n                    *ngFor="let language of languages"\n                    euiDropdownItem\n                    attr.data-e2e="eui-language-selector-item_{{ language.code }}"\n                    class="eui-language-selector-menu-language-item"\n                    (click)="onLanguageChanged(language)">\n                    {{ language.label }} ({{ language.code }})\n                </div>\n            </div>\n        </eui-dropdown-content>\n    </eui-dropdown>\n</ng-container>\n\n<ng-container *ngIf="isShowModal && hasLanguageSelection">\n    <button class="eui-language-selector-button" (click)="open()">\n        <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n        <span class="eui-language-selector-button__language-code">\n            {{ (appShellService.state$ | async).activeLanguage }}\n        </span>\n    </button>\n</ng-container>\n\n<ng-template #languageSelectorIcon>\n    @if (euiPrimary) {\n        <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="primary"></eui-icon-svg>\n    } @else {\n        <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n    }\n</ng-template>\n', styles: ['.eui-language-selector{align-items:center;cursor:pointer;display:flex;position:relative}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.eui-language-selector-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:0!important;transition:none}.eui-language-selector-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-language-selector-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-language-selector-button__language-code{align-items:center;bottom:50%;display:flex;color:var(--eui-c-white);position:absolute;text-transform:uppercase;top:35%;font:var(--eui-f-s-bold)}.eui-language-selector-menu-language-item{padding:var(--eui-s-m);border-bottom:1px solid var(--eui-c-neutral-bg-light);text-align:center;cursor:pointer}.eui-language-selector-menu-language-item:hover{background:var(--eui-c-neutral-bg-light)}.eui-language-selector--empty{display:none}.eui-language-selector--primary .eui-language-selector-button__language-code{color:var(--eui-c-white)}.eui-language-selector--toolbar-selector .eui-language-selector-button__language-code{color:var(--eui-c-black)}\n'], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled", "euiDisabled"] }, { kind: "component", type: i5.EuiDropdownItemComponent, selector: "eui-dropdown-item, [euiDropdownItem]", inputs: ["subDropdown", "isActive"] }, { kind: "directive", type: i5.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i6.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: i4.AsyncPipe, name: "async" }], encapsulation: i02.ViewEncapsulation.None });
+    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.0", type: _EuiLanguageSelectorComponent, selector: "eui-language-selector", inputs: { hasLanguageSelection: ["hasLanguageSelection", "hasLanguageSelection", booleanAttribute], isToolbarSelector: ["isToolbarSelector", "isToolbarSelector", booleanAttribute], euiPrimary: ["euiPrimary", "euiPrimary", booleanAttribute] }, outputs: { languageSelectorClick: "languageSelectorClick" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i02, template: '<ng-container *ngIf="!hasLanguageSelection">\n    <button class="eui-language-selector-button" (click)="onClick()">\n        <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n        <span class="eui-language-selector-button__language-code">\n            {{ (appShellService.state$ | async).activeLanguage }}\n        </span>\n    </button>\n</ng-container>\n\n<ng-container *ngIf="isShowDropDown && hasLanguageSelection">\n    <eui-dropdown>\n        <button class="eui-language-selector-button">\n            <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n            <span class="eui-language-selector-button__language-code">\n                {{ (appShellService.state$ | async).activeLanguage }}\n            </span>\n        </button>\n        <eui-dropdown-content>\n            <div class="eui-language-selector-menu">\n                <div\n                    *ngFor="let language of languages"\n                    euiDropdownItem\n                    attr.data-e2e="eui-language-selector-item_{{ language.code }}"\n                    class="eui-language-selector-menu-language-item"\n                    (click)="onLanguageChanged(language)">\n                    {{ language.label }} ({{ language.code }})\n                </div>\n            </div>\n        </eui-dropdown-content>\n    </eui-dropdown>\n</ng-container>\n\n<ng-container *ngIf="isShowModal && hasLanguageSelection">\n    <button class="eui-language-selector-button" (click)="open()">\n        <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n        <span class="eui-language-selector-button__language-code">\n            {{ (appShellService.state$ | async).activeLanguage }}\n        </span>\n    </button>\n</ng-container>\n\n<ng-template #languageSelectorIcon>\n    @if (euiPrimary) {\n        <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="primary"></eui-icon-svg>\n    } @else {\n        <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n    }\n</ng-template>\n', styles: ['.eui-language-selector{align-items:center;cursor:pointer;display:flex;position:relative}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:var(--eui-bw-none);background:transparent;cursor:pointer}.eui-language-selector-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:0!important;transition:none}.eui-language-selector-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-language-selector-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-language-selector-button__language-code{align-items:center;bottom:50%;display:flex;color:var(--eui-c-white);position:absolute;text-transform:uppercase;top:35%;font:var(--eui-f-s-bold)}.eui-language-selector-menu-language-item{padding:var(--eui-s-m);border-bottom:1px solid var(--eui-c-neutral-bg-light);text-align:center;cursor:pointer}.eui-language-selector-menu-language-item:hover{background:var(--eui-c-neutral-bg-light)}.eui-language-selector--empty{display:none}.eui-language-selector--primary .eui-language-selector-button__language-code{color:var(--eui-c-white)}.eui-language-selector--toolbar-selector .eui-language-selector-button__language-code{color:var(--eui-c-black)}\n'], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled", "euiDisabled"] }, { kind: "component", type: i5.EuiDropdownItemComponent, selector: "eui-dropdown-item, [euiDropdownItem]", inputs: ["subDropdown", "isActive"] }, { kind: "directive", type: i5.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i6.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: i4.AsyncPipe, name: "async" }], encapsulation: i02.ViewEncapsulation.None });
   }
 };
 i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i02, type: EuiLanguageSelectorComponent, decorators: [{
   type: Component2,
-  args: [{ selector: "eui-language-selector", encapsulation: ViewEncapsulation3.None, template: '<ng-container *ngIf="!hasLanguageSelection">\n    <button class="eui-language-selector-button" (click)="onClick()">\n        <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n        <span class="eui-language-selector-button__language-code">\n            {{ (appShellService.state$ | async).activeLanguage }}\n        </span>\n    </button>\n</ng-container>\n\n<ng-container *ngIf="isShowDropDown && hasLanguageSelection">\n    <eui-dropdown>\n        <button class="eui-language-selector-button">\n            <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n            <span class="eui-language-selector-button__language-code">\n                {{ (appShellService.state$ | async).activeLanguage }}\n            </span>\n        </button>\n        <eui-dropdown-content>\n            <div class="eui-language-selector-menu">\n                <div\n                    *ngFor="let language of languages"\n                    euiDropdownItem\n                    attr.data-e2e="eui-language-selector-item_{{ language.code }}"\n                    class="eui-language-selector-menu-language-item"\n                    (click)="onLanguageChanged(language)">\n                    {{ language.label }} ({{ language.code }})\n                </div>\n            </div>\n        </eui-dropdown-content>\n    </eui-dropdown>\n</ng-container>\n\n<ng-container *ngIf="isShowModal && hasLanguageSelection">\n    <button class="eui-language-selector-button" (click)="open()">\n        <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n        <span class="eui-language-selector-button__language-code">\n            {{ (appShellService.state$ | async).activeLanguage }}\n        </span>\n    </button>\n</ng-container>\n\n<ng-template #languageSelectorIcon>\n    @if (euiPrimary) {\n        <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="primary"></eui-icon-svg>\n    } @else {\n        <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n    }\n</ng-template>\n', styles: ['.eui-language-selector{align-items:center;cursor:pointer;display:flex;position:relative}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:none;background:transparent;cursor:pointer}.eui-language-selector-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:0!important;transition:none}.eui-language-selector-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-language-selector-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-language-selector-button__language-code{align-items:center;bottom:50%;display:flex;color:var(--eui-c-white);position:absolute;text-transform:uppercase;top:35%;font:var(--eui-f-s-bold)}.eui-language-selector-menu-language-item{padding:var(--eui-s-m);border-bottom:1px solid var(--eui-c-neutral-bg-light);text-align:center;cursor:pointer}.eui-language-selector-menu-language-item:hover{background:var(--eui-c-neutral-bg-light)}.eui-language-selector--empty{display:none}.eui-language-selector--primary .eui-language-selector-button__language-code{color:var(--eui-c-white)}.eui-language-selector--toolbar-selector .eui-language-selector-button__language-code{color:var(--eui-c-black)}\n'] }]
+  args: [{ selector: "eui-language-selector", encapsulation: ViewEncapsulation3.None, template: '<ng-container *ngIf="!hasLanguageSelection">\n    <button class="eui-language-selector-button" (click)="onClick()">\n        <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n        <span class="eui-language-selector-button__language-code">\n            {{ (appShellService.state$ | async).activeLanguage }}\n        </span>\n    </button>\n</ng-container>\n\n<ng-container *ngIf="isShowDropDown && hasLanguageSelection">\n    <eui-dropdown>\n        <button class="eui-language-selector-button">\n            <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n            <span class="eui-language-selector-button__language-code">\n                {{ (appShellService.state$ | async).activeLanguage }}\n            </span>\n        </button>\n        <eui-dropdown-content>\n            <div class="eui-language-selector-menu">\n                <div\n                    *ngFor="let language of languages"\n                    euiDropdownItem\n                    attr.data-e2e="eui-language-selector-item_{{ language.code }}"\n                    class="eui-language-selector-menu-language-item"\n                    (click)="onLanguageChanged(language)">\n                    {{ language.label }} ({{ language.code }})\n                </div>\n            </div>\n        </eui-dropdown-content>\n    </eui-dropdown>\n</ng-container>\n\n<ng-container *ngIf="isShowModal && hasLanguageSelection">\n    <button class="eui-language-selector-button" (click)="open()">\n        <ng-template *ngTemplateOutlet="languageSelectorIcon"></ng-template>\n        <span class="eui-language-selector-button__language-code">\n            {{ (appShellService.state$ | async).activeLanguage }}\n        </span>\n    </button>\n</ng-container>\n\n<ng-template #languageSelectorIcon>\n    @if (euiPrimary) {\n        <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="primary"></eui-icon-svg>\n    } @else {\n        <eui-icon-svg icon="eui-ecl-language" size="l" fillColor="white"></eui-icon-svg>\n    }\n</ng-template>\n', styles: ['.eui-language-selector{align-items:center;cursor:pointer;display:flex;position:relative}.eui-language-selector-button{justify-content:center;position:relative;align-items:center;display:flex;width:100%;padding:0;border:var(--eui-bw-none);background:transparent;cursor:pointer}.eui-language-selector-button:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:0!important;transition:none}.eui-language-selector-button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-language-selector-button [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:0!important;transition:none}.eui-language-selector-button__language-code{align-items:center;bottom:50%;display:flex;color:var(--eui-c-white);position:absolute;text-transform:uppercase;top:35%;font:var(--eui-f-s-bold)}.eui-language-selector-menu-language-item{padding:var(--eui-s-m);border-bottom:1px solid var(--eui-c-neutral-bg-light);text-align:center;cursor:pointer}.eui-language-selector-menu-language-item:hover{background:var(--eui-c-neutral-bg-light)}.eui-language-selector--empty{display:none}.eui-language-selector--primary .eui-language-selector-button__language-code{color:var(--eui-c-white)}.eui-language-selector--toolbar-selector .eui-language-selector-button__language-code{color:var(--eui-c-black)}\n'] }]
 }], ctorParameters: () => [{ type: i02.ChangeDetectorRef }, { type: i12.EuiDialogService }, { type: i22.EuiAppShellService }, { type: i32.TranslateService }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]

package/fesm2022/eui-components-eui-language-selector.mjs.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-language-selector/modal-selector/modal-selector.component.ts", "../../eui-language-selector/modal-selector/modal-selector.component.html", "../../eui-language-selector/language-selector.component.ts", "../../eui-language-selector/language-selector.component.html", "../../eui-language-selector/language-selector.module.ts"],
   "sourcesContent": ["import { Component, ViewEncapsulation, ChangeDetectionStrategy, OnInit, Inject } from '@angular/core';\nimport { EuiEuLanguages, EuiLanguage } from '@eui/base';\n\nimport { DIALOG_COMPONENT_CONFIG } from '@eui/components/eui-dialog';\nimport { EuiDialogService } from '@eui/components/eui-dialog';\n\n@Component({\n    selector: 'eui-modal-selector',\n    templateUrl: './modal-selector.component.html',\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiModalSelectorComponent implements OnInit {\n    public languageRows: EuiLanguage[][] = [];\n    public additionaLanguageRows: EuiLanguage[][] = [];\n\n    private selectedLanguage: EuiLanguage;\n\n    constructor(\n        private euiDialogService: EuiDialogService,\n        @Inject(DIALOG_COMPONENT_CONFIG)\n        public config: {\n            languages: EuiLanguage[];\n            selectedLanguage: EuiLanguage;\n            languageChanged: (language: EuiLanguage) => void;\n        },\n    ) {}\n\n    ngOnInit(): void {\n        this.languageRows = this.prepareLanguageRows(EuiEuLanguages.filterEULanguages(this.config.languages));\n        this.additionaLanguageRows = this.prepareLanguageRows(EuiEuLanguages.filterNonEULanguages(this.config.languages));\n    }\n\n    selectLanguage(languageCode: EuiLanguage): void {\n        if (this.selectedLanguage?.code !== languageCode.code) {\n            for (const language of this.config.languages) {\n                if (language.code === languageCode.code) {\n                    this.selectedLanguage = language;\n                    break;\n                }\n            }\n        }\n\n        this.config.languageChanged(languageCode);\n        this.euiDialogService.closeDialog();\n    }\n\n    private prepareLanguageRows(languages: EuiLanguage[]): EuiLanguage[][] {\n        const rows: EuiLanguage[][] = [];\n        let row: EuiLanguage[] = [];\n\n        for (let i = 0; i < languages.length; i++) {\n            if (i % 4 === 0) {\n                if (row.length > 0) {\n                    rows.push(row);\n                    row = [];\n                }\n            }\n            row.push(languages[i]);\n        }\n\n        if (row.length > 0) {\n            rows.push(row);\n        }\n\n        return rows;\n    }\n}\n", "<h4 *ngIf=\"additionaLanguageRows?.length > 0\">EU official languages</h4>\n<div id=\"eu_languages\" *ngFor=\"let row of languageRows\" class=\"row\">\n    <div *ngFor=\"let language of row\" class=\"col-md-6 mb-2\">\n        <button\n            type=\"button\"\n            e2eAttr=\"eui-language-selector-item_{{ language.code }}\"\n            euiButton\n            euiBlockButton\n            [euiSecondary]=\"language.code !== config.selectedLanguage.code\"\n            [euiPrimary]=\"language.code === config.selectedLanguage.code\"\n            (click)=\"selectLanguage(language)\">\n            {{ language.label }} ({{ language.code }})\n        </button>\n    </div>\n</div>\n<ng-container *ngIf=\"additionaLanguageRows?.length > 0\">\n    <br />\n    <h4>Non-EU Languages</h4>\n    <div id=\"extra_languages\" *ngFor=\"let row of additionaLanguageRows\" class=\"row\">\n        <div *ngFor=\"let language of row\" class=\"col-md-6 mb-2\">\n            <button\n                type=\"button\"\n                e2eAttr=\"eui-language-selector-item_{{ language.code }}\"\n                euiButton\n                euiBlockButton\n                [euiSecondary]=\"language.code !== config.selectedLanguage.code\"\n                [euiPrimary]=\"language.code === config.selectedLanguage.code\"\n                (click)=\"selectLanguage(language)\">\n                {{ language.label }} ({{ language.code }})\n            </button>\n        </div>\n    </div>\n</ng-container>\n", "import {\n    Component,\n    ViewEncapsulation,\n    HostBinding,\n    OnDestroy,\n    OnInit,\n    ChangeDetectorRef,\n    Input,\n    Output,\n    EventEmitter,\n    booleanAttribute,\n} from '@angular/core';\nimport { distinctUntilKeyChanged, map, takeUntil } from 'rxjs/operators';\nimport { Subject } from 'rxjs';\nimport { TranslateService } from '@ngx-translate/core';\n\nimport { EuiEuLanguages, EuiLanguage } from '@eui/base';\nimport { EuiAppShellService } from '@eui/core';\nimport { EuiDialogConfig, EuiDialogService } from '@eui/components/eui-dialog';\n\nimport { EuiModalSelectorComponent } from './modal-selector/modal-selector.component';\n\n@Component({\n    selector: 'eui-language-selector',\n    templateUrl: './language-selector.component.html',\n    styleUrls: ['./_styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiLanguageSelectorComponent implements OnInit, OnDestroy {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-language-selector',\n            this.languages?.length <= 1 ? 'eui-language-selector--empty' : '',\n            this.euiPrimary ? 'eui-language-selector--primary' : '',\n            this.isToolbarSelector ? 'eui-language-selector--toolbar-selector' : '',\n        ].join(' ').trim();\n    }\n\n    languages: EuiLanguage[];\n    selectedLanguage: EuiLanguage;\n\n    @Input({ transform: booleanAttribute }) hasLanguageSelection = true;\n    @Input({ transform: booleanAttribute }) isToolbarSelector = false;\n    @Input({ transform: booleanAttribute }) euiPrimary = false;\n\n    @Output() languageSelectorClick = new EventEmitter<null>();\n\n    private destroy$: Subject<boolean> = new Subject<boolean>();\n\n    constructor(\n        private cd: ChangeDetectorRef,\n        private euiDialogService: EuiDialogService,\n        public appShellService: EuiAppShellService,\n        private translateService: TranslateService,\n    ) {\n    }\n\n    /**\n     * returns true if there are at least one and max four languages.\n     */\n    get isShowDropDown(): boolean {\n        return this.languages?.length > 1 && this.languages?.length < 4;\n    }\n\n    /**\n     * returns true if there are at least five languages.\n     */\n    get isShowModal(): boolean {\n        return this.languages?.length >= 4;\n    }\n\n    ngOnInit(): void {\n        // update languages array based on AppShell State 'language' changes\n        this.appShellService.state$\n            .pipe(\n                takeUntil(this.destroy$),\n                distinctUntilKeyChanged('languages'),\n                map((state) => state.languages),\n            )\n            .subscribe((languages) => {\n                this.languages = languages ? EuiEuLanguages.getOrderedLanguages(languages) : EuiEuLanguages.getLanguages();\n                this.cd.detectChanges();\n            });\n\n        // update activeLanguage array based on AppShell State 'language' changes\n        this.appShellService.state$\n            .pipe(\n                takeUntil(this.destroy$),\n                distinctUntilKeyChanged('activeLanguage'),\n                map((state) => state.activeLanguage),\n            )\n            .subscribe((activeLanguage) => {\n                this.selectedLanguage = this.getLanguage(activeLanguage);\n                this.cd.detectChanges();\n            });\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next(true);\n        this.destroy$.unsubscribe();\n    }\n\n    onLanguageChanged(language: EuiLanguage): void {\n        // Update the AppShellService state\n        this.appShellService.setState({\n            ...this.appShellService.state,\n            activeLanguage: language.code,\n        });\n    }\n\n    /**\n     * Opens the modal that renders the UxLanguage array with modal actions bindings to this Component\n     */\n    open(titleLabel: string = this.translateService.instant('eui.languageSelector.modalTitle')): void {\n        this.euiDialogService.openDialog(\n            new EuiDialogConfig({\n                title: titleLabel,\n                hasFooter: false,\n                hasClosedOnClickOutside: true,\n                bodyComponent: {\n                    component: EuiModalSelectorComponent,\n                    config: {\n                        languages: this.languages,\n                        selectedLanguage: this.selectedLanguage,\n                        languageChanged: (language: EuiLanguage) => this.onLanguageChanged(language),\n                    },\n                },\n            }),\n        );\n    }\n\n    onClick(): void {\n        this.languageSelectorClick.emit();\n    }\n\n    /**\n     * returns the UxLanguage Object from a given language code\n     *\n     * @param languageCode two char language code\n     * @protected\n     */\n    protected getLanguage(languageCode: string): EuiLanguage {\n        return this.languages.find((lang) => lang.code === languageCode);\n    }\n}\n", "<ng-container *ngIf=\"!hasLanguageSelection\">\n    <button class=\"eui-language-selector-button\" (click)=\"onClick()\">\n        <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n        <span class=\"eui-language-selector-button__language-code\">\n            {{ (appShellService.state$ | async).activeLanguage }}\n        </span>\n    </button>\n</ng-container>\n\n<ng-container *ngIf=\"isShowDropDown && hasLanguageSelection\">\n    <eui-dropdown>\n        <button class=\"eui-language-selector-button\">\n            <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n            <span class=\"eui-language-selector-button__language-code\">\n                {{ (appShellService.state$ | async).activeLanguage }}\n            </span>\n        </button>\n        <eui-dropdown-content>\n            <div class=\"eui-language-selector-menu\">\n                <div\n                    *ngFor=\"let language of languages\"\n                    euiDropdownItem\n                    attr.data-e2e=\"eui-language-selector-item_{{ language.code }}\"\n                    class=\"eui-language-selector-menu-language-item\"\n                    (click)=\"onLanguageChanged(language)\">\n                    {{ language.label }} ({{ language.code }})\n                </div>\n            </div>\n        </eui-dropdown-content>\n    </eui-dropdown>\n</ng-container>\n\n<ng-container *ngIf=\"isShowModal && hasLanguageSelection\">\n    <button class=\"eui-language-selector-button\" (click)=\"open()\">\n        <ng-template *ngTemplateOutlet=\"languageSelectorIcon\"></ng-template>\n        <span class=\"eui-language-selector-button__language-code\">\n            {{ (appShellService.state$ | async).activeLanguage }}\n        </span>\n    </button>\n</ng-container>\n\n<ng-template #languageSelectorIcon>\n    @if (euiPrimary) {\n        <eui-icon-svg icon=\"eui-ecl-language\" size=\"l\" fillColor=\"primary\"></eui-icon-svg>\n    } @else {\n        <eui-icon-svg icon=\"eui-ecl-language\" size=\"l\" fillColor=\"white\"></eui-icon-svg>\n    }\n</ng-template>\n", "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiDropdownModule } from '@eui/components/eui-dropdown';\nimport { EuiDialogModule } from '@eui/components/eui-dialog';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\nimport { EuiLanguageSelectorComponent } from './language-selector.component';\nimport { EuiModalSelectorComponent } from './modal-selector/modal-selector.component';\n\n@NgModule({\n    imports: [CommonModule, EuiDropdownModule, EuiButtonModule, EuiDialogModule, EuiIconModule],\n    exports: [EuiLanguageSelectorComponent],\n    declarations: [EuiLanguageSelectorComponent, EuiModalSelectorComponent],\n})\nexport class EuiLanguageSelectorModule {}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["Component", "ViewEncapsulation", "EuiEuLanguages", "i0"]
 }

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

@@ -38,7 +38,7 @@ var EuiListItemComponent = class _EuiListItemComponent {
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: _EuiListItemComponent, deps: [{ token: i1.BaseStatesDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: { e2eAttr: "e2eAttr", isActive: ["isActive", "isActive", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.data-e2e": "this.e2eAttr", "attr.tabindex": "this.tabindex" } }, queries: [{ propertyName: "euiArrowKeyNavigableDirective", first: true, predicate: i0.forwardRef(() => EuiArrowKeyNavigableDirective), descendants: true }, { propertyName: "euiListComponent", predicate: i0.forwardRef(() => EuiListComponent), descendants: true }, { propertyName: "euiIconSvgComponent", predicate: i0.forwardRef(() => EuiIconSvgComponent), descendants: true }, { propertyName: "euiLabelComponent", predicate: i0.forwardRef(() => EuiLabelComponent), descendants: true }, { propertyName: "templates", predicate: i0.forwardRef(() => EuiTemplateDirective), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: '<div class="eui-list-item__container" [class.eui-list-item--has-submenu]="euiListComponent.length > 0">\n    <div class="eui-list-item__content">\n        <div *ngIf="euiIconSvgComponent.length > 0" class="eui-list-item__content-icon">\n            <ng-content select="[eui-icon-svg], [euiIconSvg]"></ng-content>\n        </div>\n        <div *ngIf="euiLabelComponent.length > 0" class="eui-list-item__content-text">\n            <ng-content select="[eui-label], [euiLabel]"></ng-content>\n        </div>\n        <ng-content></ng-content>\n    </div>\n\n    <div\n        class="eui-list-item__sub-list"\n        *ngIf="(euiListComponent.length > 0) || (euiListComponent.length > 0)">\n        <ng-content select="[eui-list], [euiList]"></ng-content>\n    </div>\n</div>\n', styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\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-rc.0", type: _EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: { e2eAttr: "e2eAttr", isActive: ["isActive", "isActive", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.data-e2e": "this.e2eAttr", "attr.tabindex": "this.tabindex" } }, queries: [{ propertyName: "euiArrowKeyNavigableDirective", first: true, predicate: i0.forwardRef(() => EuiArrowKeyNavigableDirective), descendants: true }, { propertyName: "euiListComponent", predicate: i0.forwardRef(() => EuiListComponent), descendants: true }, { propertyName: "euiIconSvgComponent", predicate: i0.forwardRef(() => EuiIconSvgComponent), descendants: true }, { propertyName: "euiLabelComponent", predicate: i0.forwardRef(() => EuiLabelComponent), descendants: true }, { propertyName: "templates", predicate: i0.forwardRef(() => EuiTemplateDirective), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: '<div class="eui-list-item__container" [class.eui-list-item--has-submenu]="euiListComponent.length > 0">\n    <div class="eui-list-item__content">\n        <div *ngIf="euiIconSvgComponent.length > 0" class="eui-list-item__content-icon">\n            <ng-content select="[eui-icon-svg], [euiIconSvg]"></ng-content>\n        </div>\n        <div *ngIf="euiLabelComponent.length > 0" class="eui-list-item__content-text">\n            <ng-content select="[eui-label], [euiLabel]"></ng-content>\n        </div>\n        <ng-content></ng-content>\n    </div>\n\n    <div\n        class="eui-list-item__sub-list"\n        *ngIf="(euiListComponent.length > 0) || (euiListComponent.length > 0)">\n        <ng-content select="[eui-list], [euiList]"></ng-content>\n    </div>\n</div>\n', styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:var(--eui-bw-s) solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\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-rc.0", ngImport: i0, type: EuiListItemComponent, decorators: [{
@@ -57,7 +57,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ng
         "euiVariant"
       ]
     }
-  ], template: '<div class="eui-list-item__container" [class.eui-list-item--has-submenu]="euiListComponent.length > 0">\n    <div class="eui-list-item__content">\n        <div *ngIf="euiIconSvgComponent.length > 0" class="eui-list-item__content-icon">\n            <ng-content select="[eui-icon-svg], [euiIconSvg]"></ng-content>\n        </div>\n        <div *ngIf="euiLabelComponent.length > 0" class="eui-list-item__content-text">\n            <ng-content select="[eui-label], [euiLabel]"></ng-content>\n        </div>\n        <ng-content></ng-content>\n    </div>\n\n    <div\n        class="eui-list-item__sub-list"\n        *ngIf="(euiListComponent.length > 0) || (euiListComponent.length > 0)">\n        <ng-content select="[eui-list], [euiList]"></ng-content>\n    </div>\n</div>\n', styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n'] }]
+  ], template: '<div class="eui-list-item__container" [class.eui-list-item--has-submenu]="euiListComponent.length > 0">\n    <div class="eui-list-item__content">\n        <div *ngIf="euiIconSvgComponent.length > 0" class="eui-list-item__content-icon">\n            <ng-content select="[eui-icon-svg], [euiIconSvg]"></ng-content>\n        </div>\n        <div *ngIf="euiLabelComponent.length > 0" class="eui-list-item__content-text">\n            <ng-content select="[eui-label], [euiLabel]"></ng-content>\n        </div>\n        <ng-content></ng-content>\n    </div>\n\n    <div\n        class="eui-list-item__sub-list"\n        *ngIf="(euiListComponent.length > 0) || (euiListComponent.length > 0)">\n        <ng-content select="[eui-list], [euiList]"></ng-content>\n    </div>\n</div>\n', styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:var(--eui-bw-s) solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n'] }]
 }], ctorParameters: () => [{ type: i1.BaseStatesDirective }, { type: i0.ElementRef }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]
@@ -146,12 +146,12 @@ var EuiListComponent = class _EuiListComponent {
     this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i02, type: _EuiListComponent, deps: [], target: i02.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiListComponent, selector: "[euiList], eui-list", host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.tabindex": "this.tabIndex" } }, queries: [{ propertyName: "items", predicate: i02.forwardRef(() => EuiListItemComponent), descendants: true }], ngImport: i02, template: "<ng-content></ng-content>\n", styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n'], changeDetection: i02.ChangeDetectionStrategy.OnPush, encapsulation: i02.ViewEncapsulation.None });
+    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiListComponent, selector: "[euiList], eui-list", host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.tabindex": "this.tabIndex" } }, queries: [{ propertyName: "items", predicate: i02.forwardRef(() => EuiListItemComponent), descendants: true }], ngImport: i02, template: "<ng-content></ng-content>\n", styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:var(--eui-bw-s) solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n'], changeDetection: i02.ChangeDetectionStrategy.OnPush, encapsulation: i02.ViewEncapsulation.None });
   }
 };
 i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i02, type: EuiListComponent, decorators: [{
   type: Component2,
-  args: [{ selector: "[euiList], eui-list", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation3.None, template: "<ng-content></ng-content>\n", styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n'] }]
+  args: [{ selector: "[euiList], eui-list", changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation3.None, template: "<ng-content></ng-content>\n", styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:var(--eui-bw-s) solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:var(--eui-bw-none);box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n'] }]
 }], propDecorators: { cssClasses: [{
   type: HostBinding2,
   args: ["class"]

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-list/eui-list-item/eui-list-item.component.ts", "../../eui-list/eui-list-item/eui-list-item.component.html", "../../eui-list/eui-list.component.ts", "../../eui-list/eui-list.component.html", "../../eui-list/eui-list.module.ts"],
   "sourcesContent": ["import {\n    Component,\n    HostBinding,\n    HostListener,\n    ViewEncapsulation,\n    ContentChildren,\n    forwardRef,\n    QueryList,\n    Input,\n    ElementRef,\n    booleanAttribute,\n    ContentChild,\n} from '@angular/core';\nimport { Highlightable, FocusableOption } from '@angular/cdk/a11y';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiListComponent } from '../eui-list.component';\nimport { EuiIconSvgComponent } from '@eui/components/eui-icon';\nimport { EuiLabelComponent } from '@eui/components/eui-label';\nimport { EuiTemplateDirective, EuiArrowKeyNavigableDirective } from '@eui/components/directives';\n\n@Component({\n    templateUrl: './eui-list-item.component.html',\n    selector: '[euiListItem], eui-list-item',\n    styleUrls: ['../styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: BaseStatesDirective,\n            inputs: [\n                'euiPrimary',\n                'euiSecondary',\n                'euiSuccess',\n                'euiInfo',\n                'euiWarning',\n                'euiDanger',\n                'euiAccent',\n                'euiVariant',\n            ],\n        },\n    ],\n})\nexport class EuiListItemComponent implements FocusableOption, Highlightable {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            this.baseStatesDirective.getCssClasses('eui-list-item'),\n            this.isActive ? 'eui-list-item--active' : '',\n        ].join(' ').trim();\n    }\n\n    @HostBinding('attr.role') role = 'listitem';\n    @HostBinding('attr.data-e2e') @Input() e2eAttr = 'eui-list-item';\n    @HostBinding('attr.tabindex') tabindex = '-1';\n\n    @ContentChildren(forwardRef(() => EuiListComponent), { descendants: true }) euiListComponent: QueryList<EuiListComponent>;\n    @ContentChildren(forwardRef(() => EuiIconSvgComponent), { descendants: true }) euiIconSvgComponent: QueryList<EuiIconSvgComponent>;\n    @ContentChildren(forwardRef(() => EuiLabelComponent), { descendants: true }) euiLabelComponent: QueryList<EuiLabelComponent>;\n    @ContentChildren(forwardRef(() => EuiTemplateDirective), { descendants: true }) templates: QueryList<EuiTemplateDirective>;\n    @ContentChild(forwardRef(() => EuiArrowKeyNavigableDirective)) euiArrowKeyNavigableDirective: EuiArrowKeyNavigableDirective;\n\n    @Input({ transform: booleanAttribute }) isActive = false;\n\n    constructor(\n        public baseStatesDirective: BaseStatesDirective,\n        private elementRef: ElementRef,\n    ) {\n    }\n\n    public focus(): void {\n        this.elementRef.nativeElement.focus();\n    }\n\n    public click(): void {\n        this.elementRef.nativeElement.click();\n    }\n\n    public setActiveStyles(): void {\n        this.isActive = true;\n    }\n\n    public setInactiveStyles(): void {\n        this.isActive = false;\n    }\n}\n", "<div class=\"eui-list-item__container\" [class.eui-list-item--has-submenu]=\"euiListComponent.length > 0\">\n    <div class=\"eui-list-item__content\">\n        <div *ngIf=\"euiIconSvgComponent.length > 0\" class=\"eui-list-item__content-icon\">\n            <ng-content select=\"[eui-icon-svg], [euiIconSvg]\"></ng-content>\n        </div>\n        <div *ngIf=\"euiLabelComponent.length > 0\" class=\"eui-list-item__content-text\">\n            <ng-content select=\"[eui-label], [euiLabel]\"></ng-content>\n        </div>\n        <ng-content></ng-content>\n    </div>\n\n    <div\n        class=\"eui-list-item__sub-list\"\n        *ngIf=\"(euiListComponent.length > 0) || (euiListComponent.length > 0)\">\n        <ng-content select=\"[eui-list], [euiList]\"></ng-content>\n    </div>\n</div>\n", "import {\n    Component,\n    HostBinding,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    AfterContentInit,\n    ContentChildren,\n    forwardRef,\n    QueryList,\n    HostListener,\n} from '@angular/core';\nimport { FocusKeyManager } from '@angular/cdk/a11y';\n\nimport { EuiListItemComponent } from './eui-list-item/eui-list-item.component';\n\n@Component({\n    templateUrl: './eui-list.component.html',\n    selector: '[euiList], eui-list',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiListComponent implements AfterContentInit {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return 'eui-list';\n    }\n\n    @HostBinding('attr.role') role = 'list';\n    @HostBinding('attr.tabindex') tabIndex: string;\n    @ContentChildren(forwardRef(() => EuiListItemComponent), { descendants: true }) items: QueryList<EuiListItemComponent>;\n    private focusKeyManager: FocusKeyManager<EuiListItemComponent>;\n\n    @HostListener('keydown', ['$event'])\n    onKeydown(event: KeyboardEvent): void {\n        switch (event.key) {\n            case 'Enter': {\n                if (this.focusKeyManager?.activeItem) {\n                    this.focusKeyManager.activeItem.click();\n                }\n                break;\n            }\n            case 'ArrowRight': {\n               if(this.focusKeyManager.activeItem?.euiArrowKeyNavigableDirective){\n                    this.checkRichContentFocusState();\n               }\n               break;\n            }\n            case 'ArrowLeft': {\n               if(this.focusKeyManager.activeItem?.euiArrowKeyNavigableDirective){\n                    this.checkRichContentFocusState();\n               }\n               break;\n            }\n            default: {\n                this.focusKeyManager.onKeydown(event);\n                break;\n            }\n        }\n    }\n\n    ngAfterContentInit(): void {\n        // instantiates FocusKeyManager with the query list of items enabling wrapping\n        this.focusKeyManager = new FocusKeyManager(this.items).withWrap();\n\n        // checks whether an item contains a sub-menu and if so it sets it's ul element tabindex to -1\n        this.items.forEach((item) => {\n            if (item.euiListComponent.length > 0) {\n                item.euiListComponent.forEach((list) => (list.tabIndex = '-1'));\n            } else {\n                this.tabIndex = '0';\n            }\n        });\n    }\n\n    checkRichContentFocusState(): void {\n        !this.focusKeyManager.activeItem.euiArrowKeyNavigableDirective.isFocused ? this.focusKeyManager.activeItem.euiArrowKeyNavigableDirective.elementRef.nativeElement.focus() : this.focusKeyManager.activeItem.focus();\n    }\n}\n", "<ng-content></ng-content>\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiListComponent } from './eui-list.component';\nimport { EuiListItemComponent } from './eui-list-item/eui-list-item.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiLabelModule } from '@eui/components/eui-label';\nimport { EuiButtonModule } from '@eui/components/eui-button';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiButtonModule, EuiLabelModule],\n    declarations: [EuiListComponent, EuiListItemComponent],\n    exports: [EuiListComponent, EuiListItemComponent],\n})\nexport class EuiListModule {}\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["Component", "HostBinding", "ViewEncapsulation", "ContentChildren", "forwardRef", "i0"]
 }

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

@@ -357,7 +357,7 @@ var EuiMenuItemComponent = class _EuiMenuItemComponent {
         @if (isCollapsed) {
             <eui-badge [euiVariant]="item.tagTypeClass" class="eui-menu-item__link-dotted-badge"></eui-badge>
         } @else {
-            <eui-badge euiSizeS [euiVariant]="item.tagTypeClass">
+            <eui-badge [euiVariant]="item.tagTypeClass">
                 {{ item.tagLabel }}
             </eui-badge>
         }
@@ -400,7 +400,7 @@ var EuiMenuItemComponent = class _EuiMenuItemComponent {
         <eui-icon-svg *ngIf="!item.expanded" icon="eui-chevron-down"></eui-icon-svg>
     </button>
 </ng-template>
-`, styles: ['.eui-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin-block-start:0;margin-block-end:0;margin:0;padding:0;width:100%}.eui-menu:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item__link-start-block{gap:0}.eui-menu--collapsed .eui-menu-item__link-content-block,.eui-menu--collapsed .eui-menu-item__link-end-block{visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-dotted-badge{position:absolute;top:var(--eui-s-2xs);right:var(--eui-s-2xs);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-toggle{display:inherit;position:absolute;right:calc(-1 * var(--eui-s-xs));transform:scale(.75);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border:1px solid var(--eui-c-neutral-lightest);border-radius:var(--eui-s-xs);font:var(--eui-f-s-bold);justify-content:center;margin-left:calc(-1 * var(--eui-s-2xs));min-width:var(--eui-s-2xl)}.eui-menu--collapsed .eui-menu-item--expanded:first-child{border-bottom:none;padding-bottom:0}.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link,.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-s)}.eui-menu--no-items{color:var(--eui-c-neutral-lighter);text-align:center}.eui-menu-filter{display:flex;padding:var(--eui-s-m);position:relative;width:100%}.eui-menu-item{display:flex;position:relative;width:100%;border:1px solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-menu-item__content{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link{align-items:center;color:var(--eui-c-text);cursor:pointer;display:flex;font:var(--eui-f-m);gap:var(--eui-s-xs);padding:var(--eui-s-xs) var(--eui-s-2xs) calc(var(--eui-s-xs) - 2px) var(--eui-s-m);border-top:1px solid var(--eui-c-neutral-bg);text-decoration:none;width:100%}.eui-menu-item__link.eui-menu-item__link-category{cursor:default}.eui-menu-item__link-start-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link-start-block:empty{display:none}.eui-menu-item__link-content-block{display:flex;flex-direction:column;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label{color:var(--eui-c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label-category{padding-top:var(--eui-s-xs);font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-end-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);text-decoration:none}.eui-menu-item__link--disabled{opacity:var(--eui-o-50);pointer-events:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);font:var(--eui-f-m-bold)}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item--expanded{display:flex;flex-direction:column}.eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-3xl)}.eui-menu-item .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-xl);padding-bottom:var(--eui-s-2xs);padding-top:var(--eui-s-2xs);border-top:0}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.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: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "directive", type: i6.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }, { kind: "component", type: i7.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }], encapsulation: i0.ViewEncapsulation.None });
+`, styles: ['.eui-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin-block-start:0;margin-block-end:0;margin:0;padding:0;width:100%}.eui-menu:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item__link-start-block{gap:0}.eui-menu--collapsed .eui-menu-item__link-content-block,.eui-menu--collapsed .eui-menu-item__link-end-block{visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-dotted-badge{position:absolute;top:var(--eui-s-2xs);right:var(--eui-s-2xs);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-toggle{display:inherit;position:absolute;right:calc(-1 * var(--eui-s-xs));transform:scale(.75);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-s-xs);font:var(--eui-f-s-bold);justify-content:center;margin-left:calc(-1 * var(--eui-s-2xs));min-width:var(--eui-s-2xl)}.eui-menu--collapsed .eui-menu-item--expanded:first-child{border-bottom:none;padding-bottom:0}.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link,.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-s)}.eui-menu--no-items{color:var(--eui-c-neutral-lighter);text-align:center}.eui-menu-filter{display:flex;padding:var(--eui-s-m);position:relative;width:100%}.eui-menu-item{display:flex;position:relative;width:100%;border:var(--eui-bw-xs) solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-menu-item__content{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link{align-items:center;color:var(--eui-c-text);cursor:pointer;display:flex;font:var(--eui-f-m);gap:var(--eui-s-xs);padding:var(--eui-s-xs) var(--eui-s-2xs) calc(var(--eui-s-xs) - 2px) var(--eui-s-m);border-top:1px solid var(--eui-c-neutral-bg);text-decoration:none;width:100%}.eui-menu-item__link.eui-menu-item__link-category{cursor:default}.eui-menu-item__link-start-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link-start-block:empty{display:none}.eui-menu-item__link-content-block{display:flex;flex-direction:column;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label{color:var(--eui-c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label-category{padding-top:var(--eui-s-xs);font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-end-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);text-decoration:none}.eui-menu-item__link--disabled{opacity:var(--eui-o-50);pointer-events:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);font:var(--eui-f-m-bold)}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item--expanded{display:flex;flex-direction:column}.eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-3xl)}.eui-menu-item .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-xl);padding-bottom:var(--eui-s-2xs);padding-top:var(--eui-s-2xs);border-top:0}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.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: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "directive", type: i6.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }, { kind: "component", type: i7.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }], encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiMenuItemComponent, decorators: [{
@@ -634,7 +634,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ng
         @if (isCollapsed) {
             <eui-badge [euiVariant]="item.tagTypeClass" class="eui-menu-item__link-dotted-badge"></eui-badge>
         } @else {
-            <eui-badge euiSizeS [euiVariant]="item.tagTypeClass">
+            <eui-badge [euiVariant]="item.tagTypeClass">
                 {{ item.tagLabel }}
             </eui-badge>
         }
@@ -677,7 +677,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ng
         <eui-icon-svg *ngIf="!item.expanded" icon="eui-chevron-down"></eui-icon-svg>
     </button>
 </ng-template>
-`, styles: ['.eui-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin-block-start:0;margin-block-end:0;margin:0;padding:0;width:100%}.eui-menu:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item__link-start-block{gap:0}.eui-menu--collapsed .eui-menu-item__link-content-block,.eui-menu--collapsed .eui-menu-item__link-end-block{visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-dotted-badge{position:absolute;top:var(--eui-s-2xs);right:var(--eui-s-2xs);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-toggle{display:inherit;position:absolute;right:calc(-1 * var(--eui-s-xs));transform:scale(.75);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border:1px solid var(--eui-c-neutral-lightest);border-radius:var(--eui-s-xs);font:var(--eui-f-s-bold);justify-content:center;margin-left:calc(-1 * var(--eui-s-2xs));min-width:var(--eui-s-2xl)}.eui-menu--collapsed .eui-menu-item--expanded:first-child{border-bottom:none;padding-bottom:0}.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link,.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-s)}.eui-menu--no-items{color:var(--eui-c-neutral-lighter);text-align:center}.eui-menu-filter{display:flex;padding:var(--eui-s-m);position:relative;width:100%}.eui-menu-item{display:flex;position:relative;width:100%;border:1px solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-menu-item__content{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link{align-items:center;color:var(--eui-c-text);cursor:pointer;display:flex;font:var(--eui-f-m);gap:var(--eui-s-xs);padding:var(--eui-s-xs) var(--eui-s-2xs) calc(var(--eui-s-xs) - 2px) var(--eui-s-m);border-top:1px solid var(--eui-c-neutral-bg);text-decoration:none;width:100%}.eui-menu-item__link.eui-menu-item__link-category{cursor:default}.eui-menu-item__link-start-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link-start-block:empty{display:none}.eui-menu-item__link-content-block{display:flex;flex-direction:column;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label{color:var(--eui-c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label-category{padding-top:var(--eui-s-xs);font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-end-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);text-decoration:none}.eui-menu-item__link--disabled{opacity:var(--eui-o-50);pointer-events:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);font:var(--eui-f-m-bold)}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item--expanded{display:flex;flex-direction:column}.eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-3xl)}.eui-menu-item .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-xl);padding-bottom:var(--eui-s-2xs);padding-top:var(--eui-s-2xs);border-top:0}\n'] }]
+`, styles: ['.eui-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin-block-start:0;margin-block-end:0;margin:0;padding:0;width:100%}.eui-menu:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item__link-start-block{gap:0}.eui-menu--collapsed .eui-menu-item__link-content-block,.eui-menu--collapsed .eui-menu-item__link-end-block{visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-dotted-badge{position:absolute;top:var(--eui-s-2xs);right:var(--eui-s-2xs);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-toggle{display:inherit;position:absolute;right:calc(-1 * var(--eui-s-xs));transform:scale(.75);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-s-xs);font:var(--eui-f-s-bold);justify-content:center;margin-left:calc(-1 * var(--eui-s-2xs));min-width:var(--eui-s-2xl)}.eui-menu--collapsed .eui-menu-item--expanded:first-child{border-bottom:none;padding-bottom:0}.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link,.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-s)}.eui-menu--no-items{color:var(--eui-c-neutral-lighter);text-align:center}.eui-menu-filter{display:flex;padding:var(--eui-s-m);position:relative;width:100%}.eui-menu-item{display:flex;position:relative;width:100%;border:var(--eui-bw-xs) solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-menu-item__content{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link{align-items:center;color:var(--eui-c-text);cursor:pointer;display:flex;font:var(--eui-f-m);gap:var(--eui-s-xs);padding:var(--eui-s-xs) var(--eui-s-2xs) calc(var(--eui-s-xs) - 2px) var(--eui-s-m);border-top:1px solid var(--eui-c-neutral-bg);text-decoration:none;width:100%}.eui-menu-item__link.eui-menu-item__link-category{cursor:default}.eui-menu-item__link-start-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link-start-block:empty{display:none}.eui-menu-item__link-content-block{display:flex;flex-direction:column;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label{color:var(--eui-c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label-category{padding-top:var(--eui-s-xs);font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-end-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);text-decoration:none}.eui-menu-item__link--disabled{opacity:var(--eui-o-50);pointer-events:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);font:var(--eui-f-m-bold)}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item--expanded{display:flex;flex-direction:column}.eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-3xl)}.eui-menu-item .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-xl);padding-bottom:var(--eui-s-2xs);padding-top:var(--eui-s-2xs);border-top:0}\n'] }]
 }], ctorParameters: () => [{ type: i1.BaseStatesDirective }, { type: i0.ElementRef }], propDecorators: { role: [{
   type: HostBinding,
   args: ["attr.role"]
@@ -1121,7 +1121,7 @@ var EuiMenuComponent = class _EuiMenuComponent {
     this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i02, type: _EuiMenuComponent, deps: [{ token: i12.Router }, { token: i12.ActivatedRoute }, { token: i22.BaseStatesDirective }, { token: i02.ChangeDetectorRef }], target: i02.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.0", type: _EuiMenuComponent, selector: "eui-menu", inputs: { items: "items", searchFilterLabel: "searchFilterLabel", externalLinkLabel: "externalLinkLabel", fragmentId: "fragmentId", filterValue: "filterValue", isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute2], hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute2], hasFilter: ["hasFilter", "hasFilter", booleanAttribute2], hasIcons: ["hasIcons", "hasIcons", booleanAttribute2], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute2], expandAllItems: ["expandAllItems", "expandAllItems", booleanAttribute2], isFlat: ["isFlat", "isFlat", booleanAttribute2], hasScrollToItem: ["hasScrollToItem", "hasScrollToItem", booleanAttribute2] }, outputs: { isClick: "isClick", itemClick: "itemClick" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "focusableItems", predicate: EuiMenuItemComponent, descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i22.BaseStatesDirective }], ngImport: i02, template: '@if (hasFilter && !isCollapsed) {\n    <div class="eui-menu-filter" (click)="onMenuFilterClick($event)">\n        <eui-icon-input>\n            <eui-icon-svg icon="eui-search" fillColor="neutral-lighter" aria-label="Search Icon"></eui-icon-svg>\n            <input\n                euiInputText\n                [euiClearable]="true"\n                (input)="onFilter($event)"\n                [placeholder]="searchFilterLabel"\n                [attr.aria-label]="searchFilterLabel"\n                [value]="filterValue" />\n        </eui-icon-input>\n    </div>\n}\n\n<ul euiList class="eui-menu" role="menubar" aria-orientation="vertical" tabindex="0" (keydown)="onKeydown($event)">\n    @if (items) {\n        <ng-template ngFor let-item let-index [ngForOf]="items">\n            <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: item, index: index }"> </ng-template>\n        </ng-template>\n    } @else {\n        <span class="eui-menu--no-items">No menu items defined</span>\n    }\n</ul>\n\n<!-- describe the recursive template of the menu item -->\n<ng-template #menuItemTemplateRef let-item="menuItem" let-parent="parent" let-i="index">\n    <!-- render the menu item-->\n    <eui-menu-item\n        *ngIf="item.filtered"\n        [item]="item"\n        [parent]="parent"\n        [hasIcon]="hasIcons"\n        [hasTooltip]="hasTooltip"\n        [isCollapsed]="isCollapsed"\n        [hasCollapsedInitials]="hasCollapsedInitials"\n        (expandToggle)="onExpandToggle($event)"\n        (itemClick)="onClick($event)">\n        <!-- if the menu item has children, render the children -->\n        <ul euiList *ngIf="item.children && item.expanded" class="eui-menu eui-menu-sub" role="menu" [attr.aria-label]="item.label" tabindex="-1">\n            <ng-container *ngFor="let child of item.children; let childIndex = index">\n                <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: child, index: childIndex, parent: item }">\n                </ng-template>\n            </ng-container>\n        </ul>\n    </eui-menu-item>\n</ng-template>\n', styles: ['.eui-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin-block-start:0;margin-block-end:0;margin:0;padding:0;width:100%}.eui-menu:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item__link-start-block{gap:0}.eui-menu--collapsed .eui-menu-item__link-content-block,.eui-menu--collapsed .eui-menu-item__link-end-block{visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-dotted-badge{position:absolute;top:var(--eui-s-2xs);right:var(--eui-s-2xs);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-toggle{display:inherit;position:absolute;right:calc(-1 * var(--eui-s-xs));transform:scale(.75);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border:1px solid var(--eui-c-neutral-lightest);border-radius:var(--eui-s-xs);font:var(--eui-f-s-bold);justify-content:center;margin-left:calc(-1 * var(--eui-s-2xs));min-width:var(--eui-s-2xl)}.eui-menu--collapsed .eui-menu-item--expanded:first-child{border-bottom:none;padding-bottom:0}.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link,.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-s)}.eui-menu--no-items{color:var(--eui-c-neutral-lighter);text-align:center}.eui-menu-filter{display:flex;padding:var(--eui-s-m);position:relative;width:100%}.eui-menu-item{display:flex;position:relative;width:100%;border:1px solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-menu-item__content{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link{align-items:center;color:var(--eui-c-text);cursor:pointer;display:flex;font:var(--eui-f-m);gap:var(--eui-s-xs);padding:var(--eui-s-xs) var(--eui-s-2xs) calc(var(--eui-s-xs) - 2px) var(--eui-s-m);border-top:1px solid var(--eui-c-neutral-bg);text-decoration:none;width:100%}.eui-menu-item__link.eui-menu-item__link-category{cursor:default}.eui-menu-item__link-start-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link-start-block:empty{display:none}.eui-menu-item__link-content-block{display:flex;flex-direction:column;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label{color:var(--eui-c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label-category{padding-top:var(--eui-s-xs);font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-end-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);text-decoration:none}.eui-menu-item__link--disabled{opacity:var(--eui-o-50);pointer-events:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);font:var(--eui-f-m-bold)}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item--expanded{display:flex;flex-direction:column}.eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-3xl)}.eui-menu-item .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-xl);padding-bottom:var(--eui-s-2xs);padding-top:var(--eui-s-2xs);border-top:0}\n'], dependencies: [{ kind: "directive", type: i32.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i32.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i32.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i42.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: "component", type: i42.EuiIconInputComponent, selector: "eui-icon-input", inputs: ["euiIconPositionStart", "euiIconPositionEnd"] }, { kind: "component", type: i52.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: ["item", "parent", "hasIcon", "hasTooltip", "isCollapsed", "hasCollapsedInitials"], outputs: ["expandToggle", "itemClick"] }], encapsulation: i02.ViewEncapsulation.None });
+    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.0", type: _EuiMenuComponent, selector: "eui-menu", inputs: { items: "items", searchFilterLabel: "searchFilterLabel", externalLinkLabel: "externalLinkLabel", fragmentId: "fragmentId", filterValue: "filterValue", isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute2], hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute2], hasFilter: ["hasFilter", "hasFilter", booleanAttribute2], hasIcons: ["hasIcons", "hasIcons", booleanAttribute2], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute2], expandAllItems: ["expandAllItems", "expandAllItems", booleanAttribute2], isFlat: ["isFlat", "isFlat", booleanAttribute2], hasScrollToItem: ["hasScrollToItem", "hasScrollToItem", booleanAttribute2] }, outputs: { isClick: "isClick", itemClick: "itemClick" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "focusableItems", predicate: EuiMenuItemComponent, descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i22.BaseStatesDirective }], ngImport: i02, template: '@if (hasFilter && !isCollapsed) {\n    <div class="eui-menu-filter" (click)="onMenuFilterClick($event)">\n        <eui-icon-input>\n            <eui-icon-svg icon="eui-search" fillColor="neutral-lighter" aria-label="Search Icon"></eui-icon-svg>\n            <input\n                euiInputText\n                [euiClearable]="true"\n                (input)="onFilter($event)"\n                [placeholder]="searchFilterLabel"\n                [attr.aria-label]="searchFilterLabel"\n                [value]="filterValue" />\n        </eui-icon-input>\n    </div>\n}\n\n<ul euiList class="eui-menu" role="menubar" aria-orientation="vertical" tabindex="0" (keydown)="onKeydown($event)">\n    @if (items) {\n        <ng-template ngFor let-item let-index [ngForOf]="items">\n            <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: item, index: index }"> </ng-template>\n        </ng-template>\n    } @else {\n        <span class="eui-menu--no-items">No menu items defined</span>\n    }\n</ul>\n\n<!-- describe the recursive template of the menu item -->\n<ng-template #menuItemTemplateRef let-item="menuItem" let-parent="parent" let-i="index">\n    <!-- render the menu item-->\n    <eui-menu-item\n        *ngIf="item.filtered"\n        [item]="item"\n        [parent]="parent"\n        [hasIcon]="hasIcons"\n        [hasTooltip]="hasTooltip"\n        [isCollapsed]="isCollapsed"\n        [hasCollapsedInitials]="hasCollapsedInitials"\n        (expandToggle)="onExpandToggle($event)"\n        (itemClick)="onClick($event)">\n        <!-- if the menu item has children, render the children -->\n        <ul euiList *ngIf="item.children && item.expanded" class="eui-menu eui-menu-sub" role="menu" [attr.aria-label]="item.label" tabindex="-1">\n            <ng-container *ngFor="let child of item.children; let childIndex = index">\n                <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: child, index: childIndex, parent: item }">\n                </ng-template>\n            </ng-container>\n        </ul>\n    </eui-menu-item>\n</ng-template>\n', styles: ['.eui-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin-block-start:0;margin-block-end:0;margin:0;padding:0;width:100%}.eui-menu:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item__link-start-block{gap:0}.eui-menu--collapsed .eui-menu-item__link-content-block,.eui-menu--collapsed .eui-menu-item__link-end-block{visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-dotted-badge{position:absolute;top:var(--eui-s-2xs);right:var(--eui-s-2xs);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-toggle{display:inherit;position:absolute;right:calc(-1 * var(--eui-s-xs));transform:scale(.75);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-s-xs);font:var(--eui-f-s-bold);justify-content:center;margin-left:calc(-1 * var(--eui-s-2xs));min-width:var(--eui-s-2xl)}.eui-menu--collapsed .eui-menu-item--expanded:first-child{border-bottom:none;padding-bottom:0}.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link,.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-s)}.eui-menu--no-items{color:var(--eui-c-neutral-lighter);text-align:center}.eui-menu-filter{display:flex;padding:var(--eui-s-m);position:relative;width:100%}.eui-menu-item{display:flex;position:relative;width:100%;border:var(--eui-bw-xs) solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-menu-item__content{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link{align-items:center;color:var(--eui-c-text);cursor:pointer;display:flex;font:var(--eui-f-m);gap:var(--eui-s-xs);padding:var(--eui-s-xs) var(--eui-s-2xs) calc(var(--eui-s-xs) - 2px) var(--eui-s-m);border-top:1px solid var(--eui-c-neutral-bg);text-decoration:none;width:100%}.eui-menu-item__link.eui-menu-item__link-category{cursor:default}.eui-menu-item__link-start-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link-start-block:empty{display:none}.eui-menu-item__link-content-block{display:flex;flex-direction:column;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label{color:var(--eui-c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label-category{padding-top:var(--eui-s-xs);font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-end-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);text-decoration:none}.eui-menu-item__link--disabled{opacity:var(--eui-o-50);pointer-events:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);font:var(--eui-f-m-bold)}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item--expanded{display:flex;flex-direction:column}.eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-3xl)}.eui-menu-item .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-xl);padding-bottom:var(--eui-s-2xs);padding-top:var(--eui-s-2xs);border-top:0}\n'], dependencies: [{ kind: "directive", type: i32.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i32.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i32.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i42.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: "component", type: i42.EuiIconInputComponent, selector: "eui-icon-input", inputs: ["euiIconPositionStart", "euiIconPositionEnd"] }, { kind: "component", type: i52.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: ["item", "parent", "hasIcon", "hasTooltip", "isCollapsed", "hasCollapsedInitials"], outputs: ["expandToggle", "itemClick"] }], encapsulation: i02.ViewEncapsulation.None });
   }
 };
 i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i02, type: EuiMenuComponent, decorators: [{
@@ -1130,7 +1130,7 @@ i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", n
     {
       directive: BaseStatesDirective3
     }
-  ], encapsulation: ViewEncapsulation3.None, template: '@if (hasFilter && !isCollapsed) {\n    <div class="eui-menu-filter" (click)="onMenuFilterClick($event)">\n        <eui-icon-input>\n            <eui-icon-svg icon="eui-search" fillColor="neutral-lighter" aria-label="Search Icon"></eui-icon-svg>\n            <input\n                euiInputText\n                [euiClearable]="true"\n                (input)="onFilter($event)"\n                [placeholder]="searchFilterLabel"\n                [attr.aria-label]="searchFilterLabel"\n                [value]="filterValue" />\n        </eui-icon-input>\n    </div>\n}\n\n<ul euiList class="eui-menu" role="menubar" aria-orientation="vertical" tabindex="0" (keydown)="onKeydown($event)">\n    @if (items) {\n        <ng-template ngFor let-item let-index [ngForOf]="items">\n            <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: item, index: index }"> </ng-template>\n        </ng-template>\n    } @else {\n        <span class="eui-menu--no-items">No menu items defined</span>\n    }\n</ul>\n\n<!-- describe the recursive template of the menu item -->\n<ng-template #menuItemTemplateRef let-item="menuItem" let-parent="parent" let-i="index">\n    <!-- render the menu item-->\n    <eui-menu-item\n        *ngIf="item.filtered"\n        [item]="item"\n        [parent]="parent"\n        [hasIcon]="hasIcons"\n        [hasTooltip]="hasTooltip"\n        [isCollapsed]="isCollapsed"\n        [hasCollapsedInitials]="hasCollapsedInitials"\n        (expandToggle)="onExpandToggle($event)"\n        (itemClick)="onClick($event)">\n        <!-- if the menu item has children, render the children -->\n        <ul euiList *ngIf="item.children && item.expanded" class="eui-menu eui-menu-sub" role="menu" [attr.aria-label]="item.label" tabindex="-1">\n            <ng-container *ngFor="let child of item.children; let childIndex = index">\n                <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: child, index: childIndex, parent: item }">\n                </ng-template>\n            </ng-container>\n        </ul>\n    </eui-menu-item>\n</ng-template>\n', styles: ['.eui-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin-block-start:0;margin-block-end:0;margin:0;padding:0;width:100%}.eui-menu:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item__link-start-block{gap:0}.eui-menu--collapsed .eui-menu-item__link-content-block,.eui-menu--collapsed .eui-menu-item__link-end-block{visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-dotted-badge{position:absolute;top:var(--eui-s-2xs);right:var(--eui-s-2xs);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-toggle{display:inherit;position:absolute;right:calc(-1 * var(--eui-s-xs));transform:scale(.75);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border:1px solid var(--eui-c-neutral-lightest);border-radius:var(--eui-s-xs);font:var(--eui-f-s-bold);justify-content:center;margin-left:calc(-1 * var(--eui-s-2xs));min-width:var(--eui-s-2xl)}.eui-menu--collapsed .eui-menu-item--expanded:first-child{border-bottom:none;padding-bottom:0}.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link,.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-s)}.eui-menu--no-items{color:var(--eui-c-neutral-lighter);text-align:center}.eui-menu-filter{display:flex;padding:var(--eui-s-m);position:relative;width:100%}.eui-menu-item{display:flex;position:relative;width:100%;border:1px solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-menu-item__content{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link{align-items:center;color:var(--eui-c-text);cursor:pointer;display:flex;font:var(--eui-f-m);gap:var(--eui-s-xs);padding:var(--eui-s-xs) var(--eui-s-2xs) calc(var(--eui-s-xs) - 2px) var(--eui-s-m);border-top:1px solid var(--eui-c-neutral-bg);text-decoration:none;width:100%}.eui-menu-item__link.eui-menu-item__link-category{cursor:default}.eui-menu-item__link-start-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link-start-block:empty{display:none}.eui-menu-item__link-content-block{display:flex;flex-direction:column;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label{color:var(--eui-c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label-category{padding-top:var(--eui-s-xs);font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-end-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);text-decoration:none}.eui-menu-item__link--disabled{opacity:var(--eui-o-50);pointer-events:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);font:var(--eui-f-m-bold)}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item--expanded{display:flex;flex-direction:column}.eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-3xl)}.eui-menu-item .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-xl);padding-bottom:var(--eui-s-2xs);padding-top:var(--eui-s-2xs);border-top:0}\n'] }]
+  ], encapsulation: ViewEncapsulation3.None, template: '@if (hasFilter && !isCollapsed) {\n    <div class="eui-menu-filter" (click)="onMenuFilterClick($event)">\n        <eui-icon-input>\n            <eui-icon-svg icon="eui-search" fillColor="neutral-lighter" aria-label="Search Icon"></eui-icon-svg>\n            <input\n                euiInputText\n                [euiClearable]="true"\n                (input)="onFilter($event)"\n                [placeholder]="searchFilterLabel"\n                [attr.aria-label]="searchFilterLabel"\n                [value]="filterValue" />\n        </eui-icon-input>\n    </div>\n}\n\n<ul euiList class="eui-menu" role="menubar" aria-orientation="vertical" tabindex="0" (keydown)="onKeydown($event)">\n    @if (items) {\n        <ng-template ngFor let-item let-index [ngForOf]="items">\n            <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: item, index: index }"> </ng-template>\n        </ng-template>\n    } @else {\n        <span class="eui-menu--no-items">No menu items defined</span>\n    }\n</ul>\n\n<!-- describe the recursive template of the menu item -->\n<ng-template #menuItemTemplateRef let-item="menuItem" let-parent="parent" let-i="index">\n    <!-- render the menu item-->\n    <eui-menu-item\n        *ngIf="item.filtered"\n        [item]="item"\n        [parent]="parent"\n        [hasIcon]="hasIcons"\n        [hasTooltip]="hasTooltip"\n        [isCollapsed]="isCollapsed"\n        [hasCollapsedInitials]="hasCollapsedInitials"\n        (expandToggle)="onExpandToggle($event)"\n        (itemClick)="onClick($event)">\n        <!-- if the menu item has children, render the children -->\n        <ul euiList *ngIf="item.children && item.expanded" class="eui-menu eui-menu-sub" role="menu" [attr.aria-label]="item.label" tabindex="-1">\n            <ng-container *ngFor="let child of item.children; let childIndex = index">\n                <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: child, index: childIndex, parent: item }">\n                </ng-template>\n            </ng-container>\n        </ul>\n    </eui-menu-item>\n</ng-template>\n', styles: ['.eui-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin-block-start:0;margin-block-end:0;margin:0;padding:0;width:100%}.eui-menu:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item__link-start-block{gap:0}.eui-menu--collapsed .eui-menu-item__link-content-block,.eui-menu--collapsed .eui-menu-item__link-end-block{visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-dotted-badge{position:absolute;top:var(--eui-s-2xs);right:var(--eui-s-2xs);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-toggle{display:inherit;position:absolute;right:calc(-1 * var(--eui-s-xs));transform:scale(.75);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-s-xs);font:var(--eui-f-s-bold);justify-content:center;margin-left:calc(-1 * var(--eui-s-2xs));min-width:var(--eui-s-2xl)}.eui-menu--collapsed .eui-menu-item--expanded:first-child{border-bottom:none;padding-bottom:0}.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link,.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-s)}.eui-menu--no-items{color:var(--eui-c-neutral-lighter);text-align:center}.eui-menu-filter{display:flex;padding:var(--eui-s-m);position:relative;width:100%}.eui-menu-item{display:flex;position:relative;width:100%;border:var(--eui-bw-xs) solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-menu-item__content{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link{align-items:center;color:var(--eui-c-text);cursor:pointer;display:flex;font:var(--eui-f-m);gap:var(--eui-s-xs);padding:var(--eui-s-xs) var(--eui-s-2xs) calc(var(--eui-s-xs) - 2px) var(--eui-s-m);border-top:1px solid var(--eui-c-neutral-bg);text-decoration:none;width:100%}.eui-menu-item__link.eui-menu-item__link-category{cursor:default}.eui-menu-item__link-start-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link-start-block:empty{display:none}.eui-menu-item__link-content-block{display:flex;flex-direction:column;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label{color:var(--eui-c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label-category{padding-top:var(--eui-s-xs);font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-end-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);text-decoration:none}.eui-menu-item__link--disabled{opacity:var(--eui-o-50);pointer-events:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);font:var(--eui-f-m-bold)}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item--expanded{display:flex;flex-direction:column}.eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-3xl)}.eui-menu-item .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-xl);padding-bottom:var(--eui-s-2xs);padding-top:var(--eui-s-2xs);border-top:0}\n'] }]
 }], ctorParameters: () => [{ type: i12.Router }, { type: i12.ActivatedRoute }, { type: i22.BaseStatesDirective }, { type: i02.ChangeDetectorRef }], propDecorators: { focusableItems: [{
   type: ViewChildren,
   args: [EuiMenuItemComponent]