npm - @eui/components - Versions diffs - 15.0.0-next.7 → 15.0.0-next.8 - Mend

@eui/components 15.0.0-next.7 → 15.0.0-next.8

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

Files changed (83) hide show

package/fesm2015/eui-components-eui-fieldset.mjs CHANGED Viewed

@@ -48,7 +48,7 @@ class EuiFieldsetComponent extends BaseDirective {
     }
 }
 /** @nocollapse */ EuiFieldsetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiFieldsetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EuiFieldsetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EuiFieldsetComponent, selector: "eui-fieldset", inputs: { id: "id", label: "label", iconClass: "iconClass", isFirst: "isFirst", e2eAttr: "e2eAttr", hasDefaultIcon: "hasDefaultIcon", isHighlighted: "isHighlighted", isExpandable: "isExpandable", isExpanded: "isExpanded" }, outputs: { expanded: "expanded" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "customLabelRightContent", first: true, predicate: i0.forwardRef(function () { return EuiFieldsetLabelRightContentTagDirective; }), descendants: true }, { propertyName: "customLabelExtraContent", first: true, predicate: i0.forwardRef(function () { return EuiFieldsetLabelExtraContentTagDirective; }), descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"eui-fieldset__container\">\n    <div *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n        <div class=\"eui-fieldset__header-label\">\n            <div *ngIf=\"iconClass\" class=\"eui-fieldset__header-icon eui-icon {{ iconClass }}\"></div>\n\n            <div *ngIf=\"!iconClass && hasDefaultIcon && (euiInfo || euiSuccess || euiWarning || euiDanger)\" class=\"eui-fieldset__header-icon\">\n                <ng-container *ngIf=\"euiInfo\">\n                    <ng-content *ngTemplateOutlet=\"infoFieldset\"></ng-content>\n                </ng-container>\n\n                <ng-container *ngIf=\"euiSuccess\">\n                    <ng-content *ngTemplateOutlet=\"successFieldset\"></ng-content>\n                </ng-container>\n\n                <ng-container *ngIf=\"euiWarning\">\n                    <ng-content *ngTemplateOutlet=\"warningFieldset\"></ng-content>\n                </ng-container>\n\n                <ng-container *ngIf=\"euiDanger\">\n                    <ng-content *ngTemplateOutlet=\"dangerFieldset\"></ng-content>\n                </ng-container>\n            </div>            \n            {{ label }}\n            <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n        </div>\n        <div class=\"eui-fieldset__header-right-content\">\n            <ng-template [ngIf]=\"customLabelRightContent\">\n                <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n            </ng-template>\n            <button *ngIf=\"isExpandable\" euiButton euiRounded euiIconButton euiSizeS euiBasicButton euiSecondary\n                    class=\"eui-fieldset__header-expand-toggle\"\n                    [class.eui-fieldset__header-expand-toggle--expanded]=\"isExpanded\"\n                    [attr.aria-label]=\"!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label\">\n                <span class=\"eui-icon eui-icon-angle-right\"></span>\n            </button>\n        </div>\n    </div>\n    <div *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n\n<ng-template #infoFieldset>\n    <eui-icon-svg icon=\"information-circle\" set=\"sharp\" size=\"m\" fillColor=\"info-100\"></eui-icon-svg>\n</ng-template>\n\n<ng-template #successFieldset>\n    <eui-icon-svg icon=\"checkmark-circle\" set=\"sharp\" size=\"m\" fillColor=\"success-100\"></eui-icon-svg>\n</ng-template>\n\n<ng-template #warningFieldset>\n    <eui-icon-svg icon=\"warning\" set=\"sharp\" size=\"m\" fillColor=\"warning-140\"></eui-icon-svg>\n</ng-template>\n\n<ng-template #dangerFieldset>\n    <span class=\"eui-icon eui-icon-ecl-error eui-u-color-danger-100\"></span>\n    <!-- Enable SVG when ECL svg icons set will be available\n    <eui-icon-svg icon=\"ecl-error\" set=\"ec\" size=\"m\" fillColor=\"danger-100\"></eui-icon-svg>\n    -->\n</ng-template>\n", styles: [".eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;padding-bottom:var(--eui-base-spacing-s);text-transform:uppercase}.eui-fieldset__header-icon{font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-s);font-style:normal;font-weight:700}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset__header-expand-toggle{font-size:var(--eui-base-font-size);margin-left:var(--eui-base-spacing-2xs)!important;margin-right:calc(-1 * var(--eui-base-spacing-xs))!important;transition:all .3s linear!important}.eui-fieldset__header-expand-toggle.eui-fieldset__header-expand-toggle--expanded{transform:rotate(90deg)}.eui-fieldset__header-expand-toggle:focus,.eui-fieldset__header-expand-toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-fieldset--highlighted .eui-fieldset__container{background-color:var(--eui-base-color-white);padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{color:var(--eui-base-color-grey-100);font-size:var(--eui-base-font-size-l);text-transform:none;font-style:normal;font-weight:300}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable{cursor:pointer}.eui-fieldset--expandable .eui-fieldset__header{padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset.eui-fieldset--info .eui-fieldset__header-icon,.eui-fieldset.eui-fieldset--info .eui-fieldset__header-label{color:var(--eui-base-color-info-100)}.eui-fieldset.eui-fieldset--success .eui-fieldset__header-icon,.eui-fieldset.eui-fieldset--success .eui-fieldset__header-label{color:var(--eui-base-color-success-100)}.eui-fieldset.eui-fieldset--warning .eui-fieldset__header-icon,.eui-fieldset.eui-fieldset--warning .eui-fieldset__header-label{color:var(--eui-base-color-warning-140)}.eui-fieldset.eui-fieldset--danger .eui-fieldset__header-icon,.eui-fieldset.eui-fieldset--danger .eui-fieldset__header-label{color:var(--eui-base-color-danger-100)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["euiBasicButton", "euiButtonCall", "euiBlockButton", "euiRaisedButton", "isLoading", "euiIconButton", "euiLineWrap", "e2eAttr"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "span[euiIconSvg], i[euiIconSvg], eui-icon-svg", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "iconUrl", "style", "ariaHidden", "focusable", "isLoading"] }], encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ EuiFieldsetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EuiFieldsetComponent, selector: "eui-fieldset", inputs: { id: "id", label: "label", iconClass: "iconClass", isFirst: "isFirst", e2eAttr: "e2eAttr", hasDefaultIcon: "hasDefaultIcon", isHighlighted: "isHighlighted", isExpandable: "isExpandable", isExpanded: "isExpanded" }, outputs: { expanded: "expanded" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "customLabelRightContent", first: true, predicate: i0.forwardRef(function () { return EuiFieldsetLabelRightContentTagDirective; }), descendants: true }, { propertyName: "customLabelExtraContent", first: true, predicate: i0.forwardRef(function () { return EuiFieldsetLabelExtraContentTagDirective; }), descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"eui-fieldset__container\">\n    <div *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n        <div class=\"eui-fieldset__header-label\">\n            <div *ngIf=\"iconClass\" class=\"eui-fieldset__header-icon eui-icon {{ iconClass }}\"></div>\n\n            <div *ngIf=\"!iconClass && hasDefaultIcon && (euiInfo || euiSuccess || euiWarning || euiDanger)\" class=\"eui-fieldset__header-icon\">\n                <ng-container *ngIf=\"euiInfo\">\n                    <ng-content *ngTemplateOutlet=\"infoFieldset\"></ng-content>\n                </ng-container>\n\n                <ng-container *ngIf=\"euiSuccess\">\n                    <ng-content *ngTemplateOutlet=\"successFieldset\"></ng-content>\n                </ng-container>\n\n                <ng-container *ngIf=\"euiWarning\">\n                    <ng-content *ngTemplateOutlet=\"warningFieldset\"></ng-content>\n                </ng-container>\n\n                <ng-container *ngIf=\"euiDanger\">\n                    <ng-content *ngTemplateOutlet=\"dangerFieldset\"></ng-content>\n                </ng-container>\n            </div>            \n            {{ label }}\n            <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n        </div>\n        <div class=\"eui-fieldset__header-right-content\">\n            <ng-template [ngIf]=\"customLabelRightContent\">\n                <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n            </ng-template>\n            <button *ngIf=\"isExpandable\" euiButton euiRounded euiIconButton euiSizeS euiBasicButton euiSecondary\n                    class=\"eui-fieldset__header-expand-toggle\"\n                    [class.eui-fieldset__header-expand-toggle--expanded]=\"isExpanded\"\n                    [attr.aria-label]=\"!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label\">\n                <span class=\"eui-icon eui-icon-angle-right\"></span>\n            </button>\n        </div>\n    </div>\n    <div *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n\n<ng-template #infoFieldset>\n    <eui-icon-svg icon=\"information-circle\" set=\"sharp\" size=\"m\" fillColor=\"info-100\"></eui-icon-svg>\n</ng-template>\n\n<ng-template #successFieldset>\n    <eui-icon-svg icon=\"checkmark-circle\" set=\"sharp\" size=\"m\" fillColor=\"success-100\"></eui-icon-svg>\n</ng-template>\n\n<ng-template #warningFieldset>\n    <eui-icon-svg icon=\"warning\" set=\"sharp\" size=\"m\" fillColor=\"warning-140\"></eui-icon-svg>\n</ng-template>\n\n<ng-template #dangerFieldset>\n    <span class=\"eui-icon eui-icon-ecl-error eui-u-color-danger-100\"></span>\n    <!-- Enable SVG when ECL svg icons set will be available\n    <eui-icon-svg icon=\"ecl-error\" set=\"ec\" size=\"m\" fillColor=\"danger-100\"></eui-icon-svg>\n    -->\n</ng-template>\n", styles: [".eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;padding-bottom:var(--eui-base-spacing-s);text-transform:uppercase}.eui-fieldset__header-icon{font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-s);font-style:normal;font-weight:700}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset__header-expand-toggle{font-size:var(--eui-base-font-size);margin-left:var(--eui-base-spacing-2xs)!important;margin-right:calc(-1 * var(--eui-base-spacing-xs))!important;transition:all .3s linear!important}.eui-fieldset__header-expand-toggle.eui-fieldset__header-expand-toggle--expanded{transform:rotate(90deg)}.eui-fieldset__header-expand-toggle:focus,.eui-fieldset__header-expand-toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-fieldset--highlighted .eui-fieldset__container{background-color:var(--eui-base-color-white);padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{color:var(--eui-base-color-grey-100);font-size:var(--eui-base-font-size-l);text-transform:none;font-style:normal;font-weight:300}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable{cursor:pointer}.eui-fieldset--expandable .eui-fieldset__header{padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset.eui-fieldset--info .eui-fieldset__header-icon,.eui-fieldset.eui-fieldset--info .eui-fieldset__header-label{color:var(--eui-base-color-info-100)}.eui-fieldset.eui-fieldset--success .eui-fieldset__header-icon,.eui-fieldset.eui-fieldset--success .eui-fieldset__header-label{color:var(--eui-base-color-success-100)}.eui-fieldset.eui-fieldset--warning .eui-fieldset__header-icon,.eui-fieldset.eui-fieldset--warning .eui-fieldset__header-label{color:var(--eui-base-color-warning-140)}.eui-fieldset.eui-fieldset--danger .eui-fieldset__header-icon,.eui-fieldset.eui-fieldset--danger .eui-fieldset__header-label{color:var(--eui-base-color-danger-100)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["euiBasicButton", "euiButtonCall", "euiBlockButton", "euiRaisedButton", "isLoading", "euiIconButton", "euiLineWrap", "e2eAttr"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "span[euiIconSvg], i[euiIconSvg], eui-icon-svg", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "ariaHidden", "focusable", "isLoading"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiFieldsetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'eui-fieldset', encapsulation: ViewEncapsulation.None, template: "<div class=\"eui-fieldset__container\">\n    <div *ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n        <div class=\"eui-fieldset__header-label\">\n            <div *ngIf=\"iconClass\" class=\"eui-fieldset__header-icon eui-icon {{ iconClass }}\"></div>\n\n            <div *ngIf=\"!iconClass && hasDefaultIcon && (euiInfo || euiSuccess || euiWarning || euiDanger)\" class=\"eui-fieldset__header-icon\">\n                <ng-container *ngIf=\"euiInfo\">\n                    <ng-content *ngTemplateOutlet=\"infoFieldset\"></ng-content>\n                </ng-container>\n\n                <ng-container *ngIf=\"euiSuccess\">\n                    <ng-content *ngTemplateOutlet=\"successFieldset\"></ng-content>\n                </ng-container>\n\n                <ng-container *ngIf=\"euiWarning\">\n                    <ng-content *ngTemplateOutlet=\"warningFieldset\"></ng-content>\n                </ng-container>\n\n                <ng-container *ngIf=\"euiDanger\">\n                    <ng-content *ngTemplateOutlet=\"dangerFieldset\"></ng-content>\n                </ng-container>\n            </div>            \n            {{ label }}\n            <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n        </div>\n        <div class=\"eui-fieldset__header-right-content\">\n            <ng-template [ngIf]=\"customLabelRightContent\">\n                <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n            </ng-template>\n            <button *ngIf=\"isExpandable\" euiButton euiRounded euiIconButton euiSizeS euiBasicButton euiSecondary\n                    class=\"eui-fieldset__header-expand-toggle\"\n                    [class.eui-fieldset__header-expand-toggle--expanded]=\"isExpanded\"\n                    [attr.aria-label]=\"!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label\">\n                <span class=\"eui-icon eui-icon-angle-right\"></span>\n            </button>\n        </div>\n    </div>\n    <div *ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n        <ng-content></ng-content>\n    </div>\n</div>\n\n<ng-template #infoFieldset>\n    <eui-icon-svg icon=\"information-circle\" set=\"sharp\" size=\"m\" fillColor=\"info-100\"></eui-icon-svg>\n</ng-template>\n\n<ng-template #successFieldset>\n    <eui-icon-svg icon=\"checkmark-circle\" set=\"sharp\" size=\"m\" fillColor=\"success-100\"></eui-icon-svg>\n</ng-template>\n\n<ng-template #warningFieldset>\n    <eui-icon-svg icon=\"warning\" set=\"sharp\" size=\"m\" fillColor=\"warning-140\"></eui-icon-svg>\n</ng-template>\n\n<ng-template #dangerFieldset>\n    <span class=\"eui-icon eui-icon-ecl-error eui-u-color-danger-100\"></span>\n    <!-- Enable SVG when ECL svg icons set will be available\n    <eui-icon-svg icon=\"ecl-error\" set=\"ec\" size=\"m\" fillColor=\"danger-100\"></eui-icon-svg>\n    -->\n</ng-template>\n", styles: [".eui-fieldset{display:block;position:relative;width:100%}.eui-fieldset--first{margin-top:var(--eui-base-spacing-s)}.eui-fieldset__header{align-items:center;border-bottom:1px solid var(--eui-base-color-grey-20);display:flex;padding-bottom:var(--eui-base-spacing-s);text-transform:uppercase}.eui-fieldset__header-icon{font-size:var(--eui-base-icon-size-m);margin-right:var(--eui-base-spacing-s)}.eui-fieldset__header-label{align-items:center;display:inline-flex;font-size:var(--eui-base-font-size-s);font-style:normal;font-weight:700}.eui-fieldset__header-right-content{align-items:center;display:flex;margin-left:auto}.eui-fieldset__header-expand-toggle{font-size:var(--eui-base-font-size);margin-left:var(--eui-base-spacing-2xs)!important;margin-right:calc(-1 * var(--eui-base-spacing-xs))!important;transition:all .3s linear!important}.eui-fieldset__header-expand-toggle.eui-fieldset__header-expand-toggle--expanded{transform:rotate(90deg)}.eui-fieldset__header-expand-toggle:focus,.eui-fieldset__header-expand-toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.eui-fieldset--highlighted .eui-fieldset__container{background-color:var(--eui-base-color-white);padding:var(--eui-base-spacing-s);z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--size-l>.eui-fieldset__header>.eui-fieldset__header-label{color:var(--eui-base-color-grey-100);font-size:var(--eui-base-font-size-l);text-transform:none;font-style:normal;font-weight:300}.eui-fieldset--highlighted{z-index:var(--eui-base-z-index-highlighted)}.eui-fieldset--expandable{cursor:pointer}.eui-fieldset--expandable .eui-fieldset__header{padding-bottom:var(--eui-base-spacing-xs)}.eui-fieldset.eui-fieldset--info .eui-fieldset__header-icon,.eui-fieldset.eui-fieldset--info .eui-fieldset__header-label{color:var(--eui-base-color-info-100)}.eui-fieldset.eui-fieldset--success .eui-fieldset__header-icon,.eui-fieldset.eui-fieldset--success .eui-fieldset__header-label{color:var(--eui-base-color-success-100)}.eui-fieldset.eui-fieldset--warning .eui-fieldset__header-icon,.eui-fieldset.eui-fieldset--warning .eui-fieldset__header-label{color:var(--eui-base-color-warning-140)}.eui-fieldset.eui-fieldset--danger .eui-fieldset__header-icon,.eui-fieldset.eui-fieldset--danger .eui-fieldset__header-label{color:var(--eui-base-color-danger-100)}\n"] }]

package/fesm2015/eui-components-eui-fieldset.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-components-eui-fieldset.mjs","sources":["../../eui-fieldset/eui-fieldset.component.ts","../../eui-fieldset/eui-fieldset.component.html","../../eui-fieldset/eui-fieldset.module.ts","../../eui-fieldset/eui-components-eui-fieldset.ts"],"sourcesContent":["import {\n Component,\n ContentChild,\n Directive,\n EventEmitter,\n forwardRef,\n HostBinding,\n Input,\n Output,\n QueryList,\n ViewEncapsulation\n} from '@angular/core';\n\nimport { BaseDirective } from '@eui/components/shared';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'eui-fieldset',\n templateUrl: './eui-fieldset.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiFieldsetComponent extends BaseDirective {\n @HostBinding('class')\n // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n get cssClasses() {\n return [\n super.getCssClasses('eui-fieldset'),\n this.isFirst ? `eui-fieldset--first` : ``,\n this.isExpandable ? `eui-fieldset--expandable` : ``,\n ].join(' ').trim();\n }\n\n @Input() id: string;\n @Input() label: string;\n @Input() iconClass: string;\n @Input()\n public get isFirst(): boolean { return this._isFirst; }\n public set isFirst(value: BooleanInput) { this._isFirst = coerceBooleanProperty(value); }\n @Input() e2eAttr = 'eui-fieldset';\n\n public stateClass: string;\n public headerStateClass: string;\n public typeClass: string;\n\n public expandMenuLabel = 'Expand ';\n public collapseMenuLabel = 'Collapse ';\n\n @ContentChild(forwardRef(() => EuiFieldsetLabelRightContentTagDirective))\n customLabelRightContent: QueryList<EuiFieldsetLabelRightContentTagDirective>;\n @ContentChild(forwardRef(() => EuiFieldsetLabelExtraContentTagDirective))\n customLabelExtraContent: QueryList<EuiFieldsetLabelExtraContentTagDirective>;\n\n @Output() expanded: EventEmitter<string> = new EventEmitter();\n private _isFirst = false;\n @Input()\n public get hasDefaultIcon(): boolean { return this._hasDefaultIcon; }\n public set hasDefaultIcon(value: boolean\|string) { this._hasDefaultIcon = coerceBooleanProperty(value); }\n private _hasDefaultIcon = false;\n\n /** @deprecated should be removed in eUI15 as euiHighlighted of base directive is already used /\n @Input()\n get isHighlighted(): boolean { return this._isHighlighted; }\n set isHighlighted(value: BooleanInput) { this._isHighlighted = coerceBooleanProperty(value); }\n private _isHighlighted = false;\n\n @Input()\n get isExpandable(): boolean { return this._isExpandable; }\n set isExpandable(value: BooleanInput) { this._isExpandable = coerceBooleanProperty(value); }\n private _isExpandable = false;\n\n @Input()\n get isExpanded(): boolean { return this._isExpanded; }\n set isExpanded(value: BooleanInput) { this._isExpanded = coerceBooleanProperty(value); }\n private _isExpanded = true;\n\n constructor() {\n super();\n }\n\n public onToggle(): void {\n if (this.isExpandable) {\n this.isExpanded = !this.isExpanded;\n this.expanded.emit(this.id);\n }\n }\n}\n\n/ eslint-disable /\n@Directive({selector: 'euiFieldsetLabelRightContent'})\nexport class EuiFieldsetLabelRightContentTagDirective {\n}\n@Directive({selector: 'euiFieldsetLabelExtraContent'})\nexport class EuiFieldsetLabelExtraContentTagDirective {\n}\n/ eslint-enable /\n","<div class=\"eui-fieldset__container\">\n <div ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n <div class=\"eui-fieldset__header-label\">\n <div ngIf=\"iconClass\" class=\"eui-fieldset__header-icon eui-icon {{ iconClass }}\"></div>\n\n <div ngIf=\"!iconClass && hasDefaultIcon && (euiInfo \|\| euiSuccess \|\| euiWarning \|\| euiDanger)\" class=\"eui-fieldset__header-icon\">\n <ng-container ngIf=\"euiInfo\">\n <ng-content ngTemplateOutlet=\"infoFieldset\"></ng-content>\n </ng-container>\n\n <ng-container ngIf=\"euiSuccess\">\n <ng-content ngTemplateOutlet=\"successFieldset\"></ng-content>\n </ng-container>\n\n <ng-container ngIf=\"euiWarning\">\n <ng-content ngTemplateOutlet=\"warningFieldset\"></ng-content>\n </ng-container>\n\n <ng-container ngIf=\"euiDanger\">\n <ng-content ngTemplateOutlet=\"dangerFieldset\"></ng-content>\n </ng-container>\n </div> \n {{ label }}\n <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n </div>\n <div class=\"eui-fieldset__header-right-content\">\n <ng-template [ngIf]=\"customLabelRightContent\">\n <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n </ng-template>\n <button ngIf=\"isExpandable\" euiButton euiRounded euiIconButton euiSizeS euiBasicButton euiSecondary\n class=\"eui-fieldset__header-expand-toggle\"\n [class.eui-fieldset__header-expand-toggle--expanded]=\"isExpanded\"\n [attr.aria-label]=\"!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label\">\n <span class=\"eui-icon eui-icon-angle-right\"></span>\n </button>\n </div>\n </div>\n <div ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n <ng-content></ng-content>\n </div>\n</div>\n\n<ng-template #infoFieldset>\n <eui-icon-svg icon=\"information-circle\" set=\"sharp\" size=\"m\" fillColor=\"info-100\"></eui-icon-svg>\n</ng-template>\n\n<ng-template #successFieldset>\n <eui-icon-svg icon=\"checkmark-circle\" set=\"sharp\" size=\"m\" fillColor=\"success-100\"></eui-icon-svg>\n</ng-template>\n\n<ng-template #warningFieldset>\n <eui-icon-svg icon=\"warning\" set=\"sharp\" size=\"m\" fillColor=\"warning-140\"></eui-icon-svg>\n</ng-template>\n\n<ng-template #dangerFieldset>\n <span class=\"eui-icon eui-icon-ecl-error eui-u-color-danger-100\"></span>\n <!-- Enable SVG when ECL svg icons set will be available\n <eui-icon-svg icon=\"ecl-error\" set=\"ec\" size=\"m\" fillColor=\"danger-100\"></eui-icon-svg>\n -->\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/atoms/eui-icon';\nimport { EuiFieldsetComponent,\n EuiFieldsetLabelExtraContentTagDirective,\n EuiFieldsetLabelRightContentTagDirective } from './eui-fieldset.component';\n\n@NgModule({\n imports: [CommonModule, EuiButtonModule, EuiIconModule],\n exports: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective],\n declarations: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective],\n})\n\nexport class EuiFieldsetComponentModule {\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"eui-components-eui-fieldset.mjs","sources":["../../eui-fieldset/eui-fieldset.component.ts","../../eui-fieldset/eui-fieldset.component.html","../../eui-fieldset/eui-fieldset.module.ts","../../eui-fieldset/eui-components-eui-fieldset.ts"],"sourcesContent":["import {\n Component,\n ContentChild,\n Directive,\n EventEmitter,\n forwardRef,\n HostBinding,\n Input,\n Output,\n QueryList,\n ViewEncapsulation\n} from '@angular/core';\n\nimport { BaseDirective } from '@eui/components/shared';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n selector: 'eui-fieldset',\n templateUrl: './eui-fieldset.component.html',\n styleUrls: ['./styles/_index.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiFieldsetComponent extends BaseDirective {\n @HostBinding('class')\n // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n get cssClasses() {\n return [\n super.getCssClasses('eui-fieldset'),\n this.isFirst ? `eui-fieldset--first` : ``,\n this.isExpandable ? `eui-fieldset--expandable` : ``,\n ].join(' ').trim();\n }\n\n @Input() id: string;\n @Input() label: string;\n @Input() iconClass: string;\n @Input()\n public get isFirst(): boolean { return this._isFirst; }\n public set isFirst(value: BooleanInput) { this._isFirst = coerceBooleanProperty(value); }\n @Input() e2eAttr = 'eui-fieldset';\n\n public stateClass: string;\n public headerStateClass: string;\n public typeClass: string;\n\n public expandMenuLabel = 'Expand ';\n public collapseMenuLabel = 'Collapse ';\n\n @ContentChild(forwardRef(() => EuiFieldsetLabelRightContentTagDirective))\n customLabelRightContent: QueryList<EuiFieldsetLabelRightContentTagDirective>;\n @ContentChild(forwardRef(() => EuiFieldsetLabelExtraContentTagDirective))\n customLabelExtraContent: QueryList<EuiFieldsetLabelExtraContentTagDirective>;\n\n @Output() expanded: EventEmitter<string> = new EventEmitter();\n private _isFirst = false;\n @Input()\n public get hasDefaultIcon(): boolean { return this._hasDefaultIcon; }\n public set hasDefaultIcon(value: boolean\|string) { this._hasDefaultIcon = coerceBooleanProperty(value); }\n private _hasDefaultIcon = false;\n\n /** @deprecated should be removed in eUI15 as euiHighlighted of base directive is already used /\n @Input()\n get isHighlighted(): boolean { return this._isHighlighted; }\n set isHighlighted(value: BooleanInput) { this._isHighlighted = coerceBooleanProperty(value); }\n private _isHighlighted = false;\n\n @Input()\n get isExpandable(): boolean { return this._isExpandable; }\n set isExpandable(value: BooleanInput) { this._isExpandable = coerceBooleanProperty(value); }\n private _isExpandable = false;\n\n @Input()\n get isExpanded(): boolean { return this._isExpanded; }\n set isExpanded(value: BooleanInput) { this._isExpanded = coerceBooleanProperty(value); }\n private _isExpanded = true;\n\n constructor() {\n super();\n }\n\n public onToggle(): void {\n if (this.isExpandable) {\n this.isExpanded = !this.isExpanded;\n this.expanded.emit(this.id);\n }\n }\n}\n\n/ eslint-disable /\n@Directive({selector: 'euiFieldsetLabelRightContent'})\nexport class EuiFieldsetLabelRightContentTagDirective {\n}\n@Directive({selector: 'euiFieldsetLabelExtraContent'})\nexport class EuiFieldsetLabelExtraContentTagDirective {\n}\n/ eslint-enable /\n","<div class=\"eui-fieldset__container\">\n <div ngIf=\"label\" class=\"eui-fieldset__header\" (click)=\"onToggle()\">\n <div class=\"eui-fieldset__header-label\">\n <div ngIf=\"iconClass\" class=\"eui-fieldset__header-icon eui-icon {{ iconClass }}\"></div>\n\n <div ngIf=\"!iconClass && hasDefaultIcon && (euiInfo \|\| euiSuccess \|\| euiWarning \|\| euiDanger)\" class=\"eui-fieldset__header-icon\">\n <ng-container ngIf=\"euiInfo\">\n <ng-content ngTemplateOutlet=\"infoFieldset\"></ng-content>\n </ng-container>\n\n <ng-container ngIf=\"euiSuccess\">\n <ng-content ngTemplateOutlet=\"successFieldset\"></ng-content>\n </ng-container>\n\n <ng-container ngIf=\"euiWarning\">\n <ng-content ngTemplateOutlet=\"warningFieldset\"></ng-content>\n </ng-container>\n\n <ng-container ngIf=\"euiDanger\">\n <ng-content ngTemplateOutlet=\"dangerFieldset\"></ng-content>\n </ng-container>\n </div> \n {{ label }}\n <ng-content select=\"euiFieldsetLabelExtraContent\"></ng-content>\n </div>\n <div class=\"eui-fieldset__header-right-content\">\n <ng-template [ngIf]=\"customLabelRightContent\">\n <ng-content select=\"euiFieldsetLabelRightContent\"></ng-content>\n </ng-template>\n <button ngIf=\"isExpandable\" euiButton euiRounded euiIconButton euiSizeS euiBasicButton euiSecondary\n class=\"eui-fieldset__header-expand-toggle\"\n [class.eui-fieldset__header-expand-toggle--expanded]=\"isExpanded\"\n [attr.aria-label]=\"!isExpanded ? expandMenuLabel + label : collapseMenuLabel + label\">\n <span class=\"eui-icon eui-icon-angle-right\"></span>\n </button>\n </div>\n </div>\n <div ngIf=\"isExpanded\" class=\"eui-fieldset__content\">\n <ng-content></ng-content>\n </div>\n</div>\n\n<ng-template #infoFieldset>\n <eui-icon-svg icon=\"information-circle\" set=\"sharp\" size=\"m\" fillColor=\"info-100\"></eui-icon-svg>\n</ng-template>\n\n<ng-template #successFieldset>\n <eui-icon-svg icon=\"checkmark-circle\" set=\"sharp\" size=\"m\" fillColor=\"success-100\"></eui-icon-svg>\n</ng-template>\n\n<ng-template #warningFieldset>\n <eui-icon-svg icon=\"warning\" set=\"sharp\" size=\"m\" fillColor=\"warning-140\"></eui-icon-svg>\n</ng-template>\n\n<ng-template #dangerFieldset>\n <span class=\"eui-icon eui-icon-ecl-error eui-u-color-danger-100\"></span>\n <!-- Enable SVG when ECL svg icons set will be available\n <eui-icon-svg icon=\"ecl-error\" set=\"ec\" size=\"m\" fillColor=\"danger-100\"></eui-icon-svg>\n -->\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiButtonModule } from '@eui/components/eui-button';\nimport { EuiIconModule } from '@eui/components/atoms/eui-icon';\nimport { EuiFieldsetComponent,\n EuiFieldsetLabelExtraContentTagDirective,\n EuiFieldsetLabelRightContentTagDirective } from './eui-fieldset.component';\n\n@NgModule({\n imports: [CommonModule, EuiButtonModule, EuiIconModule],\n exports: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective],\n declarations: [EuiFieldsetComponent, EuiFieldsetLabelRightContentTagDirective, EuiFieldsetLabelExtraContentTagDirective],\n})\n\nexport class EuiFieldsetComponentModule {\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;;AAsBM,MAAO,oBAAqB,SAAQ,aAAa,CAAA;AAsDnD,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE,CAAC;AAtCH,QAAA,IAAO,CAAA,OAAA,GAAG,cAAc,CAAC;AAM3B,QAAA,IAAe,CAAA,eAAA,GAAG,SAAS,CAAC;AAC5B,QAAA,IAAiB,CAAA,iBAAA,GAAG,WAAW,CAAC;AAO7B,QAAA,IAAA,CAAA,QAAQ,GAAyB,IAAI,YAAY,EAAE,CAAC;AACtD,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC;AAIb,QAAA,IAAe,CAAA,eAAA,GAAG,KAAK,CAAC;AAM5B,QAAA,IAAc,CAAA,cAAA,GAAG,KAAK,CAAC;AAKvB,QAAA,IAAa,CAAA,aAAA,GAAG,KAAK,CAAC;AAKtB,QAAA,IAAW,CAAA,WAAA,GAAG,IAAI,CAAC;KAI1B;AAvDD,IAAA,IAEI,UAAU,GAAA;QACV,OAAO;AACH,YAAA,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC;YACnC,IAAI,CAAC,OAAO,GAAG,CAAqB,mBAAA,CAAA,GAAG,CAAE,CAAA;YACzC,IAAI,CAAC,YAAY,GAAG,CAA0B,wBAAA,CAAA,GAAG,CAAE,CAAA;AACtD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;KACtB;IAKD,IACW,OAAO,KAAc,OAAO,IAAI,CAAC,QAAQ,CAAC,EAAE;AACvD,IAAA,IAAW,OAAO,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,QAAQ,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAiBzF,IACe,cAAc,KAAc,OAAO,IAAI,CAAC,eAAe,CAAC,EAAE;AACrE,IAAA,IAAW,cAAc,CAAC,KAAqB,EAAA,EAAI,IAAI,CAAC,eAAe,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;;IAI7G,IACI,aAAa,KAAc,OAAO,IAAI,CAAC,cAAc,CAAC,EAAE;AAC5D,IAAA,IAAI,aAAa,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,cAAc,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAG9F,IACI,YAAY,KAAc,OAAO,IAAI,CAAC,aAAa,CAAC,EAAE;AAC1D,IAAA,IAAI,YAAY,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,aAAa,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAG5F,IACI,UAAU,KAAc,OAAO,IAAI,CAAC,WAAW,CAAC,EAAE;AACtD,IAAA,IAAI,UAAU,CAAC,KAAmB,EAAA,EAAI,IAAI,CAAC,WAAW,GAAG,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE;IAOjF,QAAQ,GAAA;QACX,IAAI,IAAI,CAAC,YAAY,EAAE;AACnB,YAAA,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;YACnC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/B,SAAA;KACJ;;2IA/DQ,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,mBAAA,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,eAAA,EAAA,IAAA,EAAA,oBAAoB,EA0BE,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,OAAA,EAAA,SAAA,EAAA,OAAA,EAAA,SAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,aAAA,EAAA,eAAA,EAAA,YAAA,EAAA,cAAA,EAAA,UAAA,EAAA,YAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,yBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,CAAA,YAAA,EAAA,OAAA,wCAAwC,CAExC,EAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,yBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,EAAA,CAAA,UAAA,CAAA,YAAA,EAAA,OAAA,wCAAwC,2EClD3E,+0FA4DA,EAAA,MAAA,EAAA,CAAA,g0EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,eAAA,EAAA,aAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,WAAA,EAAA,KAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;kGDtCa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;+BACI,cAAc,EAAA,aAAA,EAGT,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,+0FAAA,EAAA,MAAA,EAAA,CAAA,g0EAAA,CAAA,EAAA,CAAA;0EAKjC,UAAU,EAAA,CAAA;sBAFb,WAAW;uBAAC,OAAO,CAAA;gBAUX,EAAE,EAAA,CAAA;sBAAV,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAEK,OAAO,EAAA,CAAA;sBADjB,KAAK;gBAGG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBAUF,uBAAuB,EAAA,CAAA;sBAD1B,YAAY;gBAAC,IAAA,EAAA,CAAA,UAAU,CAAC,MAAM,wCAAwC,CAAC,CAAA;gBAGpE,uBAAuB,EAAA,CAAA;sBAD1B,YAAY;gBAAC,IAAA,EAAA,CAAA,UAAU,CAAC,MAAM,wCAAwC,CAAC,CAAA;gBAG9D,QAAQ,EAAA,CAAA;sBAAjB,MAAM;gBAGQ,cAAc,EAAA,CAAA;sBAD5B,KAAK;gBAOF,aAAa,EAAA,CAAA;sBADhB,KAAK;gBAMF,YAAY,EAAA,CAAA;sBADf,KAAK;gBAMF,UAAU,EAAA,CAAA;sBADb,KAAK;;AAiBV;MAEa,wCAAwC,CAAA;;+JAAxC,wCAAwC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mJAAxC,wCAAwC,EAAA,QAAA,EAAA,8BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;kGAAxC,wCAAwC,EAAA,UAAA,EAAA,CAAA;kBADpD,SAAS;mBAAC,EAAC,QAAQ,EAAE,8BAA8B,EAAC,CAAA;;MAIxC,wCAAwC,CAAA;;+JAAxC,wCAAwC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mJAAxC,wCAAwC,EAAA,QAAA,EAAA,8BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;kGAAxC,wCAAwC,EAAA,UAAA,EAAA,CAAA;kBADpD,SAAS;mBAAC,EAAC,QAAQ,EAAE,8BAA8B,EAAC,CAAA;;;ME7ExC,0BAA0B,CAAA;;iJAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAA1B,mBAAA,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,eAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,iBAHpB,oBAAoB,EAAE,wCAAwC,EAAE,wCAAwC,CAF7G,EAAA,OAAA,EAAA,CAAA,YAAY,EAAE,eAAe,EAAE,aAAa,CAAA,EAAA,OAAA,EAAA,CAC5C,oBAAoB,EAAE,wCAAwC,EAAE,wCAAwC,CAAA,EAAA,CAAA,CAAA;AAIzG,mBAAA,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,eAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,EALzB,OAAA,EAAA,CAAA,YAAY,EAAE,eAAe,EAAE,aAAa,CAAA,EAAA,CAAA,CAAA;kGAK7C,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBANtC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,eAAe,EAAE,aAAa,CAAC;AACvD,oBAAA,OAAO,EAAE,CAAC,oBAAoB,EAAE,wCAAwC,EAAE,wCAAwC,CAAC;AACnH,oBAAA,YAAY,EAAE,CAAC,oBAAoB,EAAE,wCAAwC,EAAE,wCAAwC,CAAC;iBAC3H,CAAA;;;ACbD;;AAEG;;;;"}

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

@@ -85,10 +85,10 @@ class EuiMenuItemComponent extends BaseDirective {
     }
 }
 /** @nocollapse */ EuiMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EuiMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: { item: "item", hasIcon: "hasIcon", hasTooltip: "hasTooltip", isCollapsed: "isCollapsed" }, outputs: { expandToggled: "expandToggled", clicked: "clicked" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<li *ngIf=\"!item.url && !item.urlExternal && !item.command && !item.children && !item.link && item.visible && item.filtered\"\n    class=\"eui-menu-item eui-menu-item__category\"\n    [class.eui-menu-item--disabled]=\"item.disabled\"\n    [attr.aria-disabled]=\"item.disabled\"\n    role=\"menuitem\"\n    [euiTooltip]=\"(hasTooltip || isCollapsed) && !item.expanded ? (item | euiMenuTooltipContent: externalLinkLabel) : null\"\n    euiTooltipRounded position=\"after\">\n\n    <span class=\"eui-menu-item__category-icon eui-u-color-{{item?.iconTypeClass}} eui-icon\"\n        [ngClass]=\"hasIcon && item.iconClass ? item.iconClass : (isCollapsed ? 'eui-menu-item__category-icon--default' : 'eui-menu-item__category-icon--none')\"\n        [attr.aria-label]=\"item.iconLabel\">\n    </span>\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 *ngIf=\"(item.url || item.urlExternal || item.children || item.command || item.link) && !item.link && item.visible && item.filtered\"\n    role=\"menuitem\"\n    [attr.aria-haspopup]=\"!!item.children\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\"\n    [euiTooltip]=\"(hasTooltip || isCollapsed) && !item.expanded ? (item | euiMenuTooltipContent: externalLinkLabel) : null\"\n    euiTooltipRounded position=\"after\">\n\n    <a (click)=\"onClick($event)\"\n        [routerLink]=\"item.url ? item.url : null\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [attr.aria-disabled]=\"item.disabled\"\n        [routerLinkActive]=\"item.url ? 'eui-menu-item__link--active' : ''\"\n        [class.eui-menu-item__link--active]=\"item.active\">\n\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<li *ngIf=\"!item.url && !item.urlExternal && !item.command && !item.children && item.link && item.visible && item.filtered\"\n    role=\"menuitem\"\n    [attr.aria-haspopup]=\"!!item.children\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\"\n    [euiTooltip]=\"(hasTooltip || isCollapsed) && !item.expanded ? (item | euiMenuTooltipContent: externalLinkLabel) : null\"\n    euiTooltipRounded position=\"after\">\n\n    <a (click)=\"onClick($event)\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [attr.aria-disabled]=\"item.disabled\"\n        [class.eui-menu-item__link--active]=\"item.active\"\n        href=\"javascript:void(0)\">\n\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n\n<ng-template #linkContent>\n    <span class=\"eui-menu-item__link-icon eui-u-color-{{item?.iconTypeClass}} eui-icon\"\n        [ngClass]=\"hasIcon && item.iconClass ? item.iconClass : (isCollapsed && !item.hasMarker ? 'eui-menu-item__link-icon--default eui-icon-circle' : 'eui-menu-item__link-icon--none')\"\n        [attr.aria-label]=\"item.iconLabel\">\n    </span>\n\n    <span *ngIf=\"item.hasMarker\"\n            role=\"img\"\n            class=\"eui-menu-item__link-marker eui-menu-item__link-marker--default eui-icon eui-icon-circle eui-u-color-{{item?.markerTypeClass}}\"\n            [attr.aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n    </span>\n\n    <span class=\"eui-menu-item__link-label\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [attr.aria-disabled]=\"item.disabled\">\n            <span class=\"eui-menu-item__label\">{{item.label}}</span>\n            <span *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\" class=\"eui-menu-item__label-external eui-icon eui-icon-ecl-external\"></span>\n    </span>\n\n    <div class=\"eui-menu-item__link-right-content\">\n        <eui-chip *ngIf=\"item.tagLabel\" euiSizeXS euiOutline styleClass=\"eui-menu-item__link-tag-label eui-chip--{{item.tagTypeClass}}\">\n            <span euiLabel class=\"eui-label\">{{item.tagLabel}}</span>\n        </eui-chip>\n\n        <button *ngIf=\"item.children\" euiButton euiRounded euiIconButton euiSizeS euiBasicButton euiSecondary\n                [euiDisabled]=\"item.disabled\"\n                class=\"eui-menu-item__link-toggle\"\n                [attr.aria-label]=\"item.expanded ? expandMenuLabel : collapseMenuLabel\"\n                (click)=\"onExpandToggle($event)\">\n            <eui-icon-svg *ngIf=\"item.expanded\" icon=\"chevron-up\" set=\"eui\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"!item.expanded\" icon=\"chevron-down\" set=\"eui\"></eui-icon-svg>\n        </button>\n    </div>\n</ng-template>\n\n<ng-template #content>\n    <ng-content></ng-content>\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;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-2xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-3xl);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear{align-items:center;background-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-35);cursor:pointer;display:flex;font-size:var(--eui-base-font-size-m);-webkit-user-select:none;user-select:none}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:before{position:absolute;right:var(--eui-base-spacing-s)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:hover{color:var(--eui-base-color-grey-100)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-90);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.eui-page-column__body .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.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-base-spacing-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%}.eui-menu-item__category-icon--default:before{background:#9b9b9b;border-radius:50%;content:\"\";height:5px;width:5px}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-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-page-column__body .eui-menu-item__category-label{font-size:var(--eui-font-size)}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:.1rem solid #efefef;color:var(--eui-base-color-text)!important;display:flex;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;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-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link--active:not(.eui-menu-item--disabled),.eui-menu-item__link:active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);font-weight:700;text-decoration:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label,.eui-menu-item__link:active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-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-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);padding-top:var(--eui-base-spacing-3xs);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-size:var(--eui-font-size)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-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-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-s);margin-left:var(--eui-base-spacing-xs)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus,.eui-menu-item .eui-button.eui-menu-item__link-toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.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--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;color:var(--eui-base-color-grey-90);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.25 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-primary-75);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:calc(2 * var(--eui-base-spacing-m));text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-m)}.eui-menu-sub .eui-menu-item__link-icon{font-size:var(--eui-base-font-size-2xl)}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;font-size:var(--eui-base-font-size-xs);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-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-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-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-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-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "span[euiIconSvg], i[euiIconSvg], eui-icon-svg", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "iconUrl", "style", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i4.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["euiBasicButton", "euiButtonCall", "euiBlockButton", "euiRaisedButton", "isLoading", "euiIconButton", "euiLineWrap", "e2eAttr"] }, { kind: "directive", type: i6.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["position", "showDelay", "hideDelay", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent", "euiTooltipRounded", "isDisabled", "euiTooltipArrows", "content", "euiTooltip", "e2eAttr", "always"], exportAs: ["euiTooltip"] }, { kind: "pipe", type: EuiMenuTooltipContent, name: "euiMenuTooltipContent" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ EuiMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: { item: "item", hasIcon: "hasIcon", hasTooltip: "hasTooltip", isCollapsed: "isCollapsed" }, outputs: { expandToggled: "expandToggled", clicked: "clicked" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<li *ngIf=\"!item.url && !item.urlExternal && !item.command && !item.children && !item.link && item.visible && item.filtered\"\n    class=\"eui-menu-item eui-menu-item__category\"\n    [class.eui-menu-item--disabled]=\"item.disabled\"\n    [attr.aria-disabled]=\"item.disabled\"\n    role=\"menuitem\"\n    [euiTooltip]=\"(hasTooltip || isCollapsed) && !item.expanded ? (item | euiMenuTooltipContent: externalLinkLabel) : null\"\n    euiTooltipRounded position=\"after\">\n\n    <span class=\"eui-menu-item__category-icon eui-u-color-{{item?.iconTypeClass}} eui-icon\"\n        [ngClass]=\"hasIcon && item.iconClass ? item.iconClass : (isCollapsed ? 'eui-menu-item__category-icon--default' : 'eui-menu-item__category-icon--none')\"\n        [attr.aria-label]=\"item.iconLabel\">\n    </span>\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 *ngIf=\"(item.url || item.urlExternal || item.children || item.command || item.link) && !item.link && item.visible && item.filtered\"\n    role=\"menuitem\"\n    [attr.aria-haspopup]=\"!!item.children\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\"\n    [euiTooltip]=\"(hasTooltip || isCollapsed) && !item.expanded ? (item | euiMenuTooltipContent: externalLinkLabel) : null\"\n    euiTooltipRounded position=\"after\">\n\n    <a (click)=\"onClick($event)\"\n        [routerLink]=\"item.url ? item.url : null\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [attr.aria-disabled]=\"item.disabled\"\n        [routerLinkActive]=\"item.url ? 'eui-menu-item__link--active' : ''\"\n        [class.eui-menu-item__link--active]=\"item.active\">\n\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<li *ngIf=\"!item.url && !item.urlExternal && !item.command && !item.children && item.link && item.visible && item.filtered\"\n    role=\"menuitem\"\n    [attr.aria-haspopup]=\"!!item.children\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\"\n    [euiTooltip]=\"(hasTooltip || isCollapsed) && !item.expanded ? (item | euiMenuTooltipContent: externalLinkLabel) : null\"\n    euiTooltipRounded position=\"after\">\n\n    <a (click)=\"onClick($event)\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [attr.aria-disabled]=\"item.disabled\"\n        [class.eui-menu-item__link--active]=\"item.active\"\n        href=\"javascript:void(0)\">\n\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n\n<ng-template #linkContent>\n    <span class=\"eui-menu-item__link-icon eui-u-color-{{item?.iconTypeClass}} eui-icon\"\n        [ngClass]=\"hasIcon && item.iconClass ? item.iconClass : (isCollapsed && !item.hasMarker ? 'eui-menu-item__link-icon--default eui-icon-circle' : 'eui-menu-item__link-icon--none')\"\n        [attr.aria-label]=\"item.iconLabel\">\n    </span>\n\n    <span *ngIf=\"item.hasMarker\"\n            role=\"img\"\n            class=\"eui-menu-item__link-marker eui-menu-item__link-marker--default eui-icon eui-icon-circle eui-u-color-{{item?.markerTypeClass}}\"\n            [attr.aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n    </span>\n\n    <span class=\"eui-menu-item__link-label\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [attr.aria-disabled]=\"item.disabled\">\n            <span class=\"eui-menu-item__label\">{{item.label}}</span>\n            <span *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\" class=\"eui-menu-item__label-external eui-icon eui-icon-ecl-external\"></span>\n    </span>\n\n    <div class=\"eui-menu-item__link-right-content\">\n        <eui-chip *ngIf=\"item.tagLabel\" euiSizeXS euiOutline styleClass=\"eui-menu-item__link-tag-label eui-chip--{{item.tagTypeClass}}\">\n            <span euiLabel class=\"eui-label\">{{item.tagLabel}}</span>\n        </eui-chip>\n\n        <button *ngIf=\"item.children\" euiButton euiRounded euiIconButton euiSizeS euiBasicButton euiSecondary\n                [euiDisabled]=\"item.disabled\"\n                class=\"eui-menu-item__link-toggle\"\n                [attr.aria-label]=\"item.expanded ? expandMenuLabel : collapseMenuLabel\"\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", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-2xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-3xl);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear{align-items:center;background-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-35);cursor:pointer;display:flex;font-size:var(--eui-base-font-size-m);-webkit-user-select:none;user-select:none}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:before{position:absolute;right:var(--eui-base-spacing-s)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:hover{color:var(--eui-base-color-grey-100)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-90);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.eui-page-column__body .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.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-base-spacing-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%}.eui-menu-item__category-icon--default:before{background:#9b9b9b;border-radius:50%;content:\"\";height:5px;width:5px}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-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-page-column__body .eui-menu-item__category-label{font-size:var(--eui-font-size)}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:.1rem solid #efefef;color:var(--eui-base-color-text)!important;display:flex;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;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-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link--active:not(.eui-menu-item--disabled),.eui-menu-item__link:active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);font-weight:700;text-decoration:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label,.eui-menu-item__link:active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-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-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);padding-top:var(--eui-base-spacing-3xs);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-size:var(--eui-font-size)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-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-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-s);margin-left:var(--eui-base-spacing-xs)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus,.eui-menu-item .eui-button.eui-menu-item__link-toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.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--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;color:var(--eui-base-color-grey-90);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.25 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-primary-75);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:calc(2 * var(--eui-base-spacing-m));text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-m)}.eui-menu-sub .eui-menu-item__link-icon{font-size:var(--eui-base-font-size-2xl)}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;font-size:var(--eui-base-font-size-xs);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-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-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-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-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-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "span[euiIconSvg], i[euiIconSvg], eui-icon-svg", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i4.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["euiBasicButton", "euiButtonCall", "euiBlockButton", "euiRaisedButton", "isLoading", "euiIconButton", "euiLineWrap", "e2eAttr"] }, { kind: "directive", type: i6.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["position", "showDelay", "hideDelay", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent", "euiTooltipRounded", "isDisabled", "euiTooltipArrows", "content", "euiTooltip", "e2eAttr", "always"], exportAs: ["euiTooltip"] }, { kind: "pipe", type: EuiMenuTooltipContent, name: "euiMenuTooltipContent" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiMenuItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-menu-item', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<li *ngIf=\"!item.url && !item.urlExternal && !item.command && !item.children && !item.link && item.visible && item.filtered\"\n    class=\"eui-menu-item eui-menu-item__category\"\n    [class.eui-menu-item--disabled]=\"item.disabled\"\n    [attr.aria-disabled]=\"item.disabled\"\n    role=\"menuitem\"\n    [euiTooltip]=\"(hasTooltip || isCollapsed) && !item.expanded ? (item | euiMenuTooltipContent: externalLinkLabel) : null\"\n    euiTooltipRounded position=\"after\">\n\n    <span class=\"eui-menu-item__category-icon eui-u-color-{{item?.iconTypeClass}} eui-icon\"\n        [ngClass]=\"hasIcon && item.iconClass ? item.iconClass : (isCollapsed ? 'eui-menu-item__category-icon--default' : 'eui-menu-item__category-icon--none')\"\n        [attr.aria-label]=\"item.iconLabel\">\n    </span>\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 *ngIf=\"(item.url || item.urlExternal || item.children || item.command || item.link) && !item.link && item.visible && item.filtered\"\n    role=\"menuitem\"\n    [attr.aria-haspopup]=\"!!item.children\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\"\n    [euiTooltip]=\"(hasTooltip || isCollapsed) && !item.expanded ? (item | euiMenuTooltipContent: externalLinkLabel) : null\"\n    euiTooltipRounded position=\"after\">\n\n    <a (click)=\"onClick($event)\"\n        [routerLink]=\"item.url ? item.url : null\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [attr.aria-disabled]=\"item.disabled\"\n        [routerLinkActive]=\"item.url ? 'eui-menu-item__link--active' : ''\"\n        [class.eui-menu-item__link--active]=\"item.active\">\n\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<li *ngIf=\"!item.url && !item.urlExternal && !item.command && !item.children && item.link && item.visible && item.filtered\"\n    role=\"menuitem\"\n    [attr.aria-haspopup]=\"!!item.children\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\"\n    [euiTooltip]=\"(hasTooltip || isCollapsed) && !item.expanded ? (item | euiMenuTooltipContent: externalLinkLabel) : null\"\n    euiTooltipRounded position=\"after\">\n\n    <a (click)=\"onClick($event)\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [attr.aria-disabled]=\"item.disabled\"\n        [class.eui-menu-item__link--active]=\"item.active\"\n        href=\"javascript:void(0)\">\n\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n\n<ng-template #linkContent>\n    <span class=\"eui-menu-item__link-icon eui-u-color-{{item?.iconTypeClass}} eui-icon\"\n        [ngClass]=\"hasIcon && item.iconClass ? item.iconClass : (isCollapsed && !item.hasMarker ? 'eui-menu-item__link-icon--default eui-icon-circle' : 'eui-menu-item__link-icon--none')\"\n        [attr.aria-label]=\"item.iconLabel\">\n    </span>\n\n    <span *ngIf=\"item.hasMarker\"\n            role=\"img\"\n            class=\"eui-menu-item__link-marker eui-menu-item__link-marker--default eui-icon eui-icon-circle eui-u-color-{{item?.markerTypeClass}}\"\n            [attr.aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n    </span>\n\n    <span class=\"eui-menu-item__link-label\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [attr.aria-disabled]=\"item.disabled\">\n            <span class=\"eui-menu-item__label\">{{item.label}}</span>\n            <span *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\" class=\"eui-menu-item__label-external eui-icon eui-icon-ecl-external\"></span>\n    </span>\n\n    <div class=\"eui-menu-item__link-right-content\">\n        <eui-chip *ngIf=\"item.tagLabel\" euiSizeXS euiOutline styleClass=\"eui-menu-item__link-tag-label eui-chip--{{item.tagTypeClass}}\">\n            <span euiLabel class=\"eui-label\">{{item.tagLabel}}</span>\n        </eui-chip>\n\n        <button *ngIf=\"item.children\" euiButton euiRounded euiIconButton euiSizeS euiBasicButton euiSecondary\n                [euiDisabled]=\"item.disabled\"\n                class=\"eui-menu-item__link-toggle\"\n                [attr.aria-label]=\"item.expanded ? expandMenuLabel : collapseMenuLabel\"\n                (click)=\"onExpandToggle($event)\">\n            <eui-icon-svg *ngIf=\"item.expanded\" icon=\"chevron-up\" set=\"eui\"></eui-icon-svg>\n            <eui-icon-svg *ngIf=\"!item.expanded\" icon=\"chevron-down\" set=\"eui\"></eui-icon-svg>\n        </button>\n    </div>\n</ng-template>\n\n<ng-template #content>\n    <ng-content></ng-content>\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;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-2xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-3xl);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear{align-items:center;background-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-35);cursor:pointer;display:flex;font-size:var(--eui-base-font-size-m);-webkit-user-select:none;user-select:none}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:before{position:absolute;right:var(--eui-base-spacing-s)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:hover{color:var(--eui-base-color-grey-100)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-90);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.eui-page-column__body .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.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-base-spacing-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%}.eui-menu-item__category-icon--default:before{background:#9b9b9b;border-radius:50%;content:\"\";height:5px;width:5px}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-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-page-column__body .eui-menu-item__category-label{font-size:var(--eui-font-size)}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:.1rem solid #efefef;color:var(--eui-base-color-text)!important;display:flex;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;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-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link--active:not(.eui-menu-item--disabled),.eui-menu-item__link:active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);font-weight:700;text-decoration:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label,.eui-menu-item__link:active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-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-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);padding-top:var(--eui-base-spacing-3xs);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-size:var(--eui-font-size)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-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-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-s);margin-left:var(--eui-base-spacing-xs)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus,.eui-menu-item .eui-button.eui-menu-item__link-toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.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--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;color:var(--eui-base-color-grey-90);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.25 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-primary-75);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:calc(2 * var(--eui-base-spacing-m));text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-m)}.eui-menu-sub .eui-menu-item__link-icon{font-size:var(--eui-base-font-size-2xl)}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;font-size:var(--eui-base-font-size-xs);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-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-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-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-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-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n"] }]
+            args: [{ selector: 'eui-menu-item', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<li *ngIf=\"!item.url && !item.urlExternal && !item.command && !item.children && !item.link && item.visible && item.filtered\"\n    class=\"eui-menu-item eui-menu-item__category\"\n    [class.eui-menu-item--disabled]=\"item.disabled\"\n    [attr.aria-disabled]=\"item.disabled\"\n    role=\"menuitem\"\n    [euiTooltip]=\"(hasTooltip || isCollapsed) && !item.expanded ? (item | euiMenuTooltipContent: externalLinkLabel) : null\"\n    euiTooltipRounded position=\"after\">\n\n    <span class=\"eui-menu-item__category-icon eui-u-color-{{item?.iconTypeClass}} eui-icon\"\n        [ngClass]=\"hasIcon && item.iconClass ? item.iconClass : (isCollapsed ? 'eui-menu-item__category-icon--default' : 'eui-menu-item__category-icon--none')\"\n        [attr.aria-label]=\"item.iconLabel\">\n    </span>\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 *ngIf=\"(item.url || item.urlExternal || item.children || item.command || item.link) && !item.link && item.visible && item.filtered\"\n    role=\"menuitem\"\n    [attr.aria-haspopup]=\"!!item.children\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\"\n    [euiTooltip]=\"(hasTooltip || isCollapsed) && !item.expanded ? (item | euiMenuTooltipContent: externalLinkLabel) : null\"\n    euiTooltipRounded position=\"after\">\n\n    <a (click)=\"onClick($event)\"\n        [routerLink]=\"item.url ? item.url : null\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [attr.aria-disabled]=\"item.disabled\"\n        [routerLinkActive]=\"item.url ? 'eui-menu-item__link--active' : ''\"\n        [class.eui-menu-item__link--active]=\"item.active\">\n\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<li *ngIf=\"!item.url && !item.urlExternal && !item.command && !item.children && item.link && item.visible && item.filtered\"\n    role=\"menuitem\"\n    [attr.aria-haspopup]=\"!!item.children\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\"\n    [euiTooltip]=\"(hasTooltip || isCollapsed) && !item.expanded ? (item | euiMenuTooltipContent: externalLinkLabel) : null\"\n    euiTooltipRounded position=\"after\">\n\n    <a (click)=\"onClick($event)\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [attr.aria-disabled]=\"item.disabled\"\n        [class.eui-menu-item__link--active]=\"item.active\"\n        href=\"javascript:void(0)\">\n\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n\n<ng-template #linkContent>\n    <span class=\"eui-menu-item__link-icon eui-u-color-{{item?.iconTypeClass}} eui-icon\"\n        [ngClass]=\"hasIcon && item.iconClass ? item.iconClass : (isCollapsed && !item.hasMarker ? 'eui-menu-item__link-icon--default eui-icon-circle' : 'eui-menu-item__link-icon--none')\"\n        [attr.aria-label]=\"item.iconLabel\">\n    </span>\n\n    <span *ngIf=\"item.hasMarker\"\n            role=\"img\"\n            class=\"eui-menu-item__link-marker eui-menu-item__link-marker--default eui-icon eui-icon-circle eui-u-color-{{item?.markerTypeClass}}\"\n            [attr.aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n    </span>\n\n    <span class=\"eui-menu-item__link-label\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [attr.aria-disabled]=\"item.disabled\">\n            <span class=\"eui-menu-item__label\">{{item.label}}</span>\n            <span *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\" class=\"eui-menu-item__label-external eui-icon eui-icon-ecl-external\"></span>\n    </span>\n\n    <div class=\"eui-menu-item__link-right-content\">\n        <eui-chip *ngIf=\"item.tagLabel\" euiSizeXS euiOutline styleClass=\"eui-menu-item__link-tag-label eui-chip--{{item.tagTypeClass}}\">\n            <span euiLabel class=\"eui-label\">{{item.tagLabel}}</span>\n        </eui-chip>\n\n        <button *ngIf=\"item.children\" euiButton euiRounded euiIconButton euiSizeS euiBasicButton euiSecondary\n                [euiDisabled]=\"item.disabled\"\n                class=\"eui-menu-item__link-toggle\"\n                [attr.aria-label]=\"item.expanded ? expandMenuLabel : collapseMenuLabel\"\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", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-2xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-3xl);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear{align-items:center;background-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-35);cursor:pointer;display:flex;font-size:var(--eui-base-font-size-m);-webkit-user-select:none;user-select:none}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:before{position:absolute;right:var(--eui-base-spacing-s)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:hover{color:var(--eui-base-color-grey-100)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-90);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.eui-page-column__body .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.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-base-spacing-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%}.eui-menu-item__category-icon--default:before{background:#9b9b9b;border-radius:50%;content:\"\";height:5px;width:5px}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-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-page-column__body .eui-menu-item__category-label{font-size:var(--eui-font-size)}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:.1rem solid #efefef;color:var(--eui-base-color-text)!important;display:flex;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;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-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link--active:not(.eui-menu-item--disabled),.eui-menu-item__link:active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);font-weight:700;text-decoration:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label,.eui-menu-item__link:active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-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-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);padding-top:var(--eui-base-spacing-3xs);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-size:var(--eui-font-size)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-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-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-s);margin-left:var(--eui-base-spacing-xs)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus,.eui-menu-item .eui-button.eui-menu-item__link-toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.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--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;color:var(--eui-base-color-grey-90);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.25 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-primary-75);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:calc(2 * var(--eui-base-spacing-m));text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-m)}.eui-menu-sub .eui-menu-item__link-icon{font-size:var(--eui-base-font-size-2xl)}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;font-size:var(--eui-base-font-size-xs);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-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-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-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-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-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { item: [{
                 type: Input
             }], hasIcon: [{
@@ -335,10 +335,10 @@ class EuiMenuComponent extends BaseDirective {
     }
 }
 /** @nocollapse */ EuiMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiMenuComponent, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ EuiMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EuiMenuComponent, selector: "eui-menu", inputs: { items: "items", searchFilterLabel: "searchFilterLabel", expandMenuLabel: "expandMenuLabel", collapseMenuLabel: "collapseMenuLabel", externalLinkLabel: "externalLinkLabel", fragmentId: "fragmentId", isCollapsed: "isCollapsed", hasFilter: "hasFilter", hasIcons: "hasIcons", hasTooltip: "hasTooltip", expandAllItems: "expandAllItems" }, outputs: { onClicked: "onClicked", onItemClicked: "onItemClicked", isClick: "isClick", itemClick: "itemClick" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "class": "this.cssClasses" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"hasFilter && !isCollapsed\" class=\"eui-menu-filter\" (click)=\"onMenuFilterClick($event)\">\n    <div class=\"eui-menu-filter__input-wrapper\">\n        <eui-icon-svg icon=\"search\" set=\"eui\" class=\"eui-menu-filter__input-search\" fillColor=\"grey-50\" aria-label=\"Search Icon\"></eui-icon-svg>\n        <input euiInputText [euiClearable]=\"true\" (input)=\"onFilter($event)\" class=\"eui-menu-filter__input\" [placeholder]=\"searchFilterLabel\" [attr.aria-label]=\"searchFilterLabel\" />\n    </div>\n</div>\n<ul class=\"eui-menu\" role=\"menubar\">\n    <span *ngIf=\"!items\" class=\"eui-menu--no-items\">No menu items defined</span>\n    <ng-container *ngFor=\"let item of items; let i = index\">\n            <eui-menu-item *ngIf=\"item.filtered\" [item]=\"item\" [hasIcon]=\"hasIcons\" [hasTooltip]=\"hasTooltip\" [isCollapsed]=\"isCollapsed\"\n                           (expandToggled)=\"onExpandToggle($event)\" (clicked)=\"onClick($event)\">\n                <ul *ngIf=\"item.children && item.expanded\" class=\"eui-menu eui-menu-sub\" role=\"menu\" aria-haspopup=\"true\" aria-expanded=\"true\">\n                    <ng-container *ngFor=\"let itemSub of item.children; let isub = index\">\n                        <eui-menu-item [item]=\"itemSub\" [hasIcon]=\"hasIcons\" [hasTooltip]=\"hasTooltip\" [isCollapsed]=\"isCollapsed\"\n                                       (expandToggled)=\"onExpandToggle($event)\" (clicked)=\"onClick($event)\">\n                            <ul *ngIf=\"itemSub.children && itemSub.expanded\" class=\"eui-menu eui-menu-sub\" role=\"menu\" aria-haspopup=\"true\" aria-expanded=\"true\">\n                                <ng-container *ngFor=\"let itemSubSub of itemSub.children; let isubub = index\">\n                                    <eui-menu-item [item]=\"itemSubSub\" [hasIcon]=\"hasIcons\" [hasTooltip]=\"hasTooltip\" [isCollapsed]=\"isCollapsed\"\n                                                   (expandToggled)=\"onExpandToggle($event)\" (clicked)=\"onClick($event)\">\n                                            <ul *ngIf=\"itemSubSub.children && itemSubSub.expanded\" class=\"eui-menu eui-menu-sub\" role=\"menu\" aria-haspopup=\"true\" aria-expanded=\"true\">\n                                            <ng-container *ngFor=\"let itemSubSubSub of itemSubSub.children; let isubsubsub = index\">\n                                                <eui-menu-item [item]=\"itemSubSubSub\" [hasIcon]=\"hasIcons\" [hasTooltip]=\"hasTooltip\" [isCollapsed]=\"isCollapsed\"\n                                                                (expandToggled)=\"onExpandToggle($event)\" (clicked)=\"onClick($event)\">\n                                                </eui-menu-item>\n                                            </ng-container>\n                                        </ul>\n                                    </eui-menu-item>\n                                </ng-container>\n                            </ul>\n                        </eui-menu-item>\n                    </ng-container>\n                </ul>\n            </eui-menu-item>\n    </ng-container>\n</ul>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-2xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-3xl);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear{align-items:center;background-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-35);cursor:pointer;display:flex;font-size:var(--eui-base-font-size-m);-webkit-user-select:none;user-select:none}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:before{position:absolute;right:var(--eui-base-spacing-s)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:hover{color:var(--eui-base-color-grey-100)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-90);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.eui-page-column__body .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.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-base-spacing-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%}.eui-menu-item__category-icon--default:before{background:#9b9b9b;border-radius:50%;content:\"\";height:5px;width:5px}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-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-page-column__body .eui-menu-item__category-label{font-size:var(--eui-font-size)}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:.1rem solid #efefef;color:var(--eui-base-color-text)!important;display:flex;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;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-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link--active:not(.eui-menu-item--disabled),.eui-menu-item__link:active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);font-weight:700;text-decoration:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label,.eui-menu-item__link:active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-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-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);padding-top:var(--eui-base-spacing-3xs);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-size:var(--eui-font-size)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-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-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-s);margin-left:var(--eui-base-spacing-xs)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus,.eui-menu-item .eui-button.eui-menu-item__link-toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.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--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;color:var(--eui-base-color-grey-90);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.25 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-primary-75);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:calc(2 * var(--eui-base-spacing-m));text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-m)}.eui-menu-sub .eui-menu-item__link-icon{font-size:var(--eui-base-font-size-2xl)}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;font-size:var(--eui-base-font-size-xs);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-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-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-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-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-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "span[euiIconSvg], i[euiIconSvg], eui-icon-svg", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "iconUrl", "style", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i4$1.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "component", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: ["item", "hasIcon", "hasTooltip", "isCollapsed"], outputs: ["expandToggled", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
+/** @nocollapse */ EuiMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.0-next.4", type: EuiMenuComponent, selector: "eui-menu", inputs: { items: "items", searchFilterLabel: "searchFilterLabel", expandMenuLabel: "expandMenuLabel", collapseMenuLabel: "collapseMenuLabel", externalLinkLabel: "externalLinkLabel", fragmentId: "fragmentId", isCollapsed: "isCollapsed", hasFilter: "hasFilter", hasIcons: "hasIcons", hasTooltip: "hasTooltip", expandAllItems: "expandAllItems" }, outputs: { onClicked: "onClicked", onItemClicked: "onItemClicked", isClick: "isClick", itemClick: "itemClick" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "class": "this.cssClasses" } }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"hasFilter && !isCollapsed\" class=\"eui-menu-filter\" (click)=\"onMenuFilterClick($event)\">\n    <div class=\"eui-menu-filter__input-wrapper\">\n        <eui-icon-svg icon=\"eui-search\" class=\"eui-menu-filter__input-search\" fillColor=\"grey-50\" aria-label=\"Search Icon\"></eui-icon-svg>\n        <input euiInputText [euiClearable]=\"true\" (input)=\"onFilter($event)\" class=\"eui-menu-filter__input\" [placeholder]=\"searchFilterLabel\" [attr.aria-label]=\"searchFilterLabel\" />\n    </div>\n</div>\n<ul class=\"eui-menu\" role=\"menubar\">\n    <span *ngIf=\"!items\" class=\"eui-menu--no-items\">No menu items defined</span>\n    <ng-container *ngFor=\"let item of items; let i = index\">\n            <eui-menu-item *ngIf=\"item.filtered\" [item]=\"item\" [hasIcon]=\"hasIcons\" [hasTooltip]=\"hasTooltip\" [isCollapsed]=\"isCollapsed\"\n                           (expandToggled)=\"onExpandToggle($event)\" (clicked)=\"onClick($event)\">\n                <ul *ngIf=\"item.children && item.expanded\" class=\"eui-menu eui-menu-sub\" role=\"menu\" aria-haspopup=\"true\" aria-expanded=\"true\">\n                    <ng-container *ngFor=\"let itemSub of item.children; let isub = index\">\n                        <eui-menu-item [item]=\"itemSub\" [hasIcon]=\"hasIcons\" [hasTooltip]=\"hasTooltip\" [isCollapsed]=\"isCollapsed\"\n                                       (expandToggled)=\"onExpandToggle($event)\" (clicked)=\"onClick($event)\">\n                            <ul *ngIf=\"itemSub.children && itemSub.expanded\" class=\"eui-menu eui-menu-sub\" role=\"menu\" aria-haspopup=\"true\" aria-expanded=\"true\">\n                                <ng-container *ngFor=\"let itemSubSub of itemSub.children; let isubub = index\">\n                                    <eui-menu-item [item]=\"itemSubSub\" [hasIcon]=\"hasIcons\" [hasTooltip]=\"hasTooltip\" [isCollapsed]=\"isCollapsed\"\n                                                   (expandToggled)=\"onExpandToggle($event)\" (clicked)=\"onClick($event)\">\n                                            <ul *ngIf=\"itemSubSub.children && itemSubSub.expanded\" class=\"eui-menu eui-menu-sub\" role=\"menu\" aria-haspopup=\"true\" aria-expanded=\"true\">\n                                            <ng-container *ngFor=\"let itemSubSubSub of itemSubSub.children; let isubsubsub = index\">\n                                                <eui-menu-item [item]=\"itemSubSubSub\" [hasIcon]=\"hasIcons\" [hasTooltip]=\"hasTooltip\" [isCollapsed]=\"isCollapsed\"\n                                                                (expandToggled)=\"onExpandToggle($event)\" (clicked)=\"onClick($event)\">\n                                                </eui-menu-item>\n                                            </ng-container>\n                                        </ul>\n                                    </eui-menu-item>\n                                </ng-container>\n                            </ul>\n                        </eui-menu-item>\n                    </ng-container>\n                </ul>\n            </eui-menu-item>\n    </ng-container>\n</ul>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-2xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-3xl);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear{align-items:center;background-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-35);cursor:pointer;display:flex;font-size:var(--eui-base-font-size-m);-webkit-user-select:none;user-select:none}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:before{position:absolute;right:var(--eui-base-spacing-s)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:hover{color:var(--eui-base-color-grey-100)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-90);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.eui-page-column__body .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.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-base-spacing-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%}.eui-menu-item__category-icon--default:before{background:#9b9b9b;border-radius:50%;content:\"\";height:5px;width:5px}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-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-page-column__body .eui-menu-item__category-label{font-size:var(--eui-font-size)}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:.1rem solid #efefef;color:var(--eui-base-color-text)!important;display:flex;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;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-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link--active:not(.eui-menu-item--disabled),.eui-menu-item__link:active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);font-weight:700;text-decoration:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label,.eui-menu-item__link:active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-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-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);padding-top:var(--eui-base-spacing-3xs);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-size:var(--eui-font-size)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-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-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-s);margin-left:var(--eui-base-spacing-xs)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus,.eui-menu-item .eui-button.eui-menu-item__link-toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.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--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;color:var(--eui-base-color-grey-90);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.25 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-primary-75);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:calc(2 * var(--eui-base-spacing-m));text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-m)}.eui-menu-sub .eui-menu-item__link-icon{font-size:var(--eui-base-font-size-2xl)}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;font-size:var(--eui-base-font-size-xs);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-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-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-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-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-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "span[euiIconSvg], i[euiIconSvg], eui-icon-svg", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i4$1.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "component", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: ["item", "hasIcon", "hasTooltip", "isCollapsed"], outputs: ["expandToggled", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.0-next.4", ngImport: i0, type: EuiMenuComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-menu', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"hasFilter && !isCollapsed\" class=\"eui-menu-filter\" (click)=\"onMenuFilterClick($event)\">\n    <div class=\"eui-menu-filter__input-wrapper\">\n        <eui-icon-svg icon=\"search\" set=\"eui\" class=\"eui-menu-filter__input-search\" fillColor=\"grey-50\" aria-label=\"Search Icon\"></eui-icon-svg>\n        <input euiInputText [euiClearable]=\"true\" (input)=\"onFilter($event)\" class=\"eui-menu-filter__input\" [placeholder]=\"searchFilterLabel\" [attr.aria-label]=\"searchFilterLabel\" />\n    </div>\n</div>\n<ul class=\"eui-menu\" role=\"menubar\">\n    <span *ngIf=\"!items\" class=\"eui-menu--no-items\">No menu items defined</span>\n    <ng-container *ngFor=\"let item of items; let i = index\">\n            <eui-menu-item *ngIf=\"item.filtered\" [item]=\"item\" [hasIcon]=\"hasIcons\" [hasTooltip]=\"hasTooltip\" [isCollapsed]=\"isCollapsed\"\n                           (expandToggled)=\"onExpandToggle($event)\" (clicked)=\"onClick($event)\">\n                <ul *ngIf=\"item.children && item.expanded\" class=\"eui-menu eui-menu-sub\" role=\"menu\" aria-haspopup=\"true\" aria-expanded=\"true\">\n                    <ng-container *ngFor=\"let itemSub of item.children; let isub = index\">\n                        <eui-menu-item [item]=\"itemSub\" [hasIcon]=\"hasIcons\" [hasTooltip]=\"hasTooltip\" [isCollapsed]=\"isCollapsed\"\n                                       (expandToggled)=\"onExpandToggle($event)\" (clicked)=\"onClick($event)\">\n                            <ul *ngIf=\"itemSub.children && itemSub.expanded\" class=\"eui-menu eui-menu-sub\" role=\"menu\" aria-haspopup=\"true\" aria-expanded=\"true\">\n                                <ng-container *ngFor=\"let itemSubSub of itemSub.children; let isubub = index\">\n                                    <eui-menu-item [item]=\"itemSubSub\" [hasIcon]=\"hasIcons\" [hasTooltip]=\"hasTooltip\" [isCollapsed]=\"isCollapsed\"\n                                                   (expandToggled)=\"onExpandToggle($event)\" (clicked)=\"onClick($event)\">\n                                            <ul *ngIf=\"itemSubSub.children && itemSubSub.expanded\" class=\"eui-menu eui-menu-sub\" role=\"menu\" aria-haspopup=\"true\" aria-expanded=\"true\">\n                                            <ng-container *ngFor=\"let itemSubSubSub of itemSubSub.children; let isubsubsub = index\">\n                                                <eui-menu-item [item]=\"itemSubSubSub\" [hasIcon]=\"hasIcons\" [hasTooltip]=\"hasTooltip\" [isCollapsed]=\"isCollapsed\"\n                                                                (expandToggled)=\"onExpandToggle($event)\" (clicked)=\"onClick($event)\">\n                                                </eui-menu-item>\n                                            </ng-container>\n                                        </ul>\n                                    </eui-menu-item>\n                                </ng-container>\n                            </ul>\n                        </eui-menu-item>\n                    </ng-container>\n                </ul>\n            </eui-menu-item>\n    </ng-container>\n</ul>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-2xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-3xl);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear{align-items:center;background-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-35);cursor:pointer;display:flex;font-size:var(--eui-base-font-size-m);-webkit-user-select:none;user-select:none}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:before{position:absolute;right:var(--eui-base-spacing-s)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:hover{color:var(--eui-base-color-grey-100)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-90);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.eui-page-column__body .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.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-base-spacing-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%}.eui-menu-item__category-icon--default:before{background:#9b9b9b;border-radius:50%;content:\"\";height:5px;width:5px}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-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-page-column__body .eui-menu-item__category-label{font-size:var(--eui-font-size)}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:.1rem solid #efefef;color:var(--eui-base-color-text)!important;display:flex;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;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-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link--active:not(.eui-menu-item--disabled),.eui-menu-item__link:active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);font-weight:700;text-decoration:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label,.eui-menu-item__link:active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-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-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);padding-top:var(--eui-base-spacing-3xs);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-size:var(--eui-font-size)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-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-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-s);margin-left:var(--eui-base-spacing-xs)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus,.eui-menu-item .eui-button.eui-menu-item__link-toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.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--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;color:var(--eui-base-color-grey-90);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.25 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-primary-75);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:calc(2 * var(--eui-base-spacing-m));text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-m)}.eui-menu-sub .eui-menu-item__link-icon{font-size:var(--eui-base-font-size-2xl)}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;font-size:var(--eui-base-font-size-xs);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-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-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-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-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-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n"] }]
+            args: [{ selector: 'eui-menu', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"hasFilter && !isCollapsed\" class=\"eui-menu-filter\" (click)=\"onMenuFilterClick($event)\">\n    <div class=\"eui-menu-filter__input-wrapper\">\n        <eui-icon-svg icon=\"eui-search\" class=\"eui-menu-filter__input-search\" fillColor=\"grey-50\" aria-label=\"Search Icon\"></eui-icon-svg>\n        <input euiInputText [euiClearable]=\"true\" (input)=\"onFilter($event)\" class=\"eui-menu-filter__input\" [placeholder]=\"searchFilterLabel\" [attr.aria-label]=\"searchFilterLabel\" />\n    </div>\n</div>\n<ul class=\"eui-menu\" role=\"menubar\">\n    <span *ngIf=\"!items\" class=\"eui-menu--no-items\">No menu items defined</span>\n    <ng-container *ngFor=\"let item of items; let i = index\">\n            <eui-menu-item *ngIf=\"item.filtered\" [item]=\"item\" [hasIcon]=\"hasIcons\" [hasTooltip]=\"hasTooltip\" [isCollapsed]=\"isCollapsed\"\n                           (expandToggled)=\"onExpandToggle($event)\" (clicked)=\"onClick($event)\">\n                <ul *ngIf=\"item.children && item.expanded\" class=\"eui-menu eui-menu-sub\" role=\"menu\" aria-haspopup=\"true\" aria-expanded=\"true\">\n                    <ng-container *ngFor=\"let itemSub of item.children; let isub = index\">\n                        <eui-menu-item [item]=\"itemSub\" [hasIcon]=\"hasIcons\" [hasTooltip]=\"hasTooltip\" [isCollapsed]=\"isCollapsed\"\n                                       (expandToggled)=\"onExpandToggle($event)\" (clicked)=\"onClick($event)\">\n                            <ul *ngIf=\"itemSub.children && itemSub.expanded\" class=\"eui-menu eui-menu-sub\" role=\"menu\" aria-haspopup=\"true\" aria-expanded=\"true\">\n                                <ng-container *ngFor=\"let itemSubSub of itemSub.children; let isubub = index\">\n                                    <eui-menu-item [item]=\"itemSubSub\" [hasIcon]=\"hasIcons\" [hasTooltip]=\"hasTooltip\" [isCollapsed]=\"isCollapsed\"\n                                                   (expandToggled)=\"onExpandToggle($event)\" (clicked)=\"onClick($event)\">\n                                            <ul *ngIf=\"itemSubSub.children && itemSubSub.expanded\" class=\"eui-menu eui-menu-sub\" role=\"menu\" aria-haspopup=\"true\" aria-expanded=\"true\">\n                                            <ng-container *ngFor=\"let itemSubSubSub of itemSubSub.children; let isubsubsub = index\">\n                                                <eui-menu-item [item]=\"itemSubSubSub\" [hasIcon]=\"hasIcons\" [hasTooltip]=\"hasTooltip\" [isCollapsed]=\"isCollapsed\"\n                                                                (expandToggled)=\"onExpandToggle($event)\" (clicked)=\"onClick($event)\">\n                                                </eui-menu-item>\n                                            </ng-container>\n                                        </ul>\n                                    </eui-menu-item>\n                                </ng-container>\n                            </ul>\n                        </eui-menu-item>\n                    </ng-container>\n                </ul>\n            </eui-menu-item>\n    </ng-container>\n</ul>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-2xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);font-size:var(--eui-base-font-size-3xl);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear{align-items:center;background-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-35);cursor:pointer;display:flex;font-size:var(--eui-base-font-size-m);-webkit-user-select:none;user-select:none}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:before{position:absolute;right:var(--eui-base-spacing-s)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-clear:hover{color:var(--eui-base-color-grey-100)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-90);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.eui-page-column__body .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.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-base-spacing-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%}.eui-menu-item__category-icon--default:before{background:#9b9b9b;border-radius:50%;content:\"\";height:5px;width:5px}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-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-page-column__body .eui-menu-item__category-label{font-size:var(--eui-font-size)}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:.1rem solid #efefef;color:var(--eui-base-color-text)!important;display:flex;height:calc(2.75 * var(--eui-base-spacing-m));justify-content:center;padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;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-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link--active:not(.eui-menu-item--disabled),.eui-menu-item__link:active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);font-weight:700;text-decoration:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label,.eui-menu-item__link:active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-primary-100)}.eui-menu-item__link-icon{color:var(--eui-base-color-grey-90);font-size:var(--eui-base-font-size-2xl)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-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-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);padding-top:var(--eui-base-spacing-3xs);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-size:var(--eui-font-size)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-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-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-35);font-size:var(--eui-base-font-size-s);margin-left:var(--eui-base-spacing-xs)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus,.eui-menu-item .eui-button.eui-menu-item__link-toggle:active{border:2px solid var(--eui-base-color-accessible-focus);outline:none;transition:border .15s ease-in-out}.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--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;color:var(--eui-base-color-grey-90);display:flex;flex-direction:row;font-size:var(--eui-base-font-size-s);font-weight:700;height:calc(2.25 * var(--eui-base-spacing-m));justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{font-weight:500;text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-primary-75);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:calc(2 * var(--eui-base-spacing-m));text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-m)}.eui-menu-sub .eui-menu-item__link-icon{font-size:var(--eui-base-font-size-2xl)}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;font-size:var(--eui-base-font-size-xs);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-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-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-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-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-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.Router }, { type: i1$1.ActivatedRoute }]; }, propDecorators: { items: [{
                 type: Input
             }], searchFilterLabel: [{