@eui/components 18.0.0-next.47 → 18.0.0-next.49

package/esm2022/eui-list/eui-list-item/eui-list-item.component.mjs

@@ -1,4 +1,4 @@
-import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, ContentChildren, forwardRef, Input, booleanAttribute, } from '@angular/core';
+import { Component, HostBinding, HostListener, ViewEncapsulation, ContentChildren, forwardRef, Input, booleanAttribute, Directive, ContentChild, } from '@angular/core';
 import { BaseStatesDirective } from '@eui/components/shared';
 import { EuiListComponent } from '../eui-list.component';
 import { EuiIconSvgComponent } from '@eui/components/eui-icon';
@@ -7,6 +7,36 @@ import { EuiTemplateDirective } from '@eui/components/directives';
 import * as i0 from "@angular/core";
 import * as i1 from "@eui/components/shared";
 import * as i2 from "@angular/common";
+export class EuiArrowKeyNavigableDirective {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.tabindex = '-1';
+        this.isFocused = false;
+    }
+    onFocus() {
+        this.isFocused = true;
+    }
+    onBlur() {
+        this.isFocused = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiArrowKeyNavigableDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-next.6", type: EuiArrowKeyNavigableDirective, selector: "[euiArrowKeyNavigable]", host: { listeners: { "focus": "onFocus()", "blur": "onBlur()" }, properties: { "attr.tabindex": "this.tabindex" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiArrowKeyNavigableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[euiArrowKeyNavigable]',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { tabindex: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], onFocus: [{
+                type: HostListener,
+                args: ['focus']
+            }], onBlur: [{
+                type: HostListener,
+                args: ['blur']
+            }] } });
 export class EuiListItemComponent {
     get cssClasses() {
         return [
@@ -20,7 +50,6 @@ export class EuiListItemComponent {
         this.role = 'listitem';
         this.e2eAttr = 'eui-list-item';
         this.tabindex = '-1';
-        this.disabled = false;
         this.isActive = false;
     }
     focus() {
@@ -36,11 +65,11 @@ export class EuiListItemComponent {
         this.isActive = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiListItemComponent, deps: [{ token: i1.BaseStatesDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: { e2eAttr: "e2eAttr", disabled: ["disabled", "disabled", 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: i0.forwardRef(() => EuiListComponent), descendants: true }, { propertyName: "euiIconSvgComponent", predicate: i0.forwardRef(() => EuiIconSvgComponent), descendants: true }, { propertyName: "euiLabelComponent", predicate: i0.forwardRef(() => EuiLabelComponent), descendants: true }, { propertyName: "templates", predicate: i0.forwardRef(() => EuiTemplateDirective), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<div class=\"eui-list-item__container\" [class.eui-list-item--has-submenu]=\"euiListComponent.length > 0\">\n    <div class=\"eui-list-item__content\">\n        <div *ngIf=\"euiIconSvgComponent.length > 0\" class=\"eui-list-item__content-icon\">\n            <ng-content select=\"[eui-icon-svg], [euiIconSvg]\"></ng-content>\n        </div>\n        <div *ngIf=\"euiLabelComponent.length > 0\" class=\"eui-list-item__content-text\">\n            <ng-content select=\"[eui-label], [euiLabel]\"></ng-content>\n        </div>\n        <ng-content></ng-content>\n    </div>\n\n    <div\n        class=\"eui-list-item__sub-list\"\n        *ngIf=\"(euiListComponent.length > 0) || (euiListComponent.length > 0)\">\n        <ng-content select=\"[eui-list], [euiList]\"></ng-content>\n    </div>\n</div>\n", styles: [".eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.6", type: EuiListItemComponent, selector: "[euiListItem], eui-list-item", inputs: { e2eAttr: "e2eAttr", isActive: ["isActive", "isActive", booleanAttribute] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.data-e2e": "this.e2eAttr", "attr.tabindex": "this.tabindex" } }, queries: [{ propertyName: "euiArrowKeyNavigableDirective", first: true, predicate: i0.forwardRef(() => EuiArrowKeyNavigableDirective), descendants: true }, { propertyName: "euiListComponent", predicate: i0.forwardRef(() => EuiListComponent), descendants: true }, { propertyName: "euiIconSvgComponent", predicate: i0.forwardRef(() => EuiIconSvgComponent), descendants: true }, { propertyName: "euiLabelComponent", predicate: i0.forwardRef(() => EuiLabelComponent), descendants: true }, { propertyName: "templates", predicate: i0.forwardRef(() => EuiTemplateDirective), descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i0, template: "<div class=\"eui-list-item__container\" [class.eui-list-item--has-submenu]=\"euiListComponent.length > 0\">\n    <div class=\"eui-list-item__content\">\n        <div *ngIf=\"euiIconSvgComponent.length > 0\" class=\"eui-list-item__content-icon\">\n            <ng-content select=\"[eui-icon-svg], [euiIconSvg]\"></ng-content>\n        </div>\n        <div *ngIf=\"euiLabelComponent.length > 0\" class=\"eui-list-item__content-text\">\n            <ng-content select=\"[eui-label], [euiLabel]\"></ng-content>\n        </div>\n        <ng-content></ng-content>\n    </div>\n\n    <div\n        class=\"eui-list-item__sub-list\"\n        *ngIf=\"(euiListComponent.length > 0) || (euiListComponent.length > 0)\">\n        <ng-content select=\"[eui-list], [euiList]\"></ng-content>\n    </div>\n</div>\n", styles: [".eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiListItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[euiListItem], eui-list-item', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, hostDirectives: [
+            args: [{ selector: '[euiListItem], eui-list-item', encapsulation: ViewEncapsulation.None, hostDirectives: [
                         {
                             directive: BaseStatesDirective,
                             inputs: [
@@ -54,7 +83,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6",
                                 'euiVariant',
                             ],
                         },
-                    ], template: "<div class=\"eui-list-item__container\" [class.eui-list-item--has-submenu]=\"euiListComponent.length > 0\">\n    <div class=\"eui-list-item__content\">\n        <div *ngIf=\"euiIconSvgComponent.length > 0\" class=\"eui-list-item__content-icon\">\n            <ng-content select=\"[eui-icon-svg], [euiIconSvg]\"></ng-content>\n        </div>\n        <div *ngIf=\"euiLabelComponent.length > 0\" class=\"eui-list-item__content-text\">\n            <ng-content select=\"[eui-label], [euiLabel]\"></ng-content>\n        </div>\n        <ng-content></ng-content>\n    </div>\n\n    <div\n        class=\"eui-list-item__sub-list\"\n        *ngIf=\"(euiListComponent.length > 0) || (euiListComponent.length > 0)\">\n        <ng-content select=\"[eui-list], [euiList]\"></ng-content>\n    </div>\n</div>\n", styles: [".eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n"] }]
+                    ], template: "<div class=\"eui-list-item__container\" [class.eui-list-item--has-submenu]=\"euiListComponent.length > 0\">\n    <div class=\"eui-list-item__content\">\n        <div *ngIf=\"euiIconSvgComponent.length > 0\" class=\"eui-list-item__content-icon\">\n            <ng-content select=\"[eui-icon-svg], [euiIconSvg]\"></ng-content>\n        </div>\n        <div *ngIf=\"euiLabelComponent.length > 0\" class=\"eui-list-item__content-text\">\n            <ng-content select=\"[eui-label], [euiLabel]\"></ng-content>\n        </div>\n        <ng-content></ng-content>\n    </div>\n\n    <div\n        class=\"eui-list-item__sub-list\"\n        *ngIf=\"(euiListComponent.length > 0) || (euiListComponent.length > 0)\">\n        <ng-content select=\"[eui-list], [euiList]\"></ng-content>\n    </div>\n</div>\n", styles: [".eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }, { type: i0.ElementRef }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -81,11 +110,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6",
             }], templates: [{
                 type: ContentChildren,
                 args: [forwardRef(() => EuiTemplateDirective), { descendants: true }]
-            }], disabled: [{
-                type: Input,
-                args: [{ transform: booleanAttribute }]
+            }], euiArrowKeyNavigableDirective: [{
+                type: ContentChild,
+                args: [forwardRef(() => EuiArrowKeyNavigableDirective)]
             }], isActive: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWxpc3QtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9ldWktbGlzdC9ldWktbGlzdC1pdGVtL2V1aS1saXN0LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vZXVpLWxpc3QvZXVpLWxpc3QtaXRlbS9ldWktbGlzdC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxTQUFTLEVBQ1QsV0FBVyxFQUNYLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsZUFBZSxFQUNmLFVBQVUsRUFFVixLQUFLLEVBRUwsZ0JBQWdCLEdBQ25CLE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzdELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQy9ELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzlELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7O0FBd0JsRSxNQUFNLE9BQU8sb0JBQW9CO0lBQzdCLElBQ0ksVUFBVTtRQUNWLE9BQU87WUFDSCxJQUFJLENBQUMsbUJBQW1CLENBQUMsYUFBYSxDQUFDLGVBQWUsQ0FBQztZQUN2RCxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUMvQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBY0QsWUFDVyxtQkFBd0MsRUFDdkMsVUFBc0I7UUFEdkIsd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFxQjtRQUN2QyxlQUFVLEdBQVYsVUFBVSxDQUFZO1FBZFIsU0FBSSxHQUFHLFVBQVUsQ0FBQztRQUNMLFlBQU8sR0FBRyxlQUFlLENBQUM7UUFDbkMsYUFBUSxHQUFHLElBQUksQ0FBQztRQU9OLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsYUFBUSxHQUFHLEtBQUssQ0FBQztJQU16RCxDQUFDO0lBRU0sS0FBSztRQUNSLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzFDLENBQUM7SUFFTSxLQUFLO1FBQ1IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDMUMsQ0FBQztJQUVNLGVBQWU7UUFDbEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7SUFDekIsQ0FBQztJQUVNLGlCQUFpQjtRQUNwQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUMxQixDQUFDO3FIQXpDUSxvQkFBb0I7eUdBQXBCLG9CQUFvQiw2R0FrQlQsZ0JBQWdCLHNDQUNoQixnQkFBZ0IscU9BTkYsZ0JBQWdCLDhGQUNoQixtQkFBbUIsNEZBQ25CLGlCQUFpQixvRkFDakIsb0JBQW9CLDhVQzFEMUQsK3hCQWlCQTs7a0dEeUJhLG9CQUFvQjtrQkF0QmhDLFNBQVM7K0JBRUksOEJBQThCLG1CQUV2Qix1QkFBdUIsQ0FBQyxPQUFPLGlCQUNqQyxpQkFBaUIsQ0FBQyxJQUFJLGtCQUNyQjt3QkFDWjs0QkFDSSxTQUFTLEVBQUUsbUJBQW1COzRCQUM5QixNQUFNLEVBQUU7Z0NBQ0osWUFBWTtnQ0FDWixjQUFjO2dDQUNkLFlBQVk7Z0NBQ1osU0FBUztnQ0FDVCxZQUFZO2dDQUNaLFdBQVc7Z0NBQ1gsV0FBVztnQ0FDWCxZQUFZOzZCQUNmO3lCQUNKO3FCQUNKO2lIQUlHLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPO2dCQVFNLElBQUk7c0JBQTdCLFdBQVc7dUJBQUMsV0FBVztnQkFDZSxPQUFPO3NCQUE3QyxXQUFXO3VCQUFDLGVBQWU7O3NCQUFHLEtBQUs7Z0JBQ04sUUFBUTtzQkFBckMsV0FBVzt1QkFBQyxlQUFlO2dCQUVnRCxnQkFBZ0I7c0JBQTNGLGVBQWU7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGdCQUFnQixDQUFDLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFO2dCQUNLLG1CQUFtQjtzQkFBakcsZUFBZTt1QkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsbUJBQW1CLENBQUMsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUU7Z0JBQ0EsaUJBQWlCO3NCQUE3RixlQUFlO3VCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxFQUFFLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRTtnQkFDSyxTQUFTO3NCQUF4RixlQUFlO3VCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQyxFQUFFLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRTtnQkFFdEMsUUFBUTtzQkFBL0MsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDRSxRQUFRO3NCQUEvQyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG4gICAgQ29udGVudENoaWxkcmVuLFxuICAgIGZvcndhcmRSZWYsXG4gICAgUXVlcnlMaXN0LFxuICAgIElucHV0LFxuICAgIEVsZW1lbnRSZWYsXG4gICAgYm9vbGVhbkF0dHJpYnV0ZSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBIaWdobGlnaHRhYmxlLCBGb2N1c2FibGVPcHRpb24gfSBmcm9tICdAYW5ndWxhci9jZGsvYTExeSc7XG5cbmltcG9ydCB7IEJhc2VTdGF0ZXNEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvc2hhcmVkJztcbmltcG9ydCB7IEV1aUxpc3RDb21wb25lbnQgfSBmcm9tICcuLi9ldWktbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRXVpSWNvblN2Z0NvbXBvbmVudCB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktaWNvbic7XG5pbXBvcnQgeyBFdWlMYWJlbENvbXBvbmVudCB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktbGFiZWwnO1xuaW1wb3J0IHsgRXVpVGVtcGxhdGVEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZGlyZWN0aXZlcyc7XG5cbkBDb21wb25lbnQoe1xuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWktbGlzdC1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgICBzZWxlY3RvcjogJ1tldWlMaXN0SXRlbV0sIGV1aS1saXN0LWl0ZW0nLFxuICAgIHN0eWxlVXJsczogWycuLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LkRlZmF1bHQsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBob3N0RGlyZWN0aXZlczogW1xuICAgICAgICB7XG4gICAgICAgICAgICBkaXJlY3RpdmU6IEJhc2VTdGF0ZXNEaXJlY3RpdmUsXG4gICAgICAgICAgICBpbnB1dHM6IFtcbiAgICAgICAgICAgICAgICAnZXVpUHJpbWFyeScsXG4gICAgICAgICAgICAgICAgJ2V1aVNlY29uZGFyeScsXG4gICAgICAgICAgICAgICAgJ2V1aVN1Y2Nlc3MnLFxuICAgICAgICAgICAgICAgICdldWlJbmZvJyxcbiAgICAgICAgICAgICAgICAnZXVpV2FybmluZycsXG4gICAgICAgICAgICAgICAgJ2V1aURhbmdlcicsXG4gICAgICAgICAgICAgICAgJ2V1aUFjY2VudCcsXG4gICAgICAgICAgICAgICAgJ2V1aVZhcmlhbnQnLFxuICAgICAgICAgICAgXSxcbiAgICAgICAgfSxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBFdWlMaXN0SXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIEZvY3VzYWJsZU9wdGlvbiwgSGlnaGxpZ2h0YWJsZSB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgZ2V0IGNzc0NsYXNzZXMoKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgIHRoaXMuYmFzZVN0YXRlc0RpcmVjdGl2ZS5nZXRDc3NDbGFzc2VzKCdldWktbGlzdC1pdGVtJyksXG4gICAgICAgICAgICB0aGlzLmlzQWN0aXZlID8gJ2V1aS1saXN0LWl0ZW0tLWFjdGl2ZScgOiAnJyxcbiAgICAgICAgXS5qb2luKCcgJykudHJpbSgpO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgcm9sZSA9ICdsaXN0aXRlbSc7XG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtZTJlJykgQElucHV0KCkgZTJlQXR0ciA9ICdldWktbGlzdC1pdGVtJztcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIudGFiaW5kZXgnKSB0YWJpbmRleCA9ICctMSc7XG5cbiAgICBAQ29udGVudENoaWxkcmVuKGZvcndhcmRSZWYoKCkgPT4gRXVpTGlzdENvbXBvbmVudCksIHsgZGVzY2VuZGFudHM6IHRydWUgfSkgZXVpTGlzdENvbXBvbmVudDogUXVlcnlMaXN0PEV1aUxpc3RDb21wb25lbnQ+O1xuICAgIEBDb250ZW50Q2hpbGRyZW4oZm9yd2FyZFJlZigoKSA9PiBFdWlJY29uU3ZnQ29tcG9uZW50KSwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KSBldWlJY29uU3ZnQ29tcG9uZW50OiBRdWVyeUxpc3Q8RXVpSWNvblN2Z0NvbXBvbmVudD47XG4gICAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IEV1aUxhYmVsQ29tcG9uZW50KSwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KSBldWlMYWJlbENvbXBvbmVudDogUXVlcnlMaXN0PEV1aUxhYmVsQ29tcG9uZW50PjtcbiAgICBAQ29udGVudENoaWxkcmVuKGZvcndhcmRSZWYoKCkgPT4gRXVpVGVtcGxhdGVEaXJlY3RpdmUpLCB7IGRlc2NlbmRhbnRzOiB0cnVlIH0pIHRlbXBsYXRlczogUXVlcnlMaXN0PEV1aVRlbXBsYXRlRGlyZWN0aXZlPjtcblxuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBkaXNhYmxlZCA9IGZhbHNlO1xuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBpc0FjdGl2ZSA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHB1YmxpYyBiYXNlU3RhdGVzRGlyZWN0aXZlOiBCYXNlU3RhdGVzRGlyZWN0aXZlLFxuICAgICAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICAgKSB7XG4gICAgfVxuXG4gICAgcHVibGljIGZvY3VzKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgIH1cblxuICAgIHB1YmxpYyBjbGljaygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY2xpY2soKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0QWN0aXZlU3R5bGVzKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmlzQWN0aXZlID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0SW5hY3RpdmVTdHlsZXMoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXNBY3RpdmUgPSBmYWxzZTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZXVpLWxpc3QtaXRlbV9fY29udGFpbmVyXCIgW2NsYXNzLmV1aS1saXN0LWl0ZW0tLWhhcy1zdWJtZW51XT1cImV1aUxpc3RDb21wb25lbnQubGVuZ3RoID4gMFwiPlxuICAgIDxkaXYgY2xhc3M9XCJldWktbGlzdC1pdGVtX19jb250ZW50XCI+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJldWlJY29uU3ZnQ29tcG9uZW50Lmxlbmd0aCA+IDBcIiBjbGFzcz1cImV1aS1saXN0LWl0ZW1fX2NvbnRlbnQtaWNvblwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2V1aS1pY29uLXN2Z10sIFtldWlJY29uU3ZnXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJldWlMYWJlbENvbXBvbmVudC5sZW5ndGggPiAwXCIgY2xhc3M9XCJldWktbGlzdC1pdGVtX19jb250ZW50LXRleHRcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltldWktbGFiZWxdLCBbZXVpTGFiZWxdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdlxuICAgICAgICBjbGFzcz1cImV1aS1saXN0LWl0ZW1fX3N1Yi1saXN0XCJcbiAgICAgICAgKm5nSWY9XCIoZXVpTGlzdENvbXBvbmVudC5sZW5ndGggPiAwKSB8fCAoZXVpTGlzdENvbXBvbmVudC5sZW5ndGggPiAwKVwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZXVpLWxpc3RdLCBbZXVpTGlzdF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWxpc3QtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9ldWktbGlzdC9ldWktbGlzdC1pdGVtL2V1aS1saXN0LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vZXVpLWxpc3QvZXVpLWxpc3QtaXRlbS9ldWktbGlzdC1pdGVtLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDSCxTQUFTLEVBQ1QsV0FBVyxFQUNYLFlBQVksRUFDWixpQkFBaUIsRUFDakIsZUFBZSxFQUNmLFVBQVUsRUFFVixLQUFLLEVBRUwsZ0JBQWdCLEVBQ2hCLFNBQVMsRUFDVCxZQUFZLEdBQ2YsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDekQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDL0QsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDOUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7Ozs7QUFLbEUsTUFBTSxPQUFPLDZCQUE2QjtJQUl0QyxZQUFtQixVQUFzQjtRQUF0QixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBSFgsYUFBUSxHQUFHLElBQUksQ0FBQztRQUM5QyxjQUFTLEdBQUcsS0FBSyxDQUFDO0lBR2xCLENBQUM7SUFHRCxPQUFPO1FBQ0gsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7SUFDMUIsQ0FBQztJQUdELE1BQU07UUFDRixJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQztJQUMzQixDQUFDO3FIQWZRLDZCQUE2Qjt5R0FBN0IsNkJBQTZCOztrR0FBN0IsNkJBQTZCO2tCQUh6QyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSx3QkFBd0I7aUJBQ3JDOytFQUVpQyxRQUFRO3NCQUFyQyxXQUFXO3VCQUFDLGVBQWU7Z0JBTzVCLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxPQUFPO2dCQU1yQixNQUFNO3NCQURMLFlBQVk7dUJBQUMsTUFBTTs7QUEyQnhCLE1BQU0sT0FBTyxvQkFBb0I7SUFDN0IsSUFDSSxVQUFVO1FBQ1YsT0FBTztZQUNILElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxhQUFhLENBQUMsZUFBZSxDQUFDO1lBQ3ZELElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLHVCQUF1QixDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQy9DLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFjRCxZQUNXLG1CQUF3QyxFQUN2QyxVQUFzQjtRQUR2Qix3QkFBbUIsR0FBbkIsbUJBQW1CLENBQXFCO1FBQ3ZDLGVBQVUsR0FBVixVQUFVLENBQVk7UUFkUixTQUFJLEdBQUcsVUFBVSxDQUFDO1FBQ0wsWUFBTyxHQUFHLGVBQWUsQ0FBQztRQUNuQyxhQUFRLEdBQUcsSUFBSSxDQUFDO1FBUU4sYUFBUSxHQUFHLEtBQUssQ0FBQztJQU16RCxDQUFDO0lBRU0sS0FBSztRQUNSLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQzFDLENBQUM7SUFFTSxLQUFLO1FBQ1IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDMUMsQ0FBQztJQUVNLGVBQWU7UUFDbEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7SUFDekIsQ0FBQztJQUVNLGlCQUFpQjtRQUNwQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUMxQixDQUFDO3FIQXpDUSxvQkFBb0I7eUdBQXBCLG9CQUFvQiw2R0FtQlQsZ0JBQWdCLCtQQUZMLDZCQUE2QiwyRkFKMUIsZ0JBQWdCLDhGQUNoQixtQkFBbUIsNEZBQ25CLGlCQUFpQixvRkFDakIsb0JBQW9CLDhVQ2hGMUQsK3hCQWlCQTs7a0dEK0NhLG9CQUFvQjtrQkFyQmhDLFNBQVM7K0JBRUksOEJBQThCLGlCQUV6QixpQkFBaUIsQ0FBQyxJQUFJLGtCQUNyQjt3QkFDWjs0QkFDSSxTQUFTLEVBQUUsbUJBQW1COzRCQUM5QixNQUFNLEVBQUU7Z0NBQ0osWUFBWTtnQ0FDWixjQUFjO2dDQUNkLFlBQVk7Z0NBQ1osU0FBUztnQ0FDVCxZQUFZO2dDQUNaLFdBQVc7Z0NBQ1gsV0FBVztnQ0FDWCxZQUFZOzZCQUNmO3lCQUNKO3FCQUNKO2lIQUlHLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPO2dCQVFNLElBQUk7c0JBQTdCLFdBQVc7dUJBQUMsV0FBVztnQkFDZSxPQUFPO3NCQUE3QyxXQUFXO3VCQUFDLGVBQWU7O3NCQUFHLEtBQUs7Z0JBQ04sUUFBUTtzQkFBckMsV0FBVzt1QkFBQyxlQUFlO2dCQUVnRCxnQkFBZ0I7c0JBQTNGLGVBQWU7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGdCQUFnQixDQUFDLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFO2dCQUNLLG1CQUFtQjtzQkFBakcsZUFBZTt1QkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsbUJBQW1CLENBQUMsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUU7Z0JBQ0EsaUJBQWlCO3NCQUE3RixlQUFlO3VCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxFQUFFLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRTtnQkFDSyxTQUFTO3NCQUF4RixlQUFlO3VCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQyxFQUFFLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRTtnQkFDZiw2QkFBNkI7c0JBQTNGLFlBQVk7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLDZCQUE2QixDQUFDO2dCQUVyQixRQUFRO3NCQUEvQyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgSG9zdExpc3RlbmVyLFxuICAgIFZpZXdFbmNhcHN1bGF0aW9uLFxuICAgIENvbnRlbnRDaGlsZHJlbixcbiAgICBmb3J3YXJkUmVmLFxuICAgIFF1ZXJ5TGlzdCxcbiAgICBJbnB1dCxcbiAgICBFbGVtZW50UmVmLFxuICAgIGJvb2xlYW5BdHRyaWJ1dGUsXG4gICAgRGlyZWN0aXZlLFxuICAgIENvbnRlbnRDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBIaWdobGlnaHRhYmxlLCBGb2N1c2FibGVPcHRpb24gfSBmcm9tICdAYW5ndWxhci9jZGsvYTExeSc7XG5cbmltcG9ydCB7IEJhc2VTdGF0ZXNEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvc2hhcmVkJztcbmltcG9ydCB7IEV1aUxpc3RDb21wb25lbnQgfSBmcm9tICcuLi9ldWktbGlzdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRXVpSWNvblN2Z0NvbXBvbmVudCB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktaWNvbic7XG5pbXBvcnQgeyBFdWlMYWJlbENvbXBvbmVudCB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktbGFiZWwnO1xuaW1wb3J0IHsgRXVpVGVtcGxhdGVEaXJlY3RpdmUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZGlyZWN0aXZlcyc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2V1aUFycm93S2V5TmF2aWdhYmxlXScsXG59KVxuZXhwb3J0IGNsYXNzIEV1aUFycm93S2V5TmF2aWdhYmxlRGlyZWN0aXZlIHtcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIudGFiaW5kZXgnKSB0YWJpbmRleCA9ICctMSc7XG4gICAgaXNGb2N1c2VkID0gZmFsc2U7XG4gICAgXG4gICAgY29uc3RydWN0b3IocHVibGljIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHtcbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKCdmb2N1cycpXG4gICAgb25Gb2N1cygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc0ZvY3VzZWQgPSB0cnVlO1xuICAgIH1cblxuICAgIEBIb3N0TGlzdGVuZXIoJ2JsdXInKVxuICAgIG9uQmx1cigpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pc0ZvY3VzZWQgPSBmYWxzZTtcbiAgICB9XG59XG5cbkBDb21wb25lbnQoe1xuICAgIHRlbXBsYXRlVXJsOiAnLi9ldWktbGlzdC1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgICBzZWxlY3RvcjogJ1tldWlMaXN0SXRlbV0sIGV1aS1saXN0LWl0ZW0nLFxuICAgIHN0eWxlVXJsczogWycuLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGhvc3REaXJlY3RpdmVzOiBbXG4gICAgICAgIHtcbiAgICAgICAgICAgIGRpcmVjdGl2ZTogQmFzZVN0YXRlc0RpcmVjdGl2ZSxcbiAgICAgICAgICAgIGlucHV0czogW1xuICAgICAgICAgICAgICAgICdldWlQcmltYXJ5JyxcbiAgICAgICAgICAgICAgICAnZXVpU2Vjb25kYXJ5JyxcbiAgICAgICAgICAgICAgICAnZXVpU3VjY2VzcycsXG4gICAgICAgICAgICAgICAgJ2V1aUluZm8nLFxuICAgICAgICAgICAgICAgICdldWlXYXJuaW5nJyxcbiAgICAgICAgICAgICAgICAnZXVpRGFuZ2VyJyxcbiAgICAgICAgICAgICAgICAnZXVpQWNjZW50JyxcbiAgICAgICAgICAgICAgICAnZXVpVmFyaWFudCcsXG4gICAgICAgICAgICBdLFxuICAgICAgICB9LFxuICAgIF0sXG59KVxuZXhwb3J0IGNsYXNzIEV1aUxpc3RJdGVtQ29tcG9uZW50IGltcGxlbWVudHMgRm9jdXNhYmxlT3B0aW9uLCBIaWdobGlnaHRhYmxlIHtcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJylcbiAgICBnZXQgY3NzQ2xhc3NlcygpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gW1xuICAgICAgICAgICAgdGhpcy5iYXNlU3RhdGVzRGlyZWN0aXZlLmdldENzc0NsYXNzZXMoJ2V1aS1saXN0LWl0ZW0nKSxcbiAgICAgICAgICAgIHRoaXMuaXNBY3RpdmUgPyAnZXVpLWxpc3QtaXRlbS0tYWN0aXZlJyA6ICcnLFxuICAgICAgICBdLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG4gICAgQEhvc3RCaW5kaW5nKCdhdHRyLnJvbGUnKSByb2xlID0gJ2xpc3RpdGVtJztcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1lMmUnKSBASW5wdXQoKSBlMmVBdHRyID0gJ2V1aS1saXN0LWl0ZW0nO1xuICAgIEBIb3N0QmluZGluZygnYXR0ci50YWJpbmRleCcpIHRhYmluZGV4ID0gJy0xJztcblxuICAgIEBDb250ZW50Q2hpbGRyZW4oZm9yd2FyZFJlZigoKSA9PiBFdWlMaXN0Q29tcG9uZW50KSwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KSBldWlMaXN0Q29tcG9uZW50OiBRdWVyeUxpc3Q8RXVpTGlzdENvbXBvbmVudD47XG4gICAgQENvbnRlbnRDaGlsZHJlbihmb3J3YXJkUmVmKCgpID0+IEV1aUljb25TdmdDb21wb25lbnQpLCB7IGRlc2NlbmRhbnRzOiB0cnVlIH0pIGV1aUljb25TdmdDb21wb25lbnQ6IFF1ZXJ5TGlzdDxFdWlJY29uU3ZnQ29tcG9uZW50PjtcbiAgICBAQ29udGVudENoaWxkcmVuKGZvcndhcmRSZWYoKCkgPT4gRXVpTGFiZWxDb21wb25lbnQpLCB7IGRlc2NlbmRhbnRzOiB0cnVlIH0pIGV1aUxhYmVsQ29tcG9uZW50OiBRdWVyeUxpc3Q8RXVpTGFiZWxDb21wb25lbnQ+O1xuICAgIEBDb250ZW50Q2hpbGRyZW4oZm9yd2FyZFJlZigoKSA9PiBFdWlUZW1wbGF0ZURpcmVjdGl2ZSksIHsgZGVzY2VuZGFudHM6IHRydWUgfSkgdGVtcGxhdGVzOiBRdWVyeUxpc3Q8RXVpVGVtcGxhdGVEaXJlY3RpdmU+O1xuICAgIEBDb250ZW50Q2hpbGQoZm9yd2FyZFJlZigoKSA9PiBFdWlBcnJvd0tleU5hdmlnYWJsZURpcmVjdGl2ZSkpIGV1aUFycm93S2V5TmF2aWdhYmxlRGlyZWN0aXZlOiBFdWlBcnJvd0tleU5hdmlnYWJsZURpcmVjdGl2ZTtcblxuICAgIEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KSBpc0FjdGl2ZSA9IGZhbHNlO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHB1YmxpYyBiYXNlU3RhdGVzRGlyZWN0aXZlOiBCYXNlU3RhdGVzRGlyZWN0aXZlLFxuICAgICAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICAgKSB7XG4gICAgfVxuXG4gICAgcHVibGljIGZvY3VzKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgIH1cblxuICAgIHB1YmxpYyBjbGljaygpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY2xpY2soKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0QWN0aXZlU3R5bGVzKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmlzQWN0aXZlID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0SW5hY3RpdmVTdHlsZXMoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXNBY3RpdmUgPSBmYWxzZTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZXVpLWxpc3QtaXRlbV9fY29udGFpbmVyXCIgW2NsYXNzLmV1aS1saXN0LWl0ZW0tLWhhcy1zdWJtZW51XT1cImV1aUxpc3RDb21wb25lbnQubGVuZ3RoID4gMFwiPlxuICAgIDxkaXYgY2xhc3M9XCJldWktbGlzdC1pdGVtX19jb250ZW50XCI+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJldWlJY29uU3ZnQ29tcG9uZW50Lmxlbmd0aCA+IDBcIiBjbGFzcz1cImV1aS1saXN0LWl0ZW1fX2NvbnRlbnQtaWNvblwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2V1aS1pY29uLXN2Z10sIFtldWlJY29uU3ZnXVwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJldWlMYWJlbENvbXBvbmVudC5sZW5ndGggPiAwXCIgY2xhc3M9XCJldWktbGlzdC1pdGVtX19jb250ZW50LXRleHRcIj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltldWktbGFiZWxdLCBbZXVpTGFiZWxdXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdlxuICAgICAgICBjbGFzcz1cImV1aS1saXN0LWl0ZW1fX3N1Yi1saXN0XCJcbiAgICAgICAgKm5nSWY9XCIoZXVpTGlzdENvbXBvbmVudC5sZW5ndGggPiAwKSB8fCAoZXVpTGlzdENvbXBvbmVudC5sZW5ndGggPiAwKVwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZXVpLWxpc3RdLCBbZXVpTGlzdF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2022/eui-list/eui-list.component.mjs

@@ -17,6 +17,18 @@ export class EuiListComponent {
                 }
                 break;
             }
+            case 'ArrowRight': {
+                if (this.focusKeyManager.activeItem.euiArrowKeyNavigableDirective) {
+                    this.checkRichContentFocusState();
+                }
+                break;
+            }
+            case 'ArrowLeft': {
+                if (this.focusKeyManager.activeItem.euiArrowKeyNavigableDirective) {
+                    this.checkRichContentFocusState();
+                }
+                break;
+            }
             default: {
                 this.focusKeyManager.onKeydown(event);
                 break;
@@ -36,12 +48,15 @@ export class EuiListComponent {
             }
         });
     }
+    checkRichContentFocusState() {
+        !this.focusKeyManager.activeItem.euiArrowKeyNavigableDirective.isFocused ? this.focusKeyManager.activeItem.euiArrowKeyNavigableDirective.elementRef.nativeElement.focus() : this.focusKeyManager.activeItem.focus();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: EuiListComponent, selector: "[euiList], eui-list", host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.tabindex": "this.tabIndex" } }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => EuiListItemComponent), descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.6", type: EuiListComponent, selector: "[euiList], eui-list", host: { listeners: { "keydown": "onKeydown($event)" }, properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.tabindex": "this.tabIndex" } }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => EuiListItemComponent), descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiListComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[euiList], eui-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-base-disabled-opacity)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n"] }]
+            args: [{ selector: '[euiList], eui-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".eui-list{display:block;height:auto;position:relative;margin:0;padding:0;border:2px solid transparent}.eui-list:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item{background:none;border:none;box-shadow:none;cursor:pointer;display:block;max-width:100%;outline:none;padding:var(--eui-s-xs) var(--eui-s-s);position:relative;-webkit-tap-highlight-color:transparent;text-align:left;text-decoration:none;-webkit-user-select:none;user-select:none;width:100%;list-style:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-list .eui-list-item:hover{background-color:var(--eui-c-hover)}.eui-list .eui-list-item--active{background-color:var(--eui-c-active)}.eui-list .eui-list-item .eui-list-item__container{display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content{align-items:center;display:flex;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon{align-items:center;display:flex}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-icon .eui-icon-svg{margin-right:var(--eui-s-xs)}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text{display:flex;flex-direction:column;font:var(--eui-f-m-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container .eui-list-item__content .eui-list-item__content-text .eui-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu{display:block;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__content{align-items:center;display:flex;width:100%}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list{margin-left:var(--eui-s-m)}.eui-list .eui-list-item .eui-list-item__container.eui-list-item--has-submenu .eui-list-item__sub-list .eui-list-item{padding-right:0}.eui-list .eui-list-item .eui-list-item__container .eui-button{margin-left:var(--eui-s-s)}.eui-list button.eui-list-item{padding:var(--eui-s-2xs) var(--eui-s-xs)}navigation-list nav{height:auto}.eui-list-item__content-toggle--expanded{transform:rotate(-180deg)}.eui-list-item--disabled{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui-list-item--primary{color:var(--eui-c-primary)}.eui-list-item--secondary{color:var(--eui-c-neutral-light)}.eui-list-item--info{color:var(--eui-c-info)}.eui-list-item--success{color:var(--eui-c-success)}.eui-list-item--warning{color:var(--eui-c-warning)}.eui-list-item--danger{color:var(--eui-c-danger)}.eui-list-item--accent{color:var(--eui-c-accent-dark)}\n"] }]
         }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -58,4 +73,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6",
                 type: HostListener,
                 args: ['keydown', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLWxpc3QvZXVpLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWxpc3QvZXVpLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFNBQVMsRUFDVCxXQUFXLEVBQ1gsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUVqQixlQUFlLEVBQ2YsVUFBVSxFQUVWLFlBQVksR0FDZixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFcEQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0seUNBQXlDLENBQUM7O0FBUy9FLE1BQU0sT0FBTyxnQkFBZ0I7SUFQN0I7UUFhOEIsU0FBSSxHQUFHLE1BQU0sQ0FBQztLQWtDM0M7SUF2Q0csSUFDSSxVQUFVO1FBQ1YsT0FBTyxVQUFVLENBQUM7SUFDdEIsQ0FBQztJQVFELFNBQVMsQ0FBQyxLQUFvQjtRQUMxQixRQUFRLEtBQUssQ0FBQyxHQUFHLEVBQUUsQ0FBQztZQUNoQixLQUFLLE9BQU8sQ0FBQyxDQUFDLENBQUM7Z0JBQ1gsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFLFVBQVUsRUFBRSxDQUFDO29CQUNuQyxJQUFJLENBQUMsZUFBZSxDQUFDLFVBQVUsQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDNUMsQ0FBQztnQkFDRCxNQUFNO1lBQ1YsQ0FBQztZQUNELE9BQU8sQ0FBQyxDQUFDLENBQUM7Z0JBQ04sSUFBSSxDQUFDLGVBQWUsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ3RDLE1BQU07WUFDVixDQUFDO1FBQ0wsQ0FBQztJQUNMLENBQUM7SUFFRCxrQkFBa0I7UUFDZCw4RUFBOEU7UUFDOUUsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsUUFBUSxFQUFFLENBQUM7UUFFbEUsOEZBQThGO1FBQzlGLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDeEIsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO2dCQUNuQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQztZQUNwRSxDQUFDO2lCQUFNLENBQUM7Z0JBQ0osSUFBSSxDQUFDLFFBQVEsR0FBRyxHQUFHLENBQUM7WUFDeEIsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztxSEF2Q1EsZ0JBQWdCO3lHQUFoQixnQkFBZ0Isc1FBUVMsb0JBQW9CLGlEQzlCMUQsNkJBQ0E7O2tHRHFCYSxnQkFBZ0I7a0JBUDVCLFNBQVM7K0JBRUkscUJBQXFCLG1CQUVkLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7OEJBSWpDLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPO2dCQUtNLElBQUk7c0JBQTdCLFdBQVc7dUJBQUMsV0FBVztnQkFDTSxRQUFRO3NCQUFyQyxXQUFXO3VCQUFDLGVBQWU7Z0JBQ29ELEtBQUs7c0JBQXBGLGVBQWU7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG9CQUFvQixDQUFDLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFO2dCQUk5RSxTQUFTO3NCQURSLFlBQVk7dUJBQUMsU0FBUyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG4gICAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgICBDb250ZW50Q2hpbGRyZW4sXG4gICAgZm9yd2FyZFJlZixcbiAgICBRdWVyeUxpc3QsXG4gICAgSG9zdExpc3RlbmVyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvY3VzS2V5TWFuYWdlciB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9hMTF5JztcblxuaW1wb3J0IHsgRXVpTGlzdEl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2V1aS1saXN0LWl0ZW0vZXVpLWxpc3QtaXRlbS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICAgIHNlbGVjdG9yOiAnW2V1aUxpc3RdLCBldWktbGlzdCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiAnZXVpLWxpc3QnO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgcm9sZSA9ICdsaXN0JztcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIudGFiaW5kZXgnKSB0YWJJbmRleDogc3RyaW5nO1xuICAgIEBDb250ZW50Q2hpbGRyZW4oZm9yd2FyZFJlZigoKSA9PiBFdWlMaXN0SXRlbUNvbXBvbmVudCksIHsgZGVzY2VuZGFudHM6IHRydWUgfSkgaXRlbXM6IFF1ZXJ5TGlzdDxFdWlMaXN0SXRlbUNvbXBvbmVudD47XG4gICAgcHJpdmF0ZSBmb2N1c0tleU1hbmFnZXI6IEZvY3VzS2V5TWFuYWdlcjxFdWlMaXN0SXRlbUNvbXBvbmVudD47XG5cbiAgICBASG9zdExpc3RlbmVyKCdrZXlkb3duJywgWyckZXZlbnQnXSlcbiAgICBvbktleWRvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgc3dpdGNoIChldmVudC5rZXkpIHtcbiAgICAgICAgICAgIGNhc2UgJ0VudGVyJzoge1xuICAgICAgICAgICAgICAgIGlmICh0aGlzLmZvY3VzS2V5TWFuYWdlcj8uYWN0aXZlSXRlbSkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmZvY3VzS2V5TWFuYWdlci5hY3RpdmVJdGVtLmNsaWNrKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgZGVmYXVsdDoge1xuICAgICAgICAgICAgICAgIHRoaXMuZm9jdXNLZXlNYW5hZ2VyLm9uS2V5ZG93bihldmVudCk7XG4gICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgICAgIC8vIGluc3RhbnRpYXRlcyBGb2N1c0tleU1hbmFnZXIgd2l0aCB0aGUgcXVlcnkgbGlzdCBvZiBpdGVtcyBlbmFibGluZyB3cmFwcGluZ1xuICAgICAgICB0aGlzLmZvY3VzS2V5TWFuYWdlciA9IG5ldyBGb2N1c0tleU1hbmFnZXIodGhpcy5pdGVtcykud2l0aFdyYXAoKTtcblxuICAgICAgICAvLyBjaGVja3Mgd2hldGhlciBhbiBpdGVtIGNvbnRhaW5zIGEgc3ViLW1lbnUgYW5kIGlmIHNvIGl0IHNldHMgaXQncyB1bCBlbGVtZW50IHRhYmluZGV4IHRvIC0xXG4gICAgICAgIHRoaXMuaXRlbXMuZm9yRWFjaCgoaXRlbSkgPT4ge1xuICAgICAgICAgICAgaWYgKGl0ZW0uZXVpTGlzdENvbXBvbmVudC5sZW5ndGggPiAwKSB7XG4gICAgICAgICAgICAgICAgaXRlbS5ldWlMaXN0Q29tcG9uZW50LmZvckVhY2goKGxpc3QpID0+IChsaXN0LnRhYkluZGV4ID0gJy0xJykpO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICB0aGlzLnRhYkluZGV4ID0gJzAnO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLWxpc3QvZXVpLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZXVpLWxpc3QvZXVpLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFNBQVMsRUFDVCxXQUFXLEVBQ1gsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUVqQixlQUFlLEVBQ2YsVUFBVSxFQUVWLFlBQVksR0FDZixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFcEQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0seUNBQXlDLENBQUM7O0FBUy9FLE1BQU0sT0FBTyxnQkFBZ0I7SUFQN0I7UUFhOEIsU0FBSSxHQUFHLE1BQU0sQ0FBQztLQW1EM0M7SUF4REcsSUFDSSxVQUFVO1FBQ1YsT0FBTyxVQUFVLENBQUM7SUFDdEIsQ0FBQztJQVFELFNBQVMsQ0FBQyxLQUFvQjtRQUMxQixRQUFRLEtBQUssQ0FBQyxHQUFHLEVBQUUsQ0FBQztZQUNoQixLQUFLLE9BQU8sQ0FBQyxDQUFDLENBQUM7Z0JBQ1gsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFLFVBQVUsRUFBRSxDQUFDO29CQUNuQyxJQUFJLENBQUMsZUFBZSxDQUFDLFVBQVUsQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDNUMsQ0FBQztnQkFDRCxNQUFNO1lBQ1YsQ0FBQztZQUNELEtBQUssWUFBWSxDQUFDLENBQUMsQ0FBQztnQkFDakIsSUFBRyxJQUFJLENBQUMsZUFBZSxDQUFDLFVBQVUsQ0FBQyw2QkFBNkIsRUFBQyxDQUFDO29CQUM3RCxJQUFJLENBQUMsMEJBQTBCLEVBQUUsQ0FBQztnQkFFdkMsQ0FBQztnQkFDRCxNQUFNO1lBQ1QsQ0FBQztZQUNELEtBQUssV0FBVyxDQUFDLENBQUMsQ0FBQztnQkFDaEIsSUFBRyxJQUFJLENBQUMsZUFBZSxDQUFDLFVBQVUsQ0FBQyw2QkFBNkIsRUFBQyxDQUFDO29CQUM3RCxJQUFJLENBQUMsMEJBQTBCLEVBQUUsQ0FBQztnQkFDdkMsQ0FBQztnQkFDRCxNQUFNO1lBQ1QsQ0FBQztZQUNELE9BQU8sQ0FBQyxDQUFDLENBQUM7Z0JBQ04sSUFBSSxDQUFDLGVBQWUsQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLENBQUM7Z0JBQ3RDLE1BQU07WUFDVixDQUFDO1FBQ0wsQ0FBQztJQUNMLENBQUM7SUFFRCxrQkFBa0I7UUFDZCw4RUFBOEU7UUFDOUUsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLGVBQWUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsUUFBUSxFQUFFLENBQUM7UUFFbEUsOEZBQThGO1FBQzlGLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDeEIsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO2dCQUNuQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQztZQUNwRSxDQUFDO2lCQUFNLENBQUM7Z0JBQ0osSUFBSSxDQUFDLFFBQVEsR0FBRyxHQUFHLENBQUM7WUFDeEIsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELDBCQUEwQjtRQUN0QixDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsVUFBVSxDQUFDLDZCQUE2QixDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUMsNkJBQTZCLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDeE4sQ0FBQztxSEF4RFEsZ0JBQWdCO3lHQUFoQixnQkFBZ0Isc1FBUVMsb0JBQW9CLGlEQzlCMUQsNkJBQ0E7O2tHRHFCYSxnQkFBZ0I7a0JBUDVCLFNBQVM7K0JBRUkscUJBQXFCLG1CQUVkLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUk7OEJBSWpDLFVBQVU7c0JBRGIsV0FBVzt1QkFBQyxPQUFPO2dCQUtNLElBQUk7c0JBQTdCLFdBQVc7dUJBQUMsV0FBVztnQkFDTSxRQUFRO3NCQUFyQyxXQUFXO3VCQUFDLGVBQWU7Z0JBQ29ELEtBQUs7c0JBQXBGLGVBQWU7dUJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG9CQUFvQixDQUFDLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFO2dCQUk5RSxTQUFTO3NCQURSLFlBQVk7dUJBQUMsU0FBUyxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgSG9zdEJpbmRpbmcsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG4gICAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgICBDb250ZW50Q2hpbGRyZW4sXG4gICAgZm9yd2FyZFJlZixcbiAgICBRdWVyeUxpc3QsXG4gICAgSG9zdExpc3RlbmVyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvY3VzS2V5TWFuYWdlciB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9hMTF5JztcblxuaW1wb3J0IHsgRXVpTGlzdEl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2V1aS1saXN0LWl0ZW0vZXVpLWxpc3QtaXRlbS5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgICB0ZW1wbGF0ZVVybDogJy4vZXVpLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICAgIHNlbGVjdG9yOiAnW2V1aUxpc3RdLCBldWktbGlzdCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzL19pbmRleC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpTGlzdENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKVxuICAgIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiAnZXVpLWxpc3QnO1xuICAgIH1cblxuICAgIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgcm9sZSA9ICdsaXN0JztcbiAgICBASG9zdEJpbmRpbmcoJ2F0dHIudGFiaW5kZXgnKSB0YWJJbmRleDogc3RyaW5nO1xuICAgIEBDb250ZW50Q2hpbGRyZW4oZm9yd2FyZFJlZigoKSA9PiBFdWlMaXN0SXRlbUNvbXBvbmVudCksIHsgZGVzY2VuZGFudHM6IHRydWUgfSkgaXRlbXM6IFF1ZXJ5TGlzdDxFdWlMaXN0SXRlbUNvbXBvbmVudD47XG4gICAgcHJpdmF0ZSBmb2N1c0tleU1hbmFnZXI6IEZvY3VzS2V5TWFuYWdlcjxFdWlMaXN0SXRlbUNvbXBvbmVudD47XG5cbiAgICBASG9zdExpc3RlbmVyKCdrZXlkb3duJywgWyckZXZlbnQnXSlcbiAgICBvbktleWRvd24oZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiB2b2lkIHtcbiAgICAgICAgc3dpdGNoIChldmVudC5rZXkpIHtcbiAgICAgICAgICAgIGNhc2UgJ0VudGVyJzoge1xuICAgICAgICAgICAgICAgIGlmICh0aGlzLmZvY3VzS2V5TWFuYWdlcj8uYWN0aXZlSXRlbSkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmZvY3VzS2V5TWFuYWdlci5hY3RpdmVJdGVtLmNsaWNrKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgY2FzZSAnQXJyb3dSaWdodCc6IHtcbiAgICAgICAgICAgICAgIGlmKHRoaXMuZm9jdXNLZXlNYW5hZ2VyLmFjdGl2ZUl0ZW0uZXVpQXJyb3dLZXlOYXZpZ2FibGVEaXJlY3RpdmUpe1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmNoZWNrUmljaENvbnRlbnRGb2N1c1N0YXRlKCk7XG4gICAgICAgICAgICAgICAgICAgXG4gICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGNhc2UgJ0Fycm93TGVmdCc6IHtcbiAgICAgICAgICAgICAgIGlmKHRoaXMuZm9jdXNLZXlNYW5hZ2VyLmFjdGl2ZUl0ZW0uZXVpQXJyb3dLZXlOYXZpZ2FibGVEaXJlY3RpdmUpe1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmNoZWNrUmljaENvbnRlbnRGb2N1c1N0YXRlKCk7XG4gICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGRlZmF1bHQ6IHtcbiAgICAgICAgICAgICAgICB0aGlzLmZvY3VzS2V5TWFuYWdlci5vbktleWRvd24oZXZlbnQpO1xuICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgICAgICAvLyBpbnN0YW50aWF0ZXMgRm9jdXNLZXlNYW5hZ2VyIHdpdGggdGhlIHF1ZXJ5IGxpc3Qgb2YgaXRlbXMgZW5hYmxpbmcgd3JhcHBpbmdcbiAgICAgICAgdGhpcy5mb2N1c0tleU1hbmFnZXIgPSBuZXcgRm9jdXNLZXlNYW5hZ2VyKHRoaXMuaXRlbXMpLndpdGhXcmFwKCk7XG5cbiAgICAgICAgLy8gY2hlY2tzIHdoZXRoZXIgYW4gaXRlbSBjb250YWlucyBhIHN1Yi1tZW51IGFuZCBpZiBzbyBpdCBzZXRzIGl0J3MgdWwgZWxlbWVudCB0YWJpbmRleCB0byAtMVxuICAgICAgICB0aGlzLml0ZW1zLmZvckVhY2goKGl0ZW0pID0+IHtcbiAgICAgICAgICAgIGlmIChpdGVtLmV1aUxpc3RDb21wb25lbnQubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgICAgIGl0ZW0uZXVpTGlzdENvbXBvbmVudC5mb3JFYWNoKChsaXN0KSA9PiAobGlzdC50YWJJbmRleCA9ICctMScpKTtcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgdGhpcy50YWJJbmRleCA9ICcwJztcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgY2hlY2tSaWNoQ29udGVudEZvY3VzU3RhdGUoKTogdm9pZCB7XG4gICAgICAgICF0aGlzLmZvY3VzS2V5TWFuYWdlci5hY3RpdmVJdGVtLmV1aUFycm93S2V5TmF2aWdhYmxlRGlyZWN0aXZlLmlzRm9jdXNlZCA/IHRoaXMuZm9jdXNLZXlNYW5hZ2VyLmFjdGl2ZUl0ZW0uZXVpQXJyb3dLZXlOYXZpZ2FibGVEaXJlY3RpdmUuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmZvY3VzKCkgOiB0aGlzLmZvY3VzS2V5TWFuYWdlci5hY3RpdmVJdGVtLmZvY3VzKCk7XG4gICAgfVxufVxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19

package/esm2022/eui-list/eui-list.module.mjs

@@ -1,22 +1,22 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { EuiListComponent } from './eui-list.component';
-import { EuiListItemComponent } from './eui-list-item/eui-list-item.component';
+import { EuiArrowKeyNavigableDirective, EuiListItemComponent } from './eui-list-item/eui-list-item.component';
 import { EuiIconModule } from '@eui/components/eui-icon';
 import { EuiLabelModule } from '@eui/components/eui-label';
 import { EuiButtonModule } from '@eui/components/eui-button';
 import * as i0 from "@angular/core";
 export class EuiListModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiListModule, declarations: [EuiListComponent, EuiListItemComponent], imports: [CommonModule, EuiIconModule, EuiButtonModule, EuiLabelModule], exports: [EuiListComponent, EuiListItemComponent] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiListModule, declarations: [EuiListComponent, EuiListItemComponent, EuiArrowKeyNavigableDirective], imports: [CommonModule, EuiIconModule, EuiButtonModule, EuiLabelModule], exports: [EuiListComponent, EuiListItemComponent, EuiArrowKeyNavigableDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiListModule, imports: [CommonModule, EuiIconModule, EuiButtonModule, EuiLabelModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, EuiIconModule, EuiButtonModule, EuiLabelModule],
-                    declarations: [EuiListComponent, EuiListItemComponent],
-                    exports: [EuiListComponent, EuiListItemComponent],
+                    declarations: [EuiListComponent, EuiListItemComponent, EuiArrowKeyNavigableDirective],
+                    exports: [EuiListComponent, EuiListItemComponent, EuiArrowKeyNavigableDirective],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWxpc3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLWxpc3QvZXVpLWxpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQy9FLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQU83RCxNQUFNLE9BQU8sYUFBYTtxSEFBYixhQUFhO3NIQUFiLGFBQWEsaUJBSFAsZ0JBQWdCLEVBQUUsb0JBQW9CLGFBRDNDLFlBQVksRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLGNBQWMsYUFFNUQsZ0JBQWdCLEVBQUUsb0JBQW9CO3NIQUV2QyxhQUFhLFlBSlosWUFBWSxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsY0FBYzs7a0dBSTdELGFBQWE7a0JBTHpCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsY0FBYyxDQUFDO29CQUN2RSxZQUFZLEVBQUUsQ0FBQyxnQkFBZ0IsRUFBRSxvQkFBb0IsQ0FBQztvQkFDdEQsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLEVBQUUsb0JBQW9CLENBQUM7aUJBQ3BEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IEV1aUxpc3RDb21wb25lbnQgfSBmcm9tICcuL2V1aS1saXN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFdWlMaXN0SXRlbUNvbXBvbmVudCB9IGZyb20gJy4vZXVpLWxpc3QtaXRlbS9ldWktbGlzdC1pdGVtLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFdWlJY29uTW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1pY29uJztcbmltcG9ydCB7IEV1aUxhYmVsTW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1sYWJlbCc7XG5pbXBvcnQgeyBFdWlCdXR0b25Nb2R1bGUgfSBmcm9tICdAZXVpL2NvbXBvbmVudHMvZXVpLWJ1dHRvbic7XG5cbkBOZ01vZHVsZSh7XG4gICAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRXVpSWNvbk1vZHVsZSwgRXVpQnV0dG9uTW9kdWxlLCBFdWlMYWJlbE1vZHVsZV0sXG4gICAgZGVjbGFyYXRpb25zOiBbRXVpTGlzdENvbXBvbmVudCwgRXVpTGlzdEl0ZW1Db21wb25lbnRdLFxuICAgIGV4cG9ydHM6IFtFdWlMaXN0Q29tcG9uZW50LCBFdWlMaXN0SXRlbUNvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEV1aUxpc3RNb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLWxpc3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vZXVpLWxpc3QvZXVpLWxpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3hELE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBQzlHLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQU83RCxNQUFNLE9BQU8sYUFBYTtxSEFBYixhQUFhO3NIQUFiLGFBQWEsaUJBSFAsZ0JBQWdCLEVBQUUsb0JBQW9CLEVBQUUsNkJBQTZCLGFBRDFFLFlBQVksRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLGNBQWMsYUFFNUQsZ0JBQWdCLEVBQUUsb0JBQW9CLEVBQUUsNkJBQTZCO3NIQUV0RSxhQUFhLFlBSlosWUFBWSxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsY0FBYzs7a0dBSTdELGFBQWE7a0JBTHpCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsY0FBYyxDQUFDO29CQUN2RSxZQUFZLEVBQUUsQ0FBQyxnQkFBZ0IsRUFBRSxvQkFBb0IsRUFBRSw2QkFBNkIsQ0FBQztvQkFDckYsT0FBTyxFQUFFLENBQUMsZ0JBQWdCLEVBQUUsb0JBQW9CLEVBQUUsNkJBQTZCLENBQUM7aUJBQ25GIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbmltcG9ydCB7IEV1aUxpc3RDb21wb25lbnQgfSBmcm9tICcuL2V1aS1saXN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBFdWlBcnJvd0tleU5hdmlnYWJsZURpcmVjdGl2ZSwgRXVpTGlzdEl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2V1aS1saXN0LWl0ZW0vZXVpLWxpc3QtaXRlbS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRXVpSWNvbk1vZHVsZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktaWNvbic7XG5pbXBvcnQgeyBFdWlMYWJlbE1vZHVsZSB9IGZyb20gJ0BldWkvY29tcG9uZW50cy9ldWktbGFiZWwnO1xuaW1wb3J0IHsgRXVpQnV0dG9uTW9kdWxlIH0gZnJvbSAnQGV1aS9jb21wb25lbnRzL2V1aS1idXR0b24nO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEV1aUljb25Nb2R1bGUsIEV1aUJ1dHRvbk1vZHVsZSwgRXVpTGFiZWxNb2R1bGVdLFxuICAgIGRlY2xhcmF0aW9uczogW0V1aUxpc3RDb21wb25lbnQsIEV1aUxpc3RJdGVtQ29tcG9uZW50LCBFdWlBcnJvd0tleU5hdmlnYWJsZURpcmVjdGl2ZV0sXG4gICAgZXhwb3J0czogW0V1aUxpc3RDb21wb25lbnQsIEV1aUxpc3RJdGVtQ29tcG9uZW50LCBFdWlBcnJvd0tleU5hdmlnYWJsZURpcmVjdGl2ZV0sXG59KVxuZXhwb3J0IGNsYXNzIEV1aUxpc3RNb2R1bGUge31cbiJdfQ==

package/esm2022/eui-menu/eui-menu-item.component.mjs

@@ -137,7 +137,7 @@ export class EuiMenuItemComponent {
         ].join(' ').trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiMenuItemComponent, deps: [{ token: i1.BaseStatesDirective }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.6", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: { item: "item", parent: "parent", hasIcon: ["hasIcon", "hasIcon", booleanAttribute], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute], isLabelLowercase: ["isLabelLowercase", "isLabelLowercase", booleanAttribute] }, outputs: { expandToggle: "expandToggle", itemClick: "itemClick" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses", "attr.tabindex": "this.tabindex", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-disabled": "this.ariaDisabled" } }, hostDirectives: [{ directive: i1.BaseStatesDirective }], ngImport: i0, template: "<li\n    *ngIf=\"isLabelItem && item.visible && item.filtered\"\n    role=\"none\"\n    id=\"{{item.id}}\"\n    class=\"eui-menu-item eui-menu-item__category\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    [class.eui-menu-item--disabled]=\"item.disabled\"\n    [attr.aria-disabled]=\"item.disabled\"\n    [euiTooltip]=\"menuItemTooltip\"\n    tabindex=\"-1\"\n    position=\"after\">\n    <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    <span class=\"eui-menu-item__category-label\">\n        <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n    </span>\n</li>\n\n<li\n    *ngIf=\"isUrlItem && item.visible && item.filtered\"\n    role=\"none\"\n    id=\"{{item.id}}\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\">\n    <a\n        (click)=\"onClick($event)\"\n        tabindex=\"-1\"\n        [routerLink]=\"item.url ? item.url : null\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [routerLinkActive]=\"item.url ? 'eui-menu-item__link--active' : ''\"\n        [class.eui-menu-item__link--active]=\"item.active\"\n        [euiTooltip]=\"menuItemTooltip\"\n        position=\"after\">\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<li\n    *ngIf=\"isLinkItem && item.visible && item.filtered\"\n    role=\"none\"\n    id=\"{{item.id}}\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\">\n    <a\n        (click)=\"onClick($event)\"\n        tabindex=\"-1\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [class.eui-menu-item__link--active]=\"item.active\"\n        href=\"javascript:void(0)\"\n        [euiTooltip]=\"menuItemTooltip\"\n        position=\"after\">\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<ng-template #linkContent>\n    <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    <eui-icon-svg\n        *ngIf=\"item.hasMarker && !hasCollapsedInitials\"\n        class=\"eui-menu-item__link-marker eui-menu-item__link-marker--default\"\n        fillColor=\"{{ item?.markerTypeClass }}\"\n        icon=\"eui-ellipse\"\n        size=\"xs\"\n        [aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n    </eui-icon-svg>\n\n    <span class=\"eui-menu-item__link-label\" [class.eui-menu-item--disabled]=\"item.disabled\" [attr.aria-disabled]=\"item.disabled\">\n        <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n\n        <eui-icon-svg\n            *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\"\n            class=\"eui-menu-item__label-external\"\n            icon=\"eui-ecl-external\"\n            size=\"2xs\"\n            aria-label=\"external link icon\">\n        </eui-icon-svg>\n    </span>\n\n    <div class=\"eui-menu-item__link-right-content\">\n        <eui-chip *ngIf=\"item.tagLabel\" euiSizeXS euiOutline class=\"eui-menu-item__link-tag-label eui-chip--{{ item.tagTypeClass }}\" [ariaLabel]=\"item.tagLabel\">\n            <span euiLabel class=\"eui-label\">{{ item.tagLabel }}</span>\n        </eui-chip>\n\n        <button\n            *ngIf=\"item.actionIcon\"\n            euiButton\n            euiRounded\n            euiIconButton\n            euiSizeS\n            euiBasicButton\n            type=\"button\"\n            tabindex=\"-1\"\n            (keydown)=\"onActionIconKeyDown($event)\"\n            (focusout)=\"onActionIconFocusOut()\"\n            (focus)=\"focusActionIcon()\"\n            class=\"eui-menu-item__link-action-icon\"\n            [euiDisabled]=\"item.disabled\"\n            [attr.aria-label]=\"item.actionIcon?.label\"\n            (click)=\"onActionIconClick($event)\">\n            <eui-icon-svg [icon]=\"item.actionIcon?.icon\" [fillColor]=\"item.actionIcon?.color\"></eui-icon-svg>\n        </button>\n\n        <button\n            *ngIf=\"item.children?.length > 0\"\n            euiButton\n            euiRounded\n            euiIconButton\n            euiSizeS\n            euiBasicButton\n            euiSecondary\n            type=\"button\"\n            [euiDisabled]=\"item.disabled\"\n            class=\"eui-menu-item__link-toggle\"\n            tabindex=\"-1\"\n            [attr.aria-label]=\"item.expanded ? collapseMenuLabel : expandMenuLabel\"\n            (click)=\"onExpandToggle($event)\">\n            <eui-icon-svg *ngIf=\"item.expanded\" icon=\"eui-chevron-up\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"!item.expanded\" icon=\"eui-chevron-down\"></eui-icon-svg>\n        </button>\n    </div>\n</ng-template>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n\n<ng-template #itemIconContent>\n    @if (!isCollapsed) {\n        <eui-icon-svg\n            *ngIf=\"hasIcon && item.iconSvgName && !item.iconClass\"\n            class=\"eui-menu-item__link-icon\"\n            icon=\"{{ item.iconSvgName }}\"\n            fillColor=\"{{ item.iconTypeClass }}\"\n            size=\"s\">\n        </eui-icon-svg>\n        <span *ngIf=\"hasIcon && item.iconClass && !item.iconSvgName\" [attr.aria-label]=\"item.iconLabel\"\n            class=\"eui-menu-item__link-icon eui-icon {{item.iconClass}}\">\n        </span>\n    } @else {\n        @if (hasCollapsedInitials) {\n            <span class=\"eui-menu-item__link-initials eui-u-c-bg-{{item.iconTypeClass}}\">\n                {{ item.initials }}\n            </span>\n        } @else {\n            @if (hasIcon) {\n                <eui-icon-svg\n                    *ngIf=\"item.iconSvgName\"\n                    icon=\"{{ item.iconSvgName }}\"\n                    fillColor=\"{{ item.iconTypeClass }}\"\n                    size=\"s\">\n                </eui-icon-svg>\n\n                <eui-icon-svg\n                    *ngIf=\"!item.iconSvgName && !item.hasMarker\"\n                    class=\"eui-menu-item__category-icon--default\"\n                    icon=\"eui-ellipse\"\n                    fillColor=\"neutral-light\"\n                    size=\"xs\">\n                </eui-icon-svg>\n            } @else {\n                <eui-icon-svg\n                    *ngIf=\"!item.hasMarker\"\n                    class=\"eui-menu-item__link-icon--default\"\n                    icon=\"eui-ellipse\"\n                    size=\"xs\"\n                    [aria-label]=\"item.iconLabel\">\n                </eui-icon-svg>\n            }\n        }\n    }\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-c-neutral-lightest);display:block;text-align:center}.eui-menu:focus:not([readonly]),.eui-menu-wrapper:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]),.eui-menu-wrapper:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex=\"0\"]:focus:not([readonly]),.eui-menu-wrapper [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-toggle{display:inherit;position:absolute;right:0;transform:scale(.65);visibility:visible}.eui-menu-filter{margin:var(--eui-s-m) 0;padding:0 var(--eui-s-m);position:relative}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%;border:1px solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-c-neutral-light);display:flex;flex-direction:row;justify-content:center;padding:var(--eui-s-xs) var(--eui-s-m);text-decoration:none;text-transform:uppercase;font:var(--eui-f-s-bold)}.eui-page-column__body .eui-menu-item__category{text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-c-neutral-bg-light);cursor:default;text-decoration:none}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-s-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-s-2xs)}.eui-menu-item__category-label{position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-menu-item__category .eui-menu-item__link-icon{margin-right:var(--eui-s-xs)}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-c-neutral-bg-light);color:var(--eui-c-text)!important;cursor:pointer;display:flex;justify-content:center;padding:calc(.5 * var(--eui-s-xs)) var(--eui-s-m);text-decoration:none;text-transform:uppercase;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);text-decoration:none;font:var(--eui-f-m-bold)}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-s-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-s-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-s-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-f-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-s-2xs)}.eui-menu-item__link-label{position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font:var(--eui-f-m)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-s-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-s-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-s-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-s-2xs);margin-right:calc(-1 * var(--eui-s-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__link-action-icon{margin-left:var(--eui-s-2xs)}.eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border-radius:var(--eui-s-xs);min-width:var(--eui-s-2xl);text-align:center;justify-content:center;border:1px solid var(--eui-c-neutral-lightest);font:var(--eui-f-s-bold)}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-c-neutral-lighter);margin-left:var(--eui-s-xs);font:var(--eui-f-s)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-c-neutral-light);height:var(--eui-s-s);width:var(--eui-s-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-button.eui-menu-item__link-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item--lowercase .eui-menu-item__link,.eui-menu-item--lowercase .eui-menu-item__label,.eui-menu-item--lowercase .eui-menu-item__category,.eui-menu-item--lowercase .eui-menu-item__category-label{text-transform:initial!important}.eui-menu-item--lowercase .eui-menu-item__link-label{font-size:var(--eui-f-size)}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:var(--eui-s-xs) 0 var(--eui-s-xs) var(--eui-s-xl);text-decoration:none;text-transform:uppercase}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-c-neutral-bg-light);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-c-info)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-s-2xs)}.eui-menu-sub .eui-menu-item__category-label .eui-menu-item__label{display:block;border-bottom:1px solid var(--eui-c-neutral-lightest);padding-bottom:var(--eui-s-2xs);font:var(--eui-f-s-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category{padding-left:0}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-s-m));padding-left:var(--eui-s-xl);text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-2xs);padding-right:0}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-s-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-f-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-s-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-s-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-s-2xs))}.eui-menu-sub .eui-menu-item__link-label{height:auto;padding-top:var(--eui-s-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-s-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-s-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-s-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-s-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-s-m))}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i5.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["ariaLabel", "e2eAttr", "euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: i6.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "directive", type: i7.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-next.6", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: { item: "item", parent: "parent", hasIcon: ["hasIcon", "hasIcon", booleanAttribute], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute], isLabelLowercase: ["isLabelLowercase", "isLabelLowercase", booleanAttribute] }, outputs: { expandToggle: "expandToggle", itemClick: "itemClick" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses", "attr.tabindex": "this.tabindex", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-disabled": "this.ariaDisabled" } }, hostDirectives: [{ directive: i1.BaseStatesDirective }], ngImport: i0, template: "<li\n    *ngIf=\"isLabelItem && item.visible && item.filtered\"\n    role=\"none\"\n    id=\"{{item.id}}\"\n    class=\"eui-menu-item eui-menu-item__category\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    [class.eui-menu-item--disabled]=\"item.disabled\"\n    [attr.aria-disabled]=\"item.disabled\"\n    [euiTooltip]=\"menuItemTooltip\"\n    tabindex=\"-1\"\n    position=\"after\">\n    <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    <span class=\"eui-menu-item__category-label\">\n        <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n    </span>\n</li>\n\n<li\n    *ngIf=\"isUrlItem && item.visible && item.filtered\"\n    role=\"none\"\n    id=\"{{item.id}}\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\">\n    <a\n        (click)=\"onClick($event)\"\n        tabindex=\"-1\"\n        [routerLink]=\"item.url ? item.url : null\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [routerLinkActive]=\"item.url ? 'eui-menu-item__link--active' : ''\"\n        [class.eui-menu-item__link--active]=\"item.active\"\n        [euiTooltip]=\"menuItemTooltip\"\n        position=\"after\">\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<li\n    *ngIf=\"isLinkItem && item.visible && item.filtered\"\n    role=\"none\"\n    id=\"{{item.id}}\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\">\n    <a\n        (click)=\"onClick($event)\"\n        tabindex=\"-1\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [class.eui-menu-item__link--active]=\"item.active\"\n        href=\"javascript:void(0)\"\n        [euiTooltip]=\"menuItemTooltip\"\n        position=\"after\">\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<ng-template #linkContent>\n    <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    <eui-icon-svg\n        *ngIf=\"item.hasMarker && !hasCollapsedInitials\"\n        class=\"eui-menu-item__link-marker eui-menu-item__link-marker--default\"\n        fillColor=\"{{ item?.markerTypeClass }}\"\n        icon=\"eui-ellipse\"\n        size=\"xs\"\n        [aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n    </eui-icon-svg>\n\n    <span class=\"eui-menu-item__link-label\" [class.eui-menu-item--disabled]=\"item.disabled\" [attr.aria-disabled]=\"item.disabled\">\n        <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n\n        <eui-icon-svg\n            *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\"\n            class=\"eui-menu-item__label-external\"\n            icon=\"eui-ecl-external\"\n            size=\"2xs\"\n            aria-label=\"external link icon\">\n        </eui-icon-svg>\n    </span>\n\n    <div class=\"eui-menu-item__link-right-content\">\n        <eui-chip *ngIf=\"item.tagLabel\" euiSizeXS euiOutline class=\"eui-menu-item__link-tag-label eui-chip--{{ item.tagTypeClass }}\" [ariaLabel]=\"item.tagLabel\">\n            <span euiLabel class=\"eui-label\">{{ item.tagLabel }}</span>\n        </eui-chip>\n\n        <button\n            *ngIf=\"item.actionIcon\"\n            euiButton\n            euiRounded\n            euiIconButton\n            euiSizeS\n            euiBasicButton\n            type=\"button\"\n            tabindex=\"-1\"\n            (keydown)=\"onActionIconKeyDown($event)\"\n            (focusout)=\"onActionIconFocusOut()\"\n            (focus)=\"focusActionIcon()\"\n            class=\"eui-menu-item__link-action-icon\"\n            [euiDisabled]=\"item.disabled\"\n            [attr.aria-label]=\"item.actionIcon?.label\"\n            (click)=\"onActionIconClick($event)\">\n            <eui-icon-svg [icon]=\"item.actionIcon?.icon\" [fillColor]=\"item.actionIcon?.color\"></eui-icon-svg>\n        </button>\n\n        <button\n            *ngIf=\"item.children?.length > 0\"\n            euiButton\n            euiRounded\n            euiIconButton\n            euiSizeS\n            euiBasicButton\n            euiSecondary\n            type=\"button\"\n            [euiDisabled]=\"item.disabled\"\n            class=\"eui-menu-item__link-toggle\"\n            tabindex=\"-1\"\n            [attr.aria-label]=\"item.expanded ? collapseMenuLabel : expandMenuLabel\"\n            (click)=\"onExpandToggle($event)\">\n            <eui-icon-svg *ngIf=\"item.expanded\" icon=\"eui-chevron-up\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"!item.expanded\" icon=\"eui-chevron-down\"></eui-icon-svg>\n        </button>\n    </div>\n</ng-template>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n\n<ng-template #itemIconContent>\n    @if (!isCollapsed) {\n        <eui-icon-svg\n            *ngIf=\"hasIcon && item.iconSvgName && !item.iconClass\"\n            class=\"eui-menu-item__link-icon\"\n            icon=\"{{ item.iconSvgName }}\"\n            fillColor=\"{{ item.iconTypeClass }}\"\n            size=\"s\">\n        </eui-icon-svg>\n        <span *ngIf=\"hasIcon && item.iconClass && !item.iconSvgName\" [attr.aria-label]=\"item.iconLabel\"\n            class=\"eui-menu-item__link-icon eui-icon {{item.iconClass}}\">\n        </span>\n    } @else {\n        @if (hasCollapsedInitials) {\n            <span class=\"eui-menu-item__link-initials eui-u-c-bg-{{item.iconTypeClass}}\">\n                {{ item.initials }}\n            </span>\n        } @else {\n            @if (hasIcon) {\n                <eui-icon-svg\n                    *ngIf=\"item.iconSvgName\"\n                    icon=\"{{ item.iconSvgName }}\"\n                    fillColor=\"{{ item.iconTypeClass }}\"\n                    size=\"s\">\n                </eui-icon-svg>\n\n                <eui-icon-svg\n                    *ngIf=\"!item.iconSvgName && !item.hasMarker\"\n                    class=\"eui-menu-item__category-icon--default\"\n                    icon=\"eui-ellipse\"\n                    fillColor=\"neutral-light\"\n                    size=\"xs\">\n                </eui-icon-svg>\n            } @else {\n                <eui-icon-svg\n                    *ngIf=\"!item.hasMarker\"\n                    class=\"eui-menu-item__link-icon--default\"\n                    icon=\"eui-ellipse\"\n                    size=\"xs\"\n                    [aria-label]=\"item.iconLabel\">\n                </eui-icon-svg>\n            }\n        }\n    }\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-c-neutral-lightest);display:block;text-align:center}.eui-menu:focus:not([readonly]),.eui-menu-wrapper:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]),.eui-menu-wrapper:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex=\"0\"]:focus:not([readonly]),.eui-menu-wrapper [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-toggle{display:inherit;position:absolute;right:0;transform:scale(.65);visibility:visible}.eui-menu-filter{margin:var(--eui-s-m) 0;padding:0 var(--eui-s-m);position:relative}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%;border:1px solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-c-neutral-light);display:flex;flex-direction:row;justify-content:center;padding:var(--eui-s-xs) var(--eui-s-m);text-decoration:none;text-transform:uppercase;font:var(--eui-f-s-bold)}.eui-page-column__body .eui-menu-item__category{text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-c-neutral-bg-light);cursor:default;text-decoration:none}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-s-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-s-2xs)}.eui-menu-item__category-label{position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-menu-item__category .eui-menu-item__link-icon{margin-right:var(--eui-s-xs)}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-c-neutral-bg);color:var(--eui-c-text)!important;cursor:pointer;display:flex;justify-content:center;padding:calc(.5 * var(--eui-s-xs)) var(--eui-s-s);text-decoration:none;text-transform:uppercase;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);text-decoration:none;font:var(--eui-f-m-bold)}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-s-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-s-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-s-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-f-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-s-2xs)}.eui-menu-item__link-label{position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font:var(--eui-f-m)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-s-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-s-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-s-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-s-2xs);margin-right:calc(-1 * var(--eui-s-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__link-action-icon{margin-left:var(--eui-s-2xs)}.eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border-radius:var(--eui-s-xs);min-width:var(--eui-s-2xl);text-align:center;justify-content:center;border:1px solid var(--eui-c-neutral-lightest);font:var(--eui-f-s-bold)}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-c-neutral-lighter);margin-left:var(--eui-s-xs);font:var(--eui-f-s)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-c-neutral-light);height:var(--eui-s-s);width:var(--eui-s-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-button.eui-menu-item__link-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item--lowercase .eui-menu-item__link,.eui-menu-item--lowercase .eui-menu-item__label,.eui-menu-item--lowercase .eui-menu-item__category,.eui-menu-item--lowercase .eui-menu-item__category-label{text-transform:initial!important}.eui-menu-item--lowercase .eui-menu-item__link-label{font-size:var(--eui-f-size)}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:var(--eui-s-xs) 0 var(--eui-s-xs) var(--eui-s-xl);text-decoration:none;text-transform:uppercase}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-c-neutral-bg-light);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-c-info)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-s-2xs)}.eui-menu-sub .eui-menu-item__category-label .eui-menu-item__label{display:block;border-bottom:1px solid var(--eui-c-neutral-lightest);padding-bottom:var(--eui-s-2xs);font:var(--eui-f-s-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category{padding-left:0}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-s-m));padding-left:var(--eui-s-xl);text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-2xs);padding-right:0}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-s-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-f-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-s-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-s-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-s-2xs))}.eui-menu-sub .eui-menu-item__link-label{height:auto;padding-top:var(--eui-s-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-s-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-s-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-s-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-s-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-s-m))}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i5.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["ariaLabel", "e2eAttr", "euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: i6.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "directive", type: i7.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiMenuItemComponent, decorators: [{
             type: Component,
@@ -145,7 +145,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6",
                         {
                             directive: BaseStatesDirective,
                         },
-                    ], encapsulation: ViewEncapsulation.None, template: "<li\n    *ngIf=\"isLabelItem && item.visible && item.filtered\"\n    role=\"none\"\n    id=\"{{item.id}}\"\n    class=\"eui-menu-item eui-menu-item__category\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    [class.eui-menu-item--disabled]=\"item.disabled\"\n    [attr.aria-disabled]=\"item.disabled\"\n    [euiTooltip]=\"menuItemTooltip\"\n    tabindex=\"-1\"\n    position=\"after\">\n    <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    <span class=\"eui-menu-item__category-label\">\n        <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n    </span>\n</li>\n\n<li\n    *ngIf=\"isUrlItem && item.visible && item.filtered\"\n    role=\"none\"\n    id=\"{{item.id}}\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\">\n    <a\n        (click)=\"onClick($event)\"\n        tabindex=\"-1\"\n        [routerLink]=\"item.url ? item.url : null\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [routerLinkActive]=\"item.url ? 'eui-menu-item__link--active' : ''\"\n        [class.eui-menu-item__link--active]=\"item.active\"\n        [euiTooltip]=\"menuItemTooltip\"\n        position=\"after\">\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<li\n    *ngIf=\"isLinkItem && item.visible && item.filtered\"\n    role=\"none\"\n    id=\"{{item.id}}\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\">\n    <a\n        (click)=\"onClick($event)\"\n        tabindex=\"-1\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [class.eui-menu-item__link--active]=\"item.active\"\n        href=\"javascript:void(0)\"\n        [euiTooltip]=\"menuItemTooltip\"\n        position=\"after\">\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<ng-template #linkContent>\n    <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    <eui-icon-svg\n        *ngIf=\"item.hasMarker && !hasCollapsedInitials\"\n        class=\"eui-menu-item__link-marker eui-menu-item__link-marker--default\"\n        fillColor=\"{{ item?.markerTypeClass }}\"\n        icon=\"eui-ellipse\"\n        size=\"xs\"\n        [aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n    </eui-icon-svg>\n\n    <span class=\"eui-menu-item__link-label\" [class.eui-menu-item--disabled]=\"item.disabled\" [attr.aria-disabled]=\"item.disabled\">\n        <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n\n        <eui-icon-svg\n            *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\"\n            class=\"eui-menu-item__label-external\"\n            icon=\"eui-ecl-external\"\n            size=\"2xs\"\n            aria-label=\"external link icon\">\n        </eui-icon-svg>\n    </span>\n\n    <div class=\"eui-menu-item__link-right-content\">\n        <eui-chip *ngIf=\"item.tagLabel\" euiSizeXS euiOutline class=\"eui-menu-item__link-tag-label eui-chip--{{ item.tagTypeClass }}\" [ariaLabel]=\"item.tagLabel\">\n            <span euiLabel class=\"eui-label\">{{ item.tagLabel }}</span>\n        </eui-chip>\n\n        <button\n            *ngIf=\"item.actionIcon\"\n            euiButton\n            euiRounded\n            euiIconButton\n            euiSizeS\n            euiBasicButton\n            type=\"button\"\n            tabindex=\"-1\"\n            (keydown)=\"onActionIconKeyDown($event)\"\n            (focusout)=\"onActionIconFocusOut()\"\n            (focus)=\"focusActionIcon()\"\n            class=\"eui-menu-item__link-action-icon\"\n            [euiDisabled]=\"item.disabled\"\n            [attr.aria-label]=\"item.actionIcon?.label\"\n            (click)=\"onActionIconClick($event)\">\n            <eui-icon-svg [icon]=\"item.actionIcon?.icon\" [fillColor]=\"item.actionIcon?.color\"></eui-icon-svg>\n        </button>\n\n        <button\n            *ngIf=\"item.children?.length > 0\"\n            euiButton\n            euiRounded\n            euiIconButton\n            euiSizeS\n            euiBasicButton\n            euiSecondary\n            type=\"button\"\n            [euiDisabled]=\"item.disabled\"\n            class=\"eui-menu-item__link-toggle\"\n            tabindex=\"-1\"\n            [attr.aria-label]=\"item.expanded ? collapseMenuLabel : expandMenuLabel\"\n            (click)=\"onExpandToggle($event)\">\n            <eui-icon-svg *ngIf=\"item.expanded\" icon=\"eui-chevron-up\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"!item.expanded\" icon=\"eui-chevron-down\"></eui-icon-svg>\n        </button>\n    </div>\n</ng-template>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n\n<ng-template #itemIconContent>\n    @if (!isCollapsed) {\n        <eui-icon-svg\n            *ngIf=\"hasIcon && item.iconSvgName && !item.iconClass\"\n            class=\"eui-menu-item__link-icon\"\n            icon=\"{{ item.iconSvgName }}\"\n            fillColor=\"{{ item.iconTypeClass }}\"\n            size=\"s\">\n        </eui-icon-svg>\n        <span *ngIf=\"hasIcon && item.iconClass && !item.iconSvgName\" [attr.aria-label]=\"item.iconLabel\"\n            class=\"eui-menu-item__link-icon eui-icon {{item.iconClass}}\">\n        </span>\n    } @else {\n        @if (hasCollapsedInitials) {\n            <span class=\"eui-menu-item__link-initials eui-u-c-bg-{{item.iconTypeClass}}\">\n                {{ item.initials }}\n            </span>\n        } @else {\n            @if (hasIcon) {\n                <eui-icon-svg\n                    *ngIf=\"item.iconSvgName\"\n                    icon=\"{{ item.iconSvgName }}\"\n                    fillColor=\"{{ item.iconTypeClass }}\"\n                    size=\"s\">\n                </eui-icon-svg>\n\n                <eui-icon-svg\n                    *ngIf=\"!item.iconSvgName && !item.hasMarker\"\n                    class=\"eui-menu-item__category-icon--default\"\n                    icon=\"eui-ellipse\"\n                    fillColor=\"neutral-light\"\n                    size=\"xs\">\n                </eui-icon-svg>\n            } @else {\n                <eui-icon-svg\n                    *ngIf=\"!item.hasMarker\"\n                    class=\"eui-menu-item__link-icon--default\"\n                    icon=\"eui-ellipse\"\n                    size=\"xs\"\n                    [aria-label]=\"item.iconLabel\">\n                </eui-icon-svg>\n            }\n        }\n    }\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-c-neutral-lightest);display:block;text-align:center}.eui-menu:focus:not([readonly]),.eui-menu-wrapper:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]),.eui-menu-wrapper:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex=\"0\"]:focus:not([readonly]),.eui-menu-wrapper [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-toggle{display:inherit;position:absolute;right:0;transform:scale(.65);visibility:visible}.eui-menu-filter{margin:var(--eui-s-m) 0;padding:0 var(--eui-s-m);position:relative}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%;border:1px solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-c-neutral-light);display:flex;flex-direction:row;justify-content:center;padding:var(--eui-s-xs) var(--eui-s-m);text-decoration:none;text-transform:uppercase;font:var(--eui-f-s-bold)}.eui-page-column__body .eui-menu-item__category{text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-c-neutral-bg-light);cursor:default;text-decoration:none}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-s-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-s-2xs)}.eui-menu-item__category-label{position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-menu-item__category .eui-menu-item__link-icon{margin-right:var(--eui-s-xs)}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-c-neutral-bg-light);color:var(--eui-c-text)!important;cursor:pointer;display:flex;justify-content:center;padding:calc(.5 * var(--eui-s-xs)) var(--eui-s-m);text-decoration:none;text-transform:uppercase;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);text-decoration:none;font:var(--eui-f-m-bold)}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-s-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-s-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-s-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-f-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-s-2xs)}.eui-menu-item__link-label{position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font:var(--eui-f-m)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-s-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-s-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-s-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-s-2xs);margin-right:calc(-1 * var(--eui-s-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__link-action-icon{margin-left:var(--eui-s-2xs)}.eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border-radius:var(--eui-s-xs);min-width:var(--eui-s-2xl);text-align:center;justify-content:center;border:1px solid var(--eui-c-neutral-lightest);font:var(--eui-f-s-bold)}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-c-neutral-lighter);margin-left:var(--eui-s-xs);font:var(--eui-f-s)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-c-neutral-light);height:var(--eui-s-s);width:var(--eui-s-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-button.eui-menu-item__link-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item--lowercase .eui-menu-item__link,.eui-menu-item--lowercase .eui-menu-item__label,.eui-menu-item--lowercase .eui-menu-item__category,.eui-menu-item--lowercase .eui-menu-item__category-label{text-transform:initial!important}.eui-menu-item--lowercase .eui-menu-item__link-label{font-size:var(--eui-f-size)}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:var(--eui-s-xs) 0 var(--eui-s-xs) var(--eui-s-xl);text-decoration:none;text-transform:uppercase}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-c-neutral-bg-light);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-c-info)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-s-2xs)}.eui-menu-sub .eui-menu-item__category-label .eui-menu-item__label{display:block;border-bottom:1px solid var(--eui-c-neutral-lightest);padding-bottom:var(--eui-s-2xs);font:var(--eui-f-s-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category{padding-left:0}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-s-m));padding-left:var(--eui-s-xl);text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-2xs);padding-right:0}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-s-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-f-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-s-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-s-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-s-2xs))}.eui-menu-sub .eui-menu-item__link-label{height:auto;padding-top:var(--eui-s-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-s-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-s-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-s-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-s-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-s-m))}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<li\n    *ngIf=\"isLabelItem && item.visible && item.filtered\"\n    role=\"none\"\n    id=\"{{item.id}}\"\n    class=\"eui-menu-item eui-menu-item__category\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    [class.eui-menu-item--disabled]=\"item.disabled\"\n    [attr.aria-disabled]=\"item.disabled\"\n    [euiTooltip]=\"menuItemTooltip\"\n    tabindex=\"-1\"\n    position=\"after\">\n    <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    <span class=\"eui-menu-item__category-label\">\n        <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n    </span>\n</li>\n\n<li\n    *ngIf=\"isUrlItem && item.visible && item.filtered\"\n    role=\"none\"\n    id=\"{{item.id}}\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\">\n    <a\n        (click)=\"onClick($event)\"\n        tabindex=\"-1\"\n        [routerLink]=\"item.url ? item.url : null\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [routerLinkActive]=\"item.url ? 'eui-menu-item__link--active' : ''\"\n        [class.eui-menu-item__link--active]=\"item.active\"\n        [euiTooltip]=\"menuItemTooltip\"\n        position=\"after\">\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<li\n    *ngIf=\"isLinkItem && item.visible && item.filtered\"\n    role=\"none\"\n    id=\"{{item.id}}\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\">\n    <a\n        (click)=\"onClick($event)\"\n        tabindex=\"-1\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [class.eui-menu-item__link--active]=\"item.active\"\n        href=\"javascript:void(0)\"\n        [euiTooltip]=\"menuItemTooltip\"\n        position=\"after\">\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<ng-template #linkContent>\n    <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    <eui-icon-svg\n        *ngIf=\"item.hasMarker && !hasCollapsedInitials\"\n        class=\"eui-menu-item__link-marker eui-menu-item__link-marker--default\"\n        fillColor=\"{{ item?.markerTypeClass }}\"\n        icon=\"eui-ellipse\"\n        size=\"xs\"\n        [aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n    </eui-icon-svg>\n\n    <span class=\"eui-menu-item__link-label\" [class.eui-menu-item--disabled]=\"item.disabled\" [attr.aria-disabled]=\"item.disabled\">\n        <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n\n        <eui-icon-svg\n            *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\"\n            class=\"eui-menu-item__label-external\"\n            icon=\"eui-ecl-external\"\n            size=\"2xs\"\n            aria-label=\"external link icon\">\n        </eui-icon-svg>\n    </span>\n\n    <div class=\"eui-menu-item__link-right-content\">\n        <eui-chip *ngIf=\"item.tagLabel\" euiSizeXS euiOutline class=\"eui-menu-item__link-tag-label eui-chip--{{ item.tagTypeClass }}\" [ariaLabel]=\"item.tagLabel\">\n            <span euiLabel class=\"eui-label\">{{ item.tagLabel }}</span>\n        </eui-chip>\n\n        <button\n            *ngIf=\"item.actionIcon\"\n            euiButton\n            euiRounded\n            euiIconButton\n            euiSizeS\n            euiBasicButton\n            type=\"button\"\n            tabindex=\"-1\"\n            (keydown)=\"onActionIconKeyDown($event)\"\n            (focusout)=\"onActionIconFocusOut()\"\n            (focus)=\"focusActionIcon()\"\n            class=\"eui-menu-item__link-action-icon\"\n            [euiDisabled]=\"item.disabled\"\n            [attr.aria-label]=\"item.actionIcon?.label\"\n            (click)=\"onActionIconClick($event)\">\n            <eui-icon-svg [icon]=\"item.actionIcon?.icon\" [fillColor]=\"item.actionIcon?.color\"></eui-icon-svg>\n        </button>\n\n        <button\n            *ngIf=\"item.children?.length > 0\"\n            euiButton\n            euiRounded\n            euiIconButton\n            euiSizeS\n            euiBasicButton\n            euiSecondary\n            type=\"button\"\n            [euiDisabled]=\"item.disabled\"\n            class=\"eui-menu-item__link-toggle\"\n            tabindex=\"-1\"\n            [attr.aria-label]=\"item.expanded ? collapseMenuLabel : expandMenuLabel\"\n            (click)=\"onExpandToggle($event)\">\n            <eui-icon-svg *ngIf=\"item.expanded\" icon=\"eui-chevron-up\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"!item.expanded\" icon=\"eui-chevron-down\"></eui-icon-svg>\n        </button>\n    </div>\n</ng-template>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n\n<ng-template #itemIconContent>\n    @if (!isCollapsed) {\n        <eui-icon-svg\n            *ngIf=\"hasIcon && item.iconSvgName && !item.iconClass\"\n            class=\"eui-menu-item__link-icon\"\n            icon=\"{{ item.iconSvgName }}\"\n            fillColor=\"{{ item.iconTypeClass }}\"\n            size=\"s\">\n        </eui-icon-svg>\n        <span *ngIf=\"hasIcon && item.iconClass && !item.iconSvgName\" [attr.aria-label]=\"item.iconLabel\"\n            class=\"eui-menu-item__link-icon eui-icon {{item.iconClass}}\">\n        </span>\n    } @else {\n        @if (hasCollapsedInitials) {\n            <span class=\"eui-menu-item__link-initials eui-u-c-bg-{{item.iconTypeClass}}\">\n                {{ item.initials }}\n            </span>\n        } @else {\n            @if (hasIcon) {\n                <eui-icon-svg\n                    *ngIf=\"item.iconSvgName\"\n                    icon=\"{{ item.iconSvgName }}\"\n                    fillColor=\"{{ item.iconTypeClass }}\"\n                    size=\"s\">\n                </eui-icon-svg>\n\n                <eui-icon-svg\n                    *ngIf=\"!item.iconSvgName && !item.hasMarker\"\n                    class=\"eui-menu-item__category-icon--default\"\n                    icon=\"eui-ellipse\"\n                    fillColor=\"neutral-light\"\n                    size=\"xs\">\n                </eui-icon-svg>\n            } @else {\n                <eui-icon-svg\n                    *ngIf=\"!item.hasMarker\"\n                    class=\"eui-menu-item__link-icon--default\"\n                    icon=\"eui-ellipse\"\n                    size=\"xs\"\n                    [aria-label]=\"item.iconLabel\">\n                </eui-icon-svg>\n            }\n        }\n    }\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-c-neutral-lightest);display:block;text-align:center}.eui-menu:focus:not([readonly]),.eui-menu-wrapper:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]),.eui-menu-wrapper:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex=\"0\"]:focus:not([readonly]),.eui-menu-wrapper [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-toggle{display:inherit;position:absolute;right:0;transform:scale(.65);visibility:visible}.eui-menu-filter{margin:var(--eui-s-m) 0;padding:0 var(--eui-s-m);position:relative}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%;border:1px solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-c-neutral-light);display:flex;flex-direction:row;justify-content:center;padding:var(--eui-s-xs) var(--eui-s-m);text-decoration:none;text-transform:uppercase;font:var(--eui-f-s-bold)}.eui-page-column__body .eui-menu-item__category{text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-c-neutral-bg-light);cursor:default;text-decoration:none}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-s-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-s-2xs)}.eui-menu-item__category-label{position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-menu-item__category .eui-menu-item__link-icon{margin-right:var(--eui-s-xs)}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-c-neutral-bg);color:var(--eui-c-text)!important;cursor:pointer;display:flex;justify-content:center;padding:calc(.5 * var(--eui-s-xs)) var(--eui-s-s);text-decoration:none;text-transform:uppercase;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);text-decoration:none;font:var(--eui-f-m-bold)}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-s-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-s-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-s-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-f-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-s-2xs)}.eui-menu-item__link-label{position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font:var(--eui-f-m)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-s-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-s-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-s-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-s-2xs);margin-right:calc(-1 * var(--eui-s-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__link-action-icon{margin-left:var(--eui-s-2xs)}.eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border-radius:var(--eui-s-xs);min-width:var(--eui-s-2xl);text-align:center;justify-content:center;border:1px solid var(--eui-c-neutral-lightest);font:var(--eui-f-s-bold)}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-c-neutral-lighter);margin-left:var(--eui-s-xs);font:var(--eui-f-s)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-c-neutral-light);height:var(--eui-s-s);width:var(--eui-s-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-button.eui-menu-item__link-toggle [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item--lowercase .eui-menu-item__link,.eui-menu-item--lowercase .eui-menu-item__label,.eui-menu-item--lowercase .eui-menu-item__category,.eui-menu-item--lowercase .eui-menu-item__category-label{text-transform:initial!important}.eui-menu-item--lowercase .eui-menu-item__link-label{font-size:var(--eui-f-size)}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:var(--eui-s-xs) 0 var(--eui-s-xs) var(--eui-s-xl);text-decoration:none;text-transform:uppercase}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-c-neutral-bg-light);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-c-info)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-s-2xs)}.eui-menu-sub .eui-menu-item__category-label .eui-menu-item__label{display:block;border-bottom:1px solid var(--eui-c-neutral-lightest);padding-bottom:var(--eui-s-2xs);font:var(--eui-f-s-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category{padding-left:0}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-s-m));padding-left:var(--eui-s-xl);text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-2xs);padding-right:0}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-s-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-f-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-s-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-s-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-s-2xs))}.eui-menu-sub .eui-menu-item__link-label{height:auto;padding-top:var(--eui-s-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-s-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-s-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-s-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-s-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-s-m))}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }, { type: i0.ElementRef }], propDecorators: { role: [{
                 type: HostBinding,
                 args: ['attr.role']