@eui/components 18.0.0-next.20 → 18.0.0-next.22

package/fesm2022/eui-components-eui-input-text.mjs

@@ -42,7 +42,7 @@ var EuiInputTextComponent = class _EuiInputTextComponent extends InputDirective
     this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: _EuiInputTextComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiInputTextComponent, selector: "input[euiInputText]", inputs: { isInvalid: "isInvalid" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, hostDirectives: [{ directive: i2.EuiClearableDirective, inputs: ["euiClearable", "euiClearable", "readonly", "readonly", "disabled", "disabled"] }, { directive: i2.EuiLoadingDirective, inputs: ["euiLoading", "euiLoading", "readonly", "readonly"] }], ngImport: i0, template: "", isInline: true, styles: ['.eui-input-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);color:var(--eui-base-color-grey-100);display:block;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);width:100%}.eui-input-text:active:not([readonly]),.eui-input-text:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-text [tabindex="0"]:active:not([readonly]),.eui-input-text [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-text::placeholder{color:var(--eui-base-color-grey-50)!important;opacity:1}.eui-input-text[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;pointer-events:none}.eui-input-text[readonly]+.eui-feedback-message,.eui-input-text[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-input-text[disabled]:not([readonly]),.eui-input-text--disabled:not([readonly]){background-color:var(--eui-base-color-grey-5)!important;border:1px solid var(--eui-base-color-grey-25)!important;color:var(--eui-base-color-grey-75);pointer-events:none}.eui-input-text--invalid,.eui-input-text--danger{border:1px solid var(--eui-base-color-danger-100)}.eui-input-text--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-input-text--clearable-icon:active:not([readonly]),.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-text--clearable-icon [tabindex="0"]:active:not([readonly]),.eui-input-text--clearable-icon [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-text--clearable-icon>svg{fill:var(--eui-base-color-grey-35)}.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-base-color-danger-100)}.eui-input-text--loading{padding-right:var(--eui-base-spacing-2xl)}.eui-input-text--loading-icon{align-items:center;display:flex}.eui-input-text--loading-icon:after,.eui-input-text--loading-icon:before{content:"";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.eui-input-text--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-input-text--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-input-text--loading-icon--sm:after,.eui-input-text--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-input-text[readonly]{pointer-events:auto}.eui-input-text[type=search]::-webkit-search-cancel-button{display:none}\n'], encapsulation: i0.ViewEncapsulation.None });
+    this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiInputTextComponent, selector: "input[euiInputText]", inputs: { isInvalid: "isInvalid" }, host: { properties: { "class": "this.class" } }, usesInheritance: true, hostDirectives: [{ directive: i2.EuiClearableDirective, inputs: ["euiClearable", "euiClearable", "readonly", "readonly", "disabled", "disabled"] }, { directive: i2.EuiLoadingDirective, inputs: ["euiLoading", "euiLoading", "readonly", "readonly"] }], ngImport: i0, template: "", isInline: true, styles: ['.eui-input-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);color:var(--eui-base-color-grey-100);display:block;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);width:100%}.eui-input-text:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-input-text:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-input-text [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-input-text::placeholder{color:var(--eui-base-color-grey-50)!important;opacity:1}.eui-input-text[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;pointer-events:none}.eui-input-text[readonly]+.eui-feedback-message,.eui-input-text[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-input-text[disabled]:not([readonly]),.eui-input-text--disabled:not([readonly]){background-color:var(--eui-base-color-grey-5)!important;border:1px solid var(--eui-base-color-grey-25)!important;color:var(--eui-base-color-grey-75);pointer-events:none}.eui-input-text--invalid,.eui-input-text--danger{border:1px solid var(--eui-base-color-danger-100)}.eui-input-text--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-input-text--clearable-icon [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-input-text--clearable-icon>svg{fill:var(--eui-base-color-grey-35)}.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-base-color-danger-100)}.eui-input-text--loading{padding-right:var(--eui-base-spacing-2xl)}.eui-input-text--loading-icon{align-items:center;display:flex}.eui-input-text--loading-icon:after,.eui-input-text--loading-icon:before{content:"";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.eui-input-text--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-input-text--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-input-text--loading-icon--sm:after,.eui-input-text--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-input-text[readonly]{pointer-events:auto}.eui-input-text[type=search]::-webkit-search-cancel-button{display:none}\n'], encapsulation: i0.ViewEncapsulation.None });
   }
 };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i0, type: EuiInputTextComponent, decorators: [{
@@ -56,7 +56,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
       directive: EuiLoadingDirective,
       inputs: ["euiLoading", "readonly"]
     }
-  ], styles: ['.eui-input-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);color:var(--eui-base-color-grey-100);display:block;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);width:100%}.eui-input-text:active:not([readonly]),.eui-input-text:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-text [tabindex="0"]:active:not([readonly]),.eui-input-text [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-text::placeholder{color:var(--eui-base-color-grey-50)!important;opacity:1}.eui-input-text[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;pointer-events:none}.eui-input-text[readonly]+.eui-feedback-message,.eui-input-text[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-input-text[disabled]:not([readonly]),.eui-input-text--disabled:not([readonly]){background-color:var(--eui-base-color-grey-5)!important;border:1px solid var(--eui-base-color-grey-25)!important;color:var(--eui-base-color-grey-75);pointer-events:none}.eui-input-text--invalid,.eui-input-text--danger{border:1px solid var(--eui-base-color-danger-100)}.eui-input-text--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-input-text--clearable-icon:active:not([readonly]),.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-text--clearable-icon [tabindex="0"]:active:not([readonly]),.eui-input-text--clearable-icon [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-input-text--clearable-icon>svg{fill:var(--eui-base-color-grey-35)}.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-base-color-danger-100)}.eui-input-text--loading{padding-right:var(--eui-base-spacing-2xl)}.eui-input-text--loading-icon{align-items:center;display:flex}.eui-input-text--loading-icon:after,.eui-input-text--loading-icon:before{content:"";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.eui-input-text--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-input-text--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-input-text--loading-icon--sm:after,.eui-input-text--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-input-text[readonly]{pointer-events:auto}.eui-input-text[type=search]::-webkit-search-cancel-button{display:none}\n'] }]
+  ], styles: ['.eui-input-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);appearance:none;background-color:var(--eui-base-color-white);border:1px solid var(--eui-base-color-grey-50);border-radius:var(--eui-base-border-radius);box-shadow:var(--eui-app-box-shadow);color:var(--eui-base-color-grey-100);display:block;padding:calc(var(--eui-base-spacing-xs) - 2px) calc(var(--eui-base-spacing-m) - 2px);width:100%}.eui-input-text:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-input-text:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-input-text [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-input-text::placeholder{color:var(--eui-base-color-grey-50)!important;opacity:1}.eui-input-text[readonly]{background-color:transparent;border-color:transparent!important;box-shadow:none;height:inherit;pointer-events:none}.eui-input-text[readonly]+.eui-feedback-message,.eui-input-text[readonly]+.eui-input-maxlength{appearance:none;display:none}.eui-input-text[disabled]:not([readonly]),.eui-input-text--disabled:not([readonly]){background-color:var(--eui-base-color-grey-5)!important;border:1px solid var(--eui-base-color-grey-25)!important;color:var(--eui-base-color-grey-75);pointer-events:none}.eui-input-text--invalid,.eui-input-text--danger{border:1px solid var(--eui-base-color-danger-100)}.eui-input-text--clearable{padding-right:var(--eui-base-spacing-2xl)}.eui-input-text--clearable-icon{cursor:pointer;position:absolute;right:var(--eui-base-spacing-s);-webkit-user-select:none;user-select:none;visibility:visible}.eui-input-text--clearable-icon:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-input-text--clearable-icon:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-input-text--clearable-icon [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-input-text--clearable-icon>svg{fill:var(--eui-base-color-grey-35)}.eui-input-text--clearable-icon>svg:hover{fill:var(--eui-base-color-danger-100)}.eui-input-text--loading{padding-right:var(--eui-base-spacing-2xl)}.eui-input-text--loading-icon{align-items:center;display:flex}.eui-input-text--loading-icon:after,.eui-input-text--loading-icon:before{content:"";height:var(--eui-base-spacing-l);position:absolute;right:var(--eui-base-spacing-s);width:var(--eui-base-spacing-l)}.eui-input-text--loading-icon:before{border:var(--eui-base-spacing-2xs) solid rgba(0,0,0,.35);border-radius:100%}.eui-input-text--loading-icon:after{animation:eui-loading .6s linear;animation-iteration-count:infinite;border-color:var(--eui-base-color-white) transparent transparent;border-radius:100%;border-style:solid;border-width:var(--eui-base-spacing-2xs);box-shadow:0 0 0 1px transparent}.eui-input-text--loading-icon--sm:after,.eui-input-text--loading-icon--sm:before{height:var(--eui-base-spacing-m);width:var(--eui-base-spacing-m)}@keyframes eui-loading{to{transform:rotate(360deg)}}.eui-input-text[readonly]{pointer-events:auto}.eui-input-text[type=search]::-webkit-search-cancel-button{display:none}\n'] }]
 }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
   type: Optional
 }, {

package/fesm2022/eui-components-eui-input-text.mjs.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../eui-input-text/eui-input-text.component.ts", "../../eui-input-text/eui-input-text.module.ts"],
   "sourcesContent": ["import {\n    Component,\n    DoCheck,\n    ElementRef,\n    Self,\n    HostBinding,\n    Injector,\n    Input,\n    OnDestroy,\n    OnInit,\n    Optional,\n    Renderer2,\n    ViewEncapsulation,\n} from '@angular/core';\nimport { NgControl } from '@angular/forms';\nimport { InputDirective } from '@eui/components/shared';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { EuiClearableDirective, EuiLoadingDirective } from '@eui/components/directives';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: 'input[euiInputText]',\n    template: '',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n    hostDirectives: [\n        {\n            directive: EuiClearableDirective,\n            inputs: ['euiClearable', 'readonly', 'disabled'],\n        },\n        {\n            directive: EuiLoadingDirective,\n            inputs: ['euiLoading', 'readonly'],\n        },\n    ],\n})\nexport class EuiInputTextComponent extends InputDirective implements OnInit, OnDestroy, DoCheck {\n    @HostBinding('class')\n    // TODO v18 - check why this is applied\n    // @Input()\n    // public set class(cssClass: string) {\n    //     super.styleClass = cssClass;\n    // }\n    public get class(): string {\n        return [super.getCssClasses('eui-input-text'), this._isInvalid ? 'eui-input-text--invalid' : ''].join(' ').trim();\n    }\n\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    constructor(\n        @Optional() @Self() protected control: NgControl,\n        protected _elementRef: ElementRef,\n        protected _renderer: Renderer2,\n        injector: Injector,\n    ) {\n        super(_elementRef, _renderer, injector);\n    }\n\n    ngOnInit(): void {\n        super.ngOnInit();\n        this._renderer.setProperty(this._elementRef.nativeElement, 'rootClassName', 'eui-input-text');\n    }\n\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n\n    ngDoCheck(): void {\n        if (this.control) {\n            this.isInvalid = this.control.invalid && this.control.touched;\n        }\n    }\n\n    protected setInvalid(state?: BooleanInput): 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        super.euiDanger = this._isInvalid;\n    }\n}\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiInputTextComponent } from './eui-input-text.component';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [EuiInputTextComponent],\n    exports: [EuiInputTextComponent],\n})\nexport class EuiInputTextModule {}\n"],
-  "mappings": ";AAAA,SACI,WAGA,MACA,aAEA,OAGA,UAEA,yBACG;AAEP,SAAS,sBAAsB;AAC/B,SAAS,6BAA2C;AACpD,SAAS,uBAAuB,2BAA2B;;;;AAmBrD,IAAO,wBAAP,MAAO,+BAA8B,eAAc;EACrD,IAMW,QAAK;AACZ,WAAO,CAAC,MAAM,cAAc,gBAAgB,GAAG,KAAK,aAAa,4BAA4B,EAAE,EAAE,KAAK,GAAG,EAAE,KAAI;EACnH;EAEA,IACW,YAAS;AAChB,WAAO,KAAK,cAAc;EAC9B;EACA,IAAW,UAAU,OAAmB;AACpC,SAAK,WAAW,KAAK;EACzB;EAGA,YACkC,SACpB,aACA,WACV,UAAkB;AAElB,UAAM,aAAa,WAAW,QAAQ;AALR,SAAA,UAAA;AACpB,SAAA,cAAA;AACA,SAAA,YAAA;EAId;EAEA,WAAQ;AACJ,UAAM,SAAQ;AACd,SAAK,UAAU,YAAY,KAAK,YAAY,eAAe,iBAAiB,gBAAgB;EAChG;EAEA,cAAW;AACP,UAAM,YAAW;EACrB;EAEA,YAAS;AACL,QAAI,KAAK,SAAS;AACd,WAAK,YAAY,KAAK,QAAQ,WAAW,KAAK,QAAQ;IAC1D;EACJ;EAEU,WAAW,OAAoB;AAErC,SAAK,aAAa,KAAK,UAAU,KAAK,QAAQ,WAAW,KAAK,QAAQ,UAAU,sBAAsB,KAAK;AAG3G,UAAM,YAAY,KAAK;EAC3B;;4GAlDS,wBAAqB,MAAA,CAAA,EAAA,OAAA,cAAA,UAAA,MAAA,MAAA,KAAA,GAAA,EAAA,OAAA,cAAA,GAAA,EAAA,OAAA,aAAA,GAAA,EAAA,OAAA,YAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAArB,wBAAqB,UAAA,uBAAA,QAAA,EAAA,WAAA,YAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,aAAA,EAAA,GAAA,iBAAA,MAAA,gBAAA,CAAA,EAAA,WAAA,0BAAA,QAAA,CAAA,gBAAA,gBAAA,YAAA,YAAA,YAAA,UAAA,EAAA,GAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,YAAA,UAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UAdpB,IAAE,UAAA,MAAA,QAAA,CAAA,w0GAAA,GAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGAcH,uBAAqB,YAAA,CAAA;QAjBjC;qBAEa,uBAAqB,UACrB,IAAE,eAEG,kBAAkB,MAAI,gBACrB;IACZ;MACI,WAAW;MACX,QAAQ,CAAC,gBAAgB,YAAY,UAAU;;IAEnD;MACI,WAAW;MACX,QAAQ,CAAC,cAAc,UAAU;;KAExC,QAAA,CAAA,w0GAAA,EAAA,CAAA;;QAuBI;;QAAY;iGAdN,OAAK,CAAA;QANf;SAAY,OAAO;IAWT,WAAS,CAAA;QADnB;;;;AC/CL,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;;AAQvB,IAAO,qBAAP,MAAO,oBAAkB;;8GAAlB,qBAAkB,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAAlB,qBAAkB,cAAA,CAHZ,qBAAqB,GAAA,SAAA,CAD1B,YAAY,GAAA,SAAA,CAEZ,qBAAqB,EAAA,CAAA;EAAA;;+GAEtB,qBAAkB,SAAA,CAJjB,YAAY,EAAA,CAAA;EAAA;;oGAIb,oBAAkB,YAAA,CAAA;QAL9B;SAAS;IACN,SAAS,CAAC,YAAY;IACtB,cAAc,CAAC,qBAAqB;IACpC,SAAS,CAAC,qBAAqB;GAClC;;",
+  "mappings": ";AAAA,SACI,WAGA,MACA,aAEA,OAGA,UAEA,yBACG;AAEP,SAAS,sBAAsB;AAC/B,SAAS,6BAA2C;AACpD,SAAS,uBAAuB,2BAA2B;;;;AAmBrD,IAAO,wBAAP,MAAO,+BAA8B,eAAc;EACrD,IAMW,QAAK;AACZ,WAAO,CAAC,MAAM,cAAc,gBAAgB,GAAG,KAAK,aAAa,4BAA4B,EAAE,EAAE,KAAK,GAAG,EAAE,KAAI;EACnH;EAEA,IACW,YAAS;AAChB,WAAO,KAAK,cAAc;EAC9B;EACA,IAAW,UAAU,OAAmB;AACpC,SAAK,WAAW,KAAK;EACzB;EAGA,YACkC,SACpB,aACA,WACV,UAAkB;AAElB,UAAM,aAAa,WAAW,QAAQ;AALR,SAAA,UAAA;AACpB,SAAA,cAAA;AACA,SAAA,YAAA;EAId;EAEA,WAAQ;AACJ,UAAM,SAAQ;AACd,SAAK,UAAU,YAAY,KAAK,YAAY,eAAe,iBAAiB,gBAAgB;EAChG;EAEA,cAAW;AACP,UAAM,YAAW;EACrB;EAEA,YAAS;AACL,QAAI,KAAK,SAAS;AACd,WAAK,YAAY,KAAK,QAAQ,WAAW,KAAK,QAAQ;IAC1D;EACJ;EAEU,WAAW,OAAoB;AAErC,SAAK,aAAa,KAAK,UAAU,KAAK,QAAQ,WAAW,KAAK,QAAQ,UAAU,sBAAsB,KAAK;AAG3G,UAAM,YAAY,KAAK;EAC3B;;4GAlDS,wBAAqB,MAAA,CAAA,EAAA,OAAA,cAAA,UAAA,MAAA,MAAA,KAAA,GAAA,EAAA,OAAA,cAAA,GAAA,EAAA,OAAA,aAAA,GAAA,EAAA,OAAA,YAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAArB,wBAAqB,UAAA,uBAAA,QAAA,EAAA,WAAA,YAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,aAAA,EAAA,GAAA,iBAAA,MAAA,gBAAA,CAAA,EAAA,WAAA,0BAAA,QAAA,CAAA,gBAAA,gBAAA,YAAA,YAAA,YAAA,UAAA,EAAA,GAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,YAAA,UAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UAdpB,IAAE,UAAA,MAAA,QAAA,CAAA,giHAAA,GAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGAcH,uBAAqB,YAAA,CAAA;QAjBjC;qBAEa,uBAAqB,UACrB,IAAE,eAEG,kBAAkB,MAAI,gBACrB;IACZ;MACI,WAAW;MACX,QAAQ,CAAC,gBAAgB,YAAY,UAAU;;IAEnD;MACI,WAAW;MACX,QAAQ,CAAC,cAAc,UAAU;;KAExC,QAAA,CAAA,giHAAA,EAAA,CAAA;;QAuBI;;QAAY;iGAdN,OAAK,CAAA;QANf;SAAY,OAAO;IAWT,WAAS,CAAA;QADnB;;;;AC/CL,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;;AAQvB,IAAO,qBAAP,MAAO,oBAAkB;;8GAAlB,qBAAkB,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAAlB,qBAAkB,cAAA,CAHZ,qBAAqB,GAAA,SAAA,CAD1B,YAAY,GAAA,SAAA,CAEZ,qBAAqB,EAAA,CAAA;EAAA;;+GAEtB,qBAAkB,SAAA,CAJjB,YAAY,EAAA,CAAA;EAAA;;oGAIb,oBAAkB,YAAA,CAAA;QAL9B;SAAS;IACN,SAAS,CAAC,YAAY;IACtB,cAAc,CAAC,qBAAqB;IACpC,SAAS,CAAC,qBAAqB;GAClC;;",
   "names": []
 }

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

@@ -24,47 +24,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
 }] });
 
 // eui-list-item/eui-list-item.component.mjs
-import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, ContentChildren, forwardRef, Input } from "@angular/core";
-import { coerceBooleanProperty as coerceBooleanProperty2 } from "@angular/cdk/coercion";
-import { BaseDirective } from "@eui/components/shared";
+import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, ContentChildren, forwardRef, Input, booleanAttribute } from "@angular/core";
+import { BaseStatesDirective } from "@eui/components/shared";
 import { EuiIconSvgComponent } from "@eui/components/eui-icon";
 import { EuiLabelComponent } from "@eui/components/eui-label";
 import * as i02 from "@angular/core";
-import * as i2 from "@angular/common";
-import * as i3 from "@eui/components/eui-icon";
-import * as i4 from "@eui/components/eui-button";
-var EuiListItemComponent = class _EuiListItemComponent extends BaseDirective {
+import * as i1 from "@eui/components/shared";
+import * as i3 from "@angular/common";
+import * as i4 from "@eui/components/eui-icon";
+import * as i5 from "@eui/components/eui-button";
+var EuiListItemComponent = class _EuiListItemComponent {
   get cssClasses() {
-    return [super.getCssClasses("eui-list-item"), this._isActive ? "eui-list-item--active" : ""].join(" ").trim();
+    return [
+      this.baseStatesDirective.getCssClasses("eui-list-item"),
+      this.isActive ? "eui-list-item--active" : ""
+    ].join(" ").trim();
   }
-  get isCollapsible() {
-    return this._isCollapsible;
-  }
-  set isCollapsible(value) {
-    this._isCollapsible = coerceBooleanProperty2(value);
-  }
-  get isCollapsed() {
-    return this._isCollapsed;
-  }
-  set isCollapsed(value) {
-    this._isCollapsed = coerceBooleanProperty2(value);
-  }
-  get isActive() {
-    return this._isActive;
-  }
-  set isActive(value) {
-    this._isActive = coerceBooleanProperty2(value);
-  }
-  constructor(euiListService, elementRef) {
-    super();
+  constructor(baseStatesDirective, euiListService, elementRef) {
+    this.baseStatesDirective = baseStatesDirective;
     this.euiListService = euiListService;
     this.elementRef = elementRef;
     this.role = "listitem";
+    this.e2eAttr = "eui-list-item";
     this.tabindex = "-1";
     this.disabled = false;
-    this._isCollapsible = false;
-    this._isCollapsed = true;
-    this._isActive = false;
+    this.isCollapsible = false;
+    this.isCollapsed = true;
+    this.isActive = false;
   }
   ngOnInit() {
     this.isCollapsible = this.euiListService.isCollapsible;
@@ -91,10 +77,10 @@ var EuiListItemComponent = class _EuiListItemComponent extends BaseDirective {
     this.isActive = false;
   }
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i02, type: _EuiListItemComponent, deps: [{ token: EuiListService }, { token: i02.ElementRef }], target: i02.ɵɵFactoryTarget.Component });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i02, type: _EuiListItemComponent, deps: [{ token: i1.BaseStatesDirective }, { token: EuiListService }, { token: i02.ElementRef }], target: i02.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: { disabled: "disabled", isCollapsible: "isCollapsible", isCollapsed: "isCollapsed", isActive: "isActive" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.tabindex": "this.tabindex" } }, queries: [{ propertyName: "euiListComponent", predicate: i02.forwardRef(() => EuiListComponent) }, { propertyName: "euiIconSvgComponent", predicate: i02.forwardRef(() => EuiIconSvgComponent) }, { propertyName: "euiLabelComponent", predicate: i02.forwardRef(() => EuiLabelComponent) }], usesInheritance: true, ngImport: i02, template: `<div class="eui-list-item__container" [class.eui-list-item--has-submenu]="euiListComponent.length > 0">
+    this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: { e2eAttr: "e2eAttr", disabled: ["disabled", "disabled", booleanAttribute], isCollapsible: ["isCollapsible", "isCollapsible", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], isActive: ["isActive", "isActive", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.data-e2e": "this.e2eAttr", "attr.tabindex": "this.tabindex" } }, queries: [{ propertyName: "euiListComponent", predicate: i02.forwardRef(() => EuiListComponent) }, { propertyName: "euiIconSvgComponent", predicate: i02.forwardRef(() => EuiIconSvgComponent) }, { propertyName: "euiLabelComponent", predicate: i02.forwardRef(() => EuiLabelComponent) }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i02, template: `<div class="eui-list-item__container" [class.eui-list-item--has-submenu]="euiListComponent.length > 0">
     <div class="eui-list-item__content">
         <div class="eui-list-item__content-left">
             <div *ngIf="euiIconSvgComponent.length > 0" class="eui-list-item__content-icon-svg">
@@ -129,12 +115,26 @@ var EuiListItemComponent = class _EuiListItemComponent extends BaseDirective {
     </div>
     <ng-content></ng-content>
 </div>
-`, styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list:focus:active:not([readonly]),.eui-list:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-list:focus [tabindex="0"]:active:not([readonly]),.eui-list:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;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-base-spacing-xs) var(--eui-base-spacing-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:hover{background-color:var(--eui-base-color-grey-10)}.eui-list .eui-list-item:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-list .eui-list-item--active{background-color:var(--eui-base-color-primary-10)}.eui-list .eui-list-item--active:active:not([readonly]),.eui-list .eui-list-item--active:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-list .eui-list-item--active [tabindex="0"]:active:not([readonly]),.eui-list .eui-list-item--active [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-list .eui-list-item .eui-list-item__container{display:inline-flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:inline-flex;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-left{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon,.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg .eui-icon-svg{margin-right:var(--eui-base-spacing-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-text{display:flex;flex-direction:column;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-left .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__content .eui-list-item__content-right{align-items:center;display:flex;margin-left:auto}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-right .eui-list-item__content-toggle{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-m);margin-left:var(--eui-base-spacing-s);transition:all .3s linear}.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-base-spacing-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-base-spacing-s)}.eui-list button.eui-list-item{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-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-base-disabled-opacity)}.eui-list-item--primary{color:var(--eui-base-color-primary-100)}.eui-list-item--secondary{color:var(--eui-base-color-grey-75)}.eui-list-item--info{color:var(--eui-base-color-info-100)}.eui-list-item--success{color:var(--eui-base-color-success-100)}.eui-list-item--warning{color:var(--eui-base-color-warning-130)}.eui-list-item--danger{color:var(--eui-base-color-danger-100)}.eui-list-item--accent{color:var(--eui-base-color-accent-140)}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i4.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }], changeDetection: i02.ChangeDetectionStrategy.Default, encapsulation: i02.ViewEncapsulation.None });
+`, styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-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:hover{background-color:var(--eui-ctx-color-hover)}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item--active{background-color:var(--eui-ctx-color-active)}.eui-list .eui-list-item .eui-list-item__container{display:inline-flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:inline-flex;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-left{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon,.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg .eui-icon-svg{margin-right:var(--eui-base-spacing-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-text{display:flex;flex-direction:column;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-left .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__content .eui-list-item__content-right{align-items:center;display:flex;margin-left:auto}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-right .eui-list-item__content-toggle{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-m);margin-left:var(--eui-base-spacing-s);transition:all .3s linear}.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-base-spacing-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-base-spacing-s)}.eui-list button.eui-list-item{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-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-base-disabled-opacity)}.eui-list-item--primary{color:var(--eui-base-color-primary-100)}.eui-list-item--secondary{color:var(--eui-base-color-grey-75)}.eui-list-item--info{color:var(--eui-base-color-info-100)}.eui-list-item--success{color:var(--eui-base-color-success-100)}.eui-list-item--warning{color:var(--eui-base-color-warning-130)}.eui-list-item--danger{color:var(--eui-base-color-danger-100)}.eui-list-item--accent{color:var(--eui-base-color-accent-140)}\n'], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }], changeDetection: i02.ChangeDetectionStrategy.Default, encapsulation: i02.ViewEncapsulation.None });
   }
 };
 i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i02, type: EuiListItemComponent, decorators: [{
   type: Component,
-  args: [{ selector: "[euiListItem], eui-list-item", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: `<div class="eui-list-item__container" [class.eui-list-item--has-submenu]="euiListComponent.length > 0">
+  args: [{ selector: "[euiListItem], eui-list-item", changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, hostDirectives: [
+    {
+      directive: BaseStatesDirective,
+      inputs: [
+        "euiPrimary",
+        "euiSecondary",
+        "euiSuccess",
+        "euiInfo",
+        "euiWarning",
+        "euiDanger",
+        "euiAccent",
+        "euiVariant"
+      ]
+    }
+  ], template: `<div class="eui-list-item__container" [class.eui-list-item--has-submenu]="euiListComponent.length > 0">
     <div class="eui-list-item__content">
         <div class="eui-list-item__content-left">
             <div *ngIf="euiIconSvgComponent.length > 0" class="eui-list-item__content-icon-svg">
@@ -169,13 +169,18 @@ i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
     </div>
     <ng-content></ng-content>
 </div>
-`, styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list:focus:active:not([readonly]),.eui-list:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-list:focus [tabindex="0"]:active:not([readonly]),.eui-list:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;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-base-spacing-xs) var(--eui-base-spacing-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:hover{background-color:var(--eui-base-color-grey-10)}.eui-list .eui-list-item:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-list .eui-list-item--active{background-color:var(--eui-base-color-primary-10)}.eui-list .eui-list-item--active:active:not([readonly]),.eui-list .eui-list-item--active:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-list .eui-list-item--active [tabindex="0"]:active:not([readonly]),.eui-list .eui-list-item--active [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-list .eui-list-item .eui-list-item__container{display:inline-flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:inline-flex;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-left{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon,.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg .eui-icon-svg{margin-right:var(--eui-base-spacing-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-text{display:flex;flex-direction:column;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-left .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__content .eui-list-item__content-right{align-items:center;display:flex;margin-left:auto}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-right .eui-list-item__content-toggle{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-m);margin-left:var(--eui-base-spacing-s);transition:all .3s linear}.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-base-spacing-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-base-spacing-s)}.eui-list button.eui-list-item{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-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-base-disabled-opacity)}.eui-list-item--primary{color:var(--eui-base-color-primary-100)}.eui-list-item--secondary{color:var(--eui-base-color-grey-75)}.eui-list-item--info{color:var(--eui-base-color-info-100)}.eui-list-item--success{color:var(--eui-base-color-success-100)}.eui-list-item--warning{color:var(--eui-base-color-warning-130)}.eui-list-item--danger{color:var(--eui-base-color-danger-100)}.eui-list-item--accent{color:var(--eui-base-color-accent-140)}\n'] }]
-}], ctorParameters: () => [{ type: EuiListService }, { type: i02.ElementRef }], propDecorators: { cssClasses: [{
+`, styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-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:hover{background-color:var(--eui-ctx-color-hover)}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item--active{background-color:var(--eui-ctx-color-active)}.eui-list .eui-list-item .eui-list-item__container{display:inline-flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:inline-flex;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-left{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon,.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg .eui-icon-svg{margin-right:var(--eui-base-spacing-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-text{display:flex;flex-direction:column;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-left .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__content .eui-list-item__content-right{align-items:center;display:flex;margin-left:auto}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-right .eui-list-item__content-toggle{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-m);margin-left:var(--eui-base-spacing-s);transition:all .3s linear}.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-base-spacing-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-base-spacing-s)}.eui-list button.eui-list-item{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-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-base-disabled-opacity)}.eui-list-item--primary{color:var(--eui-base-color-primary-100)}.eui-list-item--secondary{color:var(--eui-base-color-grey-75)}.eui-list-item--info{color:var(--eui-base-color-info-100)}.eui-list-item--success{color:var(--eui-base-color-success-100)}.eui-list-item--warning{color:var(--eui-base-color-warning-130)}.eui-list-item--danger{color:var(--eui-base-color-danger-100)}.eui-list-item--accent{color:var(--eui-base-color-accent-140)}\n'] }]
+}], ctorParameters: () => [{ type: i1.BaseStatesDirective }, { type: EuiListService }, { type: i02.ElementRef }], propDecorators: { cssClasses: [{
   type: HostBinding,
   args: ["class"]
 }], role: [{
   type: HostBinding,
   args: ["attr.role"]
+}], e2eAttr: [{
+  type: HostBinding,
+  args: ["attr.data-e2e"]
+}, {
+  type: Input
 }], tabindex: [{
   type: HostBinding,
   args: ["attr.tabindex"]
@@ -189,36 +194,31 @@ i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3",
   type: ContentChildren,
   args: [forwardRef(() => EuiLabelComponent)]
 }], disabled: [{
-  type: Input
+  type: Input,
+  args: [{ transform: booleanAttribute }]
 }], isCollapsible: [{
-  type: Input
+  type: Input,
+  args: [{ transform: booleanAttribute }]
 }], isCollapsed: [{
-  type: Input
+  type: Input,
+  args: [{ transform: booleanAttribute }]
 }], isActive: [{
-  type: Input
+  type: Input,
+  args: [{ transform: booleanAttribute }]
 }] } });
 
 // eui-list.component.mjs
-import { Component as Component2, HostBinding as HostBinding2, ChangeDetectionStrategy as ChangeDetectionStrategy3, ViewEncapsulation as ViewEncapsulation3, Input as Input2, ContentChildren as ContentChildren2, forwardRef as forwardRef3, HostListener } from "@angular/core";
-import { coerceBooleanProperty as coerceBooleanProperty3 } from "@angular/cdk/coercion";
+import { Component as Component2, HostBinding as HostBinding2, ChangeDetectionStrategy as ChangeDetectionStrategy3, ViewEncapsulation as ViewEncapsulation3, Input as Input2, ContentChildren as ContentChildren2, forwardRef as forwardRef3, HostListener, booleanAttribute as booleanAttribute2 } from "@angular/core";
 import { FocusKeyManager } from "@angular/cdk/a11y";
-import { BaseDirective as BaseDirective2 } from "@eui/components/shared";
 import * as i03 from "@angular/core";
-var EuiListComponent = class _EuiListComponent extends BaseDirective2 {
-  get isCollapsible() {
-    return this._isCollapsible;
-  }
-  set isCollapsible(value) {
-    this._isCollapsible = coerceBooleanProperty3(value);
-  }
+var EuiListComponent = class _EuiListComponent {
   get cssClasses() {
-    return [super.getCssClasses("eui-list")].join(" ").trim();
+    return "eui-list";
   }
   constructor(euiListService) {
-    super();
     this.euiListService = euiListService;
+    this.isCollapsible = false;
     this.role = "list";
-    this._isCollapsible = false;
   }
   onKeydown(event) {
     switch (event.key) {
@@ -285,14 +285,15 @@ var EuiListComponent = class _EuiListComponent extends BaseDirective2 {
     this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i03, type: _EuiListComponent, deps: [{ token: EuiListService }], target: i03.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.3", type: _EuiListComponent, selector: "[euiList], eui-list", inputs: { isCollapsible: "isCollapsible" }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.tabindex": "this.tabIndex" } }, queries: [{ propertyName: "items", predicate: i03.forwardRef(() => EuiListItemComponent), descendants: true }], usesInheritance: true, ngImport: i03, template: "<ng-content></ng-content>\n", styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list:focus:active:not([readonly]),.eui-list:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-list:focus [tabindex="0"]:active:not([readonly]),.eui-list:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;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-base-spacing-xs) var(--eui-base-spacing-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:hover{background-color:var(--eui-base-color-grey-10)}.eui-list .eui-list-item:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-list .eui-list-item--active{background-color:var(--eui-base-color-primary-10)}.eui-list .eui-list-item--active:active:not([readonly]),.eui-list .eui-list-item--active:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-list .eui-list-item--active [tabindex="0"]:active:not([readonly]),.eui-list .eui-list-item--active [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-list .eui-list-item .eui-list-item__container{display:inline-flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:inline-flex;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-left{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon,.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg .eui-icon-svg{margin-right:var(--eui-base-spacing-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-text{display:flex;flex-direction:column;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-left .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__content .eui-list-item__content-right{align-items:center;display:flex;margin-left:auto}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-right .eui-list-item__content-toggle{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-m);margin-left:var(--eui-base-spacing-s);transition:all .3s linear}.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-base-spacing-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-base-spacing-s)}.eui-list button.eui-list-item{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-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-base-disabled-opacity)}.eui-list-item--primary{color:var(--eui-base-color-primary-100)}.eui-list-item--secondary{color:var(--eui-base-color-grey-75)}.eui-list-item--info{color:var(--eui-base-color-info-100)}.eui-list-item--success{color:var(--eui-base-color-success-100)}.eui-list-item--warning{color:var(--eui-base-color-warning-130)}.eui-list-item--danger{color:var(--eui-base-color-danger-100)}.eui-list-item--accent{color:var(--eui-base-color-accent-140)}\n'], changeDetection: i03.ChangeDetectionStrategy.OnPush, encapsulation: i03.ViewEncapsulation.None });
+    this.ɵcmp = i03.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.3", type: _EuiListComponent, selector: "[euiList], eui-list", inputs: { isCollapsible: ["isCollapsible", "isCollapsible", booleanAttribute2] }, host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.tabindex": "this.tabIndex" } }, queries: [{ propertyName: "items", predicate: i03.forwardRef(() => EuiListItemComponent), descendants: true }], ngImport: i03, template: "<ng-content></ng-content>\n", styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-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:hover{background-color:var(--eui-ctx-color-hover)}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item--active{background-color:var(--eui-ctx-color-active)}.eui-list .eui-list-item .eui-list-item__container{display:inline-flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:inline-flex;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-left{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon,.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg .eui-icon-svg{margin-right:var(--eui-base-spacing-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-text{display:flex;flex-direction:column;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-left .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__content .eui-list-item__content-right{align-items:center;display:flex;margin-left:auto}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-right .eui-list-item__content-toggle{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-m);margin-left:var(--eui-base-spacing-s);transition:all .3s linear}.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-base-spacing-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-base-spacing-s)}.eui-list button.eui-list-item{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-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-base-disabled-opacity)}.eui-list-item--primary{color:var(--eui-base-color-primary-100)}.eui-list-item--secondary{color:var(--eui-base-color-grey-75)}.eui-list-item--info{color:var(--eui-base-color-info-100)}.eui-list-item--success{color:var(--eui-base-color-success-100)}.eui-list-item--warning{color:var(--eui-base-color-warning-130)}.eui-list-item--danger{color:var(--eui-base-color-danger-100)}.eui-list-item--accent{color:var(--eui-base-color-accent-140)}\n'], changeDetection: i03.ChangeDetectionStrategy.OnPush, encapsulation: i03.ViewEncapsulation.None });
   }
 };
 i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.3", ngImport: i03, type: EuiListComponent, decorators: [{
   type: Component2,
-  args: [{ selector: "[euiList], eui-list", changeDetection: ChangeDetectionStrategy3.OnPush, encapsulation: ViewEncapsulation3.None, template: "<ng-content></ng-content>\n", styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list:focus:active:not([readonly]),.eui-list:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-list:focus [tabindex="0"]:active:not([readonly]),.eui-list:focus [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;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-base-spacing-xs) var(--eui-base-spacing-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:hover{background-color:var(--eui-base-color-grey-10)}.eui-list .eui-list-item:focus{outline:2px solid var(--eui-base-color-accessible-focus)!important;outline-offset:-2px;-moz-outline-radius:var(--eui-base-border-radius)!important;transition:outline .15s ease-in-out,border .15s ease-in-out}.eui-list .eui-list-item--active{background-color:var(--eui-base-color-primary-10)}.eui-list .eui-list-item--active:active:not([readonly]),.eui-list .eui-list-item--active:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-list .eui-list-item--active [tabindex="0"]:active:not([readonly]),.eui-list .eui-list-item--active [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-list .eui-list-item .eui-list-item__container{display:inline-flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:inline-flex;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-left{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon,.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg .eui-icon-svg{margin-right:var(--eui-base-spacing-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-text{display:flex;flex-direction:column;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-left .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__content .eui-list-item__content-right{align-items:center;display:flex;margin-left:auto}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-right .eui-list-item__content-toggle{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-m);margin-left:var(--eui-base-spacing-s);transition:all .3s linear}.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-base-spacing-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-base-spacing-s)}.eui-list button.eui-list-item{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-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-base-disabled-opacity)}.eui-list-item--primary{color:var(--eui-base-color-primary-100)}.eui-list-item--secondary{color:var(--eui-base-color-grey-75)}.eui-list-item--info{color:var(--eui-base-color-info-100)}.eui-list-item--success{color:var(--eui-base-color-success-100)}.eui-list-item--warning{color:var(--eui-base-color-warning-130)}.eui-list-item--danger{color:var(--eui-base-color-danger-100)}.eui-list-item--accent{color:var(--eui-base-color-accent-140)}\n'] }]
+  args: [{ selector: "[euiList], eui-list", changeDetection: ChangeDetectionStrategy3.OnPush, encapsulation: ViewEncapsulation3.None, template: "<ng-content></ng-content>\n", styles: ['.eui-list{display:block;height:auto;position:relative;margin:0;padding:0}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-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:hover{background-color:var(--eui-ctx-color-hover)}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-list .eui-list-item--active{background-color:var(--eui-ctx-color-active)}.eui-list .eui-list-item .eui-list-item__container{display:inline-flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:inline-flex;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-left{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon,.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-icon-svg .eui-icon-svg{margin-right:var(--eui-base-spacing-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-left .eui-list-item__content-text{display:flex;flex-direction:column;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-left .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__content .eui-list-item__content-right{align-items:center;display:flex;margin-left:auto}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-right .eui-list-item__content-toggle{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-m);margin-left:var(--eui-base-spacing-s);transition:all .3s linear}.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-base-spacing-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-base-spacing-s)}.eui-list button.eui-list-item{padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-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-base-disabled-opacity)}.eui-list-item--primary{color:var(--eui-base-color-primary-100)}.eui-list-item--secondary{color:var(--eui-base-color-grey-75)}.eui-list-item--info{color:var(--eui-base-color-info-100)}.eui-list-item--success{color:var(--eui-base-color-success-100)}.eui-list-item--warning{color:var(--eui-base-color-warning-130)}.eui-list-item--danger{color:var(--eui-base-color-danger-100)}.eui-list-item--accent{color:var(--eui-base-color-accent-140)}\n'] }]
 }], ctorParameters: () => [{ type: EuiListService }], propDecorators: { isCollapsible: [{
-  type: Input2
+  type: Input2,
+  args: [{ transform: booleanAttribute2 }]
 }], cssClasses: [{
   type: HostBinding2,
   args: ["class"]

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../eui-list/services/eui-list.service.ts", "../../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 { Injectable } from '@angular/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Injectable()\nexport class EuiListService {\n    public _isCollapsible = false;\n\n    get isCollapsible(): boolean {\n        return this._isCollapsible;\n    }\n\n    set isCollapsible(value: BooleanInput) {\n        this._isCollapsible = coerceBooleanProperty(value);\n    }\n}\n", "import {\n    Component,\n    HostBinding,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    ContentChildren,\n    forwardRef,\n    QueryList,\n    Input,\n    OnInit,\n    ElementRef,\n} from '@angular/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { Highlightable, FocusableOption } from '@angular/cdk/a11y';\n\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiListComponent } from '../eui-list.component';\nimport { EuiListService } from '../services/eui-list.service';\nimport { EuiIconSvgComponent } from '@eui/components/eui-icon';\nimport { EuiLabelComponent } from '@eui/components/eui-label';\n\n@Component({\n    templateUrl: './eui-list-item.component.html',\n    selector: '[euiListItem], eui-list-item',\n    styleUrls: ['../styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.Default,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiListItemComponent extends BaseDirective implements OnInit, FocusableOption, Highlightable {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('eui-list-item'), this._isActive ? 'eui-list-item--active' : ''].join(' ').trim();\n    }\n\n    @HostBinding('attr.role') role = 'listitem';\n    @HostBinding('attr.tabindex') tabindex = '-1';\n\n    @ContentChildren(forwardRef(() => EuiListComponent)) euiListComponent: QueryList<EuiListComponent>;\n    @ContentChildren(forwardRef(() => EuiIconSvgComponent)) euiIconSvgComponent: QueryList<EuiIconSvgComponent>;\n    @ContentChildren(forwardRef(() => EuiLabelComponent)) euiLabelComponent: QueryList<EuiLabelComponent>;\n\n    /**\n     * Angular CDK ListKeyManagerOption used for skipping items during navigation: More info here: https://netbasal.com/accessibility-made-easy-with-angular-cdk-1caaf3d98de2\n     */\n    @Input() disabled = false;\n\n    @Input()\n    get isCollapsible(): boolean {\n        return this._isCollapsible;\n    }\n    set isCollapsible(value: BooleanInput) {\n        this._isCollapsible = coerceBooleanProperty(value);\n    }\n    private _isCollapsible = false;\n\n    @Input()\n    get isCollapsed(): boolean {\n        return this._isCollapsed;\n    }\n    set isCollapsed(value: BooleanInput) {\n        this._isCollapsed = coerceBooleanProperty(value);\n    }\n    private _isCollapsed = true;\n\n    @Input()\n    get isActive(): boolean {\n        return this._isActive;\n    }\n    set isActive(value: BooleanInput) {\n        this._isActive = coerceBooleanProperty(value);\n    }\n    private _isActive = false;\n\n    constructor(\n        private euiListService: EuiListService,\n        private elementRef: ElementRef,\n    ) {\n        super();\n    }\n\n    ngOnInit(): void {\n        this.isCollapsible = this.euiListService.isCollapsible;\n    }\n\n    public toggleCollapse(event: MouseEvent): void {\n        if (this.isCollapsible) {\n            this.isCollapsed = !this.isCollapsed;\n        }\n        if (event) {\n            event.preventDefault();\n            event.stopPropagation();\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 class=\"eui-list-item__content-left\">\n            <div *ngIf=\"euiIconSvgComponent.length > 0\" class=\"eui-list-item__content-icon-svg\">\n                <ng-content select=\"eui-icon-svg\"></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        </div>\n        <div class=\"eui-list-item__content-right\">\n            <button\n                *ngIf=\"euiListComponent.length > 0 && isCollapsible\"\n                tabindex=\"-1\"\n                euiButton\n                euiBasicButton\n                euiPrimary\n                euiRounded\n                euiIconButton\n                euiSizeS\n                type=\"button\"\n                class=\"eui-list-item__content-toggle\"\n                [class.eui-list-item__content-toggle--expanded]=\"!isCollapsed\"\n                (click)=\"toggleCollapse($event)\">\n                <eui-icon-svg icon=\"eui-chevron-down\" aria-label=\"{{ isCollapsed ? 'Expand' : 'Collapse' }}\"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n    <div\n        class=\"eui-list-item__sub-list\"\n        *ngIf=\"(euiListComponent.length > 0 && !isCollapsed) || (euiListComponent.length > 0 && !isCollapsible)\">\n        <ng-content select=\"[eui-list], [euiList]\"></ng-content>\n    </div>\n    <ng-content></ng-content>\n</div>\n", "import {\n    Component,\n    HostBinding,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    Input,\n    OnInit,\n    AfterContentInit,\n    ContentChildren,\n    forwardRef,\n    QueryList,\n    HostListener,\n} from '@angular/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { FocusKeyManager } from '@angular/cdk/a11y';\n\nimport { BaseDirective } from '@eui/components/shared';\nimport { EuiListService } from './services/eui-list.service';\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 extends BaseDirective implements OnInit, AfterContentInit {\n    @Input()\n    get isCollapsible(): boolean {\n        return this._isCollapsible;\n    }\n    set isCollapsible(value: BooleanInput) {\n        this._isCollapsible = coerceBooleanProperty(value);\n    }\n\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [super.getCssClasses('eui-list')].join(' ').trim();\n    }\n\n    @HostBinding('attr.role') role = 'list';\n    @HostBinding('attr.tabindex') tabIndex: string;\n    @ContentChildren(forwardRef(() => EuiListItemComponent), { descendants: true }) items: QueryList<EuiListItemComponent>;\n    public nestedItems: QueryList<EuiListItemComponent>;\n    private focusKeyManager: FocusKeyManager<EuiListItemComponent>;\n    private _isCollapsible = false;\n\n    constructor(private euiListService: EuiListService) {\n        super();\n    }\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?.isCollapsible && this.focusKeyManager.activeItem.isCollapsed) {\n                    this.focusKeyManager.activeItem.isCollapsed = false;\n                    event.preventDefault();\n                }\n                break;\n            }\n            case 'ArrowLeft': {\n                if (this.focusKeyManager.activeItem?.isCollapsible && !this.focusKeyManager.activeItem.isCollapsed) {\n                    this.focusKeyManager.activeItem.isCollapsed = true;\n                    event.preventDefault();\n                }\n                break;\n            }\n            case 'ArrowDown': {\n                if (\n                    this.focusKeyManager.activeItem?.isCollapsible &&\n                    this.focusKeyManager.activeItem.isCollapsed &&\n                    this.focusKeyManager.activeItem.euiListComponent.length > 0\n                ) {\n                    this.focusKeyManager.activeItem.euiListComponent.forEach((list) => {\n                        this.nestedItems = list.items;\n                        this.nestedItems.forEach((nestedItem) => {\n                            nestedItem.disabled = true;\n                        });\n                        this.focusKeyManager.onKeydown(event);\n                    });\n                    event.preventDefault();\n                } else {\n                    this.nestedItems?.forEach((nestedItem) => {\n                        nestedItem.disabled = false;\n                    });\n                    this.focusKeyManager.onKeydown(event);\n                }\n                break;\n            }\n            default: {\n                this.focusKeyManager.onKeydown(event);\n                break;\n            }\n        }\n    }\n\n    ngOnInit(): void {\n        if (this.isCollapsible) {\n            this.euiListService.isCollapsible = this.isCollapsible;\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", "<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';\nimport { EuiListService } from './services/eui-list.service';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiButtonModule, EuiLabelModule],\n    declarations: [EuiListComponent, EuiListItemComponent],\n    exports: [EuiListComponent, EuiListItemComponent],\n    providers: [EuiListService],\n})\nexport class EuiListModule {}\n"],
-  "mappings": "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",
-  "names": ["coerceBooleanProperty", "i0", "Component", "HostBinding", "ChangeDetectionStrategy", "ViewEncapsulation", "Input", "ContentChildren", "forwardRef", "coerceBooleanProperty", "BaseDirective", "i0"]
+  "sourcesContent": ["import { Injectable } from '@angular/core';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Injectable()\nexport class EuiListService {\n    public _isCollapsible = false;\n\n    get isCollapsible(): boolean {\n        return this._isCollapsible;\n    }\n\n    set isCollapsible(value: BooleanInput) {\n        this._isCollapsible = coerceBooleanProperty(value);\n    }\n}\n", "import {\n    Component,\n    HostBinding,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    ContentChildren,\n    forwardRef,\n    QueryList,\n    Input,\n    OnInit,\n    ElementRef,\n    booleanAttribute,\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 { EuiListService } from '../services/eui-list.service';\nimport { EuiIconSvgComponent } from '@eui/components/eui-icon';\nimport { EuiLabelComponent } from '@eui/components/eui-label';\n\n@Component({\n    templateUrl: './eui-list-item.component.html',\n    selector: '[euiListItem], eui-list-item',\n    styleUrls: ['../styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.Default,\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 OnInit, 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)) euiListComponent: QueryList<EuiListComponent>;\n    @ContentChildren(forwardRef(() => EuiIconSvgComponent)) euiIconSvgComponent: QueryList<EuiIconSvgComponent>;\n    @ContentChildren(forwardRef(() => EuiLabelComponent)) euiLabelComponent: QueryList<EuiLabelComponent>;\n\n    @Input({ transform: booleanAttribute }) disabled = false;\n    @Input({ transform: booleanAttribute }) isCollapsible = false;\n    @Input({ transform: booleanAttribute }) isCollapsed = true;\n    @Input({ transform: booleanAttribute }) isActive = false;\n\n    constructor(\n        public baseStatesDirective: BaseStatesDirective,\n        private euiListService: EuiListService,\n        private elementRef: ElementRef,\n    ) {\n    }\n\n    ngOnInit(): void {\n        this.isCollapsible = this.euiListService.isCollapsible;\n    }\n\n    public toggleCollapse(event: MouseEvent): void {\n        if (this.isCollapsible) {\n            this.isCollapsed = !this.isCollapsed;\n        }\n        if (event) {\n            event.preventDefault();\n            event.stopPropagation();\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 class=\"eui-list-item__content-left\">\n            <div *ngIf=\"euiIconSvgComponent.length > 0\" class=\"eui-list-item__content-icon-svg\">\n                <ng-content select=\"eui-icon-svg\"></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        </div>\n        <div class=\"eui-list-item__content-right\">\n            <button\n                *ngIf=\"euiListComponent.length > 0 && isCollapsible\"\n                tabindex=\"-1\"\n                euiButton\n                euiBasicButton\n                euiPrimary\n                euiRounded\n                euiIconButton\n                euiSizeS\n                type=\"button\"\n                class=\"eui-list-item__content-toggle\"\n                [class.eui-list-item__content-toggle--expanded]=\"!isCollapsed\"\n                (click)=\"toggleCollapse($event)\">\n                <eui-icon-svg icon=\"eui-chevron-down\" aria-label=\"{{ isCollapsed ? 'Expand' : 'Collapse' }}\"></eui-icon-svg>\n            </button>\n        </div>\n    </div>\n    <div\n        class=\"eui-list-item__sub-list\"\n        *ngIf=\"(euiListComponent.length > 0 && !isCollapsed) || (euiListComponent.length > 0 && !isCollapsible)\">\n        <ng-content select=\"[eui-list], [euiList]\"></ng-content>\n    </div>\n    <ng-content></ng-content>\n</div>\n", "import {\n    Component,\n    HostBinding,\n    ChangeDetectionStrategy,\n    ViewEncapsulation,\n    Input,\n    OnInit,\n    AfterContentInit,\n    ContentChildren,\n    forwardRef,\n    QueryList,\n    HostListener,\n    booleanAttribute,\n} from '@angular/core';\nimport { FocusKeyManager } from '@angular/cdk/a11y';\n\nimport { EuiListService } from './services/eui-list.service';\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 OnInit, AfterContentInit {\n    @Input({ transform: booleanAttribute }) isCollapsible = false;\n\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    public nestedItems: QueryList<EuiListItemComponent>;\n    private focusKeyManager: FocusKeyManager<EuiListItemComponent>;\n\n    constructor(private euiListService: EuiListService) {\n    }\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?.isCollapsible && this.focusKeyManager.activeItem.isCollapsed) {\n                    this.focusKeyManager.activeItem.isCollapsed = false;\n                    event.preventDefault();\n                }\n                break;\n            }\n            case 'ArrowLeft': {\n                if (this.focusKeyManager.activeItem?.isCollapsible && !this.focusKeyManager.activeItem.isCollapsed) {\n                    this.focusKeyManager.activeItem.isCollapsed = true;\n                    event.preventDefault();\n                }\n                break;\n            }\n            case 'ArrowDown': {\n                if (\n                    this.focusKeyManager.activeItem?.isCollapsible &&\n                    this.focusKeyManager.activeItem.isCollapsed &&\n                    this.focusKeyManager.activeItem.euiListComponent.length > 0\n                ) {\n                    this.focusKeyManager.activeItem.euiListComponent.forEach((list) => {\n                        this.nestedItems = list.items;\n                        this.nestedItems.forEach((nestedItem) => {\n                            nestedItem.disabled = true;\n                        });\n                        this.focusKeyManager.onKeydown(event);\n                    });\n                    event.preventDefault();\n                } else {\n                    this.nestedItems?.forEach((nestedItem) => {\n                        nestedItem.disabled = false;\n                    });\n                    this.focusKeyManager.onKeydown(event);\n                }\n                break;\n            }\n            default: {\n                this.focusKeyManager.onKeydown(event);\n                break;\n            }\n        }\n    }\n\n    ngOnInit(): void {\n        if (this.isCollapsible) {\n            this.euiListService.isCollapsible = this.isCollapsible;\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", "<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';\nimport { EuiListService } from './services/eui-list.service';\n\n@NgModule({\n    imports: [CommonModule, EuiIconModule, EuiButtonModule, EuiLabelModule],\n    declarations: [EuiListComponent, EuiListItemComponent],\n    exports: [EuiListComponent, EuiListItemComponent],\n    providers: [EuiListService],\n})\nexport class EuiListModule {}\n"],
+  "mappings": "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",
+  "names": ["i0", "Component", "HostBinding", "ChangeDetectionStrategy", "ViewEncapsulation", "Input", "ContentChildren", "forwardRef", "booleanAttribute", "i0"]
 }