@eui/components 17.0.1-snapshot-1700836396201 → 17.0.1-snapshot-1701096824737

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

@@ -1 +1 @@
-{"version":3,"file":"eui-components-eui-icon.mjs","sources":["../../eui-icon/eui-icon.component.ts","../../eui-icon/eui-icon-svg.component.ts","../../eui-icon/eui-icon-svg.component.html","../../eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.ts","../../eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.html","../../eui-icon/eui-icon-color.component.ts","../../eui-icon/eui-icon.module.ts","../../eui-icon/eui-components-eui-icon.ts"],"sourcesContent":["import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared/base';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconComponent extends BaseDirective {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n    @HostBinding('attr.role') role = 'img';\n    @HostBinding('attr.aria-label')\n    @Input('aria-label')\n    public get ariaLabel(): string {\n        return this._ariaLabel;\n    }\n    public set ariaLabel(value: string | null) {\n        this._ariaLabel = value;\n    }\n\n    @Input()\n    get iconClass(): string {\n        return this._iconClass;\n    }\n    set iconClass(value: string) {\n        this._iconClass = value;\n    }\n    private _iconClass;\n\n    @Input()\n    get isLoading(): boolean {\n        return this._isLoading;\n    }\n    set isLoading(value: BooleanInput) {\n        this._isLoading = coerceBooleanProperty(value);\n    }\n    private _isLoading = false;\n\n    protected _ariaLabel = 'eUI Icon';\n\n    constructor() {\n        super();\n    }\n\n    getCssClasses(): string {\n        return [\n            super.getCssClasses('eui-icon'),\n            this.iconClass && !this.isLoading ? this.iconClass : '',\n            this.isLoading ? 'eui-icon--loading' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    Input,\n    HostBinding,\n    OnInit,\n    ViewEncapsulation,\n    OnChanges,\n    SimpleChanges,\n    AfterContentInit,\n    Inject,\n    Optional,\n} from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared/base';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\nimport { EuiConfig } from '@eui/base';\n\n@Component({\n    selector: 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]',\n    templateUrl: './eui-icon-svg.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconSvgComponent extends BaseDirective implements AfterContentInit, OnChanges, OnInit {\n    @HostBinding('attr.role') ariaRole = 'img';\n\n    @Input() icon: string; // could be the form of \"icon:set\" to pass them both in a single input\n    @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n    @Input() fillColor = 'grey-100';\n    @Input() set = 'eui';\n    @Input() ariaLabelledby: string;\n    @Input() role: string;\n    @Input() style = '';\n    @Input() iconUrl: string;\n\n    @Input() transform = '';\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return `eui-icon-svg eui-icon-svg--${this.transform} eui-icon-svg--size-${this.size}`;\n    }\n\n    @HostBinding('attr.aria-label')\n    @Input('aria-label')\n    public get ariaLabel(): string {\n        return this._ariaLabel;\n    }\n    public set ariaLabel(value: string | null) {\n        this._ariaLabel = value;\n    }\n    protected _ariaLabel = 'eUI Icon';\n\n    public iconName: string;\n    public assetsBaseUrl = 'assets';\n\n    @Input()\n    get ariaHidden(): boolean {\n        return this._ariaHidden;\n    }\n    set ariaHidden(value: BooleanInput) {\n        this._ariaHidden = coerceBooleanProperty(value);\n    }\n    private _ariaHidden = true;\n\n    @Input()\n    get focusable(): boolean {\n        return this._focusable;\n    }\n    set focusable(value: BooleanInput) {\n        this._focusable = coerceBooleanProperty(value);\n    }\n    private _focusable = false;\n\n    @Input()\n    get isLoading(): boolean {\n        return this._isLoading;\n    }\n    set isLoading(value: BooleanInput) {\n        this._isLoading = coerceBooleanProperty(value);\n    }\n    private _isLoading = false;\n\n    constructor(@Optional() @Inject(EUI_CONFIG_TOKEN) private config: EuiConfig) {\n        super();\n    }\n\n    ngOnInit(): void {\n        const assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl;\n        if (assetsBaseUrl) {\n            this.assetsBaseUrl = this.config.appConfig.global.eui.assetsBaseUrl;\n        }\n        if (this.isLoading) {\n            this.set = 'eui';\n            this.icon = 'eui-radio-button-off';\n            this.fillColor = 'transparent';\n        }\n    }\n\n    ngOnChanges(c: SimpleChanges): void {\n        if (c && c.set) {\n            if (c.set.currentValue !== c.set.previousValue) {\n                this._setIconAndSet();\n            }\n        }\n\n        if (c && c.icon) {\n            if (c.icon.currentValue !== c.icon.previousValue) {\n                this._setIconAndSet();\n            }\n        }\n    }\n\n    ngAfterContentInit(): void {\n        this._setIconAndSet();\n    }\n\n    getCssClasses(): string {\n        return [\n            this.isLoading ? 'eui-icon-svg--loading' : '',\n            this.transform ? `eui-icon-svg--${this.transform}` : '', // Needed for extra spacings adjustments\n            `eui-sprite-${this.icon}`,\n            `eui-icon-svg--color-${this.fillColor}`,\n            `eui-icon-svg--size-${this.size}`,\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    private _setIconAndSet(): void {\n        if (this.icon && this.icon.indexOf(':') > -1) {\n            const iconSet = this.icon.split(':');\n            this.icon = iconSet[0];\n            this.set = iconSet[1];\n        }\n\n        if (!this.set || this.set === '') {\n            this.set = 'eui';\n        } else {\n            if (this.set === 'sharp' || this.set === 'outline') {\n                this.iconName = `${this.icon}-${this.set}`;\n            } else {\n                this.iconName = this.icon;\n            }\n        }\n    }\n}\n","<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n    <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"iconUrl\">\n    <ng-container *ngTemplateOutlet=\"custom\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"isLoading\">\n    <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n</ng-container>\n\n<ng-template #default>\n    <svg\n        [ngClass]=\"getCssClasses()\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || 'img'\"\n        [attr.focusable]=\"focusable\">\n        <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-content></ng-content>\n    <!-- <span class=\"eui-icon-svg__badge\"> -->\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n        <!-- <ng-content select=\"eui-badge\"></ng-content> -->\n    <!-- </span> -->\n</ng-template>\n\n<ng-template #custom>\n    <svg\n        [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\"\n        [attr.style]=\"style ? style : null\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || 'img'\"\n        [attr.focusable]=\"focusable\">\n        <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n    </svg>\n</ng-template>\n\n<ng-template #loading>\n    <eui-icon-svg icon=\"eui-home\" [size]=\"size\" fillColor=\"transparent\" class=\"eui-icon-svg--loading\"></eui-icon-svg>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    <!-- <ng-content></ng-content> -->\n</ng-template>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n","import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation } from '@angular/core';\nimport { coerceBoolean } from '@eui/base';\nimport { BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'eui-icon-svg-button',\n    templateUrl: './eui-icon-svg-button.component.html',\n    styleUrls: [ './eui-icon-svg-button.component.scss' ],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconSvgButtonComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-icon-svg-button',\n            this.hasFocusBorder ? 'eui-icon-svg-button--has-focus': '',\n            this.hasNoPadding ? 'eui-icon-svg-button--has-no-padding': '',\n        ]\n            .join(' ')\n            .trim();\n    }\n    @HostBinding('attr.tabindex') tabindex = -1;\n\n    @Input() iconSvgName: string;\n    @Input() iconSvgFillColor: string;\n    @Input() iconSvgSize: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n    @Input() ariaLabel: string;\n\n    @Input()\n    @coerceBoolean\n    hasFocusBorder: BooleanInput = false;\n    @Input()\n    @coerceBoolean\n    hasNoPadding: BooleanInput = false;\n\n    @Output() buttonClick = new EventEmitter<Event>();\n\n    onClick(event: Event): void {\n        this.buttonClick.emit(event);\n    }\n}\n","<button class=\"eui-icon-svg-button__button\"\n    type=\"button\"\n    (keydown.enter)=\"onClick($event)\"\n    (keydown.backspace)=\"onClick($event)\"\n    (click)=\"onClick($event)\"\n    [attr.aria-label]=\"ariaLabel\">\n    <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\" [size]=\"iconSvgSize\" class=\"eui-icon-svg-button__button-icon\">\n        <ng-content select=\"eui-badge\"></ng-content>\n    </eui-icon-svg>\n</button>\n","import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n    selector: 'eui-icon-colored, span[euiIconColored], [euiIconColored]',\n    template: `\n        <span [class]=\"iconClass\">\n            <span *ngFor=\"let pathNumber of paths\" class=\"path{{ pathNumber }}\"></span>\n        </span>\n    `,\n})\nexport class EuiIconColorComponent {\n    public paths = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];\n\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n\n    @Input() iconClass;\n\n    getCssClasses(): string {\n        return ['eui-icon eui-icon-color', this.iconClass ? this.iconClass : ''].join(' ').trim();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconComponent } from './eui-icon.component';\nimport { EuiIconSvgComponent } from './eui-icon-svg.component';\nimport { EuiIconColorComponent } from './eui-icon-color.component';\nimport { EuiIconSvgButtonComponent } from './eui-icon-svg-button/eui-icon-svg-button.component';\n@NgModule({\n    imports: [CommonModule],\n    exports: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent, EuiIconSvgButtonComponent],\n    declarations: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent, EuiIconSvgButtonComponent],\n})\nexport class EuiIconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.EuiIconSvgComponent"],"mappings":"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"}
+{"version":3,"file":"eui-components-eui-icon.mjs","sources":["../../eui-icon/eui-icon.component.ts","../../eui-icon/eui-icon-svg.component.ts","../../eui-icon/eui-icon-svg.component.html","../../eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.ts","../../eui-icon/eui-icon-svg-button/eui-icon-svg-button.component.html","../../eui-icon/eui-icon-color.component.ts","../../eui-icon/eui-icon.module.ts","../../eui-icon/eui-components-eui-icon.ts"],"sourcesContent":["import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared/base';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'div[euiIcon], span[euiIcon], i[euiIcon], eui-icon',\n    template: '<ng-content></ng-content>',\n    styleUrls: ['./styles/_index.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconComponent extends BaseDirective {\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n    @HostBinding('attr.role') role = 'img';\n    @HostBinding('attr.aria-label')\n    @Input('aria-label')\n    public get ariaLabel(): string {\n        return this._ariaLabel;\n    }\n    public set ariaLabel(value: string | null) {\n        this._ariaLabel = value;\n    }\n\n    @Input()\n    get iconClass(): string {\n        return this._iconClass;\n    }\n    set iconClass(value: string) {\n        this._iconClass = value;\n    }\n    private _iconClass;\n\n    @Input()\n    get isLoading(): boolean {\n        return this._isLoading;\n    }\n    set isLoading(value: BooleanInput) {\n        this._isLoading = coerceBooleanProperty(value);\n    }\n    private _isLoading = false;\n\n    protected _ariaLabel = 'eUI Icon';\n\n    constructor() {\n        super();\n    }\n\n    getCssClasses(): string {\n        return [\n            super.getCssClasses('eui-icon'),\n            this.iconClass && !this.isLoading ? this.iconClass : '',\n            this.isLoading ? 'eui-icon--loading' : '',\n        ]\n            .join(' ')\n            .trim();\n    }\n}\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    Input,\n    HostBinding,\n    OnInit,\n    ViewEncapsulation,\n    OnChanges,\n    SimpleChanges,\n    AfterContentInit,\n    Inject,\n    Optional,\n} from '@angular/core';\nimport { BaseDirective } from '@eui/components/shared/base';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\nimport { EuiConfig } from '@eui/base';\n\n@Component({\n    selector: 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]',\n    templateUrl: './eui-icon-svg.component.html',\n    styleUrls: ['./styles/_index.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconSvgComponent extends BaseDirective implements AfterContentInit, OnChanges, OnInit {\n    @HostBinding('attr.role') ariaRole = 'img';\n\n    @Input() icon: string; // could be the form of \"icon:set\" to pass them both in a single input\n    @Input() size: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n    @Input() fillColor = 'grey-100';\n    @Input() set = 'eui';\n    @Input() ariaLabelledby: string;\n    @Input() role: string;\n    @Input() style = '';\n    @Input() iconUrl: string;\n\n    @Input() transform = '';\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return `eui-icon-svg eui-icon-svg--${this.transform} eui-icon-svg--size-${this.size}`;\n    }\n\n    @HostBinding('attr.aria-label')\n    @Input('aria-label')\n    public get ariaLabel(): string {\n        return this._ariaLabel;\n    }\n    public set ariaLabel(value: string | null) {\n        this._ariaLabel = value;\n    }\n    protected _ariaLabel = 'eUI Icon';\n\n    public iconName: string;\n    public assetsBaseUrl = 'assets';\n\n    @Input()\n    get ariaHidden(): boolean {\n        return this._ariaHidden;\n    }\n    set ariaHidden(value: BooleanInput) {\n        this._ariaHidden = coerceBooleanProperty(value);\n    }\n    private _ariaHidden = true;\n\n    @Input()\n    get focusable(): boolean {\n        return this._focusable;\n    }\n    set focusable(value: BooleanInput) {\n        this._focusable = coerceBooleanProperty(value);\n    }\n    private _focusable = false;\n\n    @Input()\n    get isLoading(): boolean {\n        return this._isLoading;\n    }\n    set isLoading(value: BooleanInput) {\n        this._isLoading = coerceBooleanProperty(value);\n    }\n    private _isLoading = false;\n\n    constructor(@Optional() @Inject(EUI_CONFIG_TOKEN) private config: EuiConfig) {\n        super();\n    }\n\n    ngOnInit(): void {\n        const assetsBaseUrl = this.config?.appConfig?.global?.eui?.assetsBaseUrl;\n        if (assetsBaseUrl) {\n            this.assetsBaseUrl = this.config.appConfig.global.eui.assetsBaseUrl;\n        }\n        if (this.isLoading) {\n            this.set = 'eui';\n            this.icon = 'eui-radio-button-off';\n            this.fillColor = 'transparent';\n        }\n    }\n\n    ngOnChanges(c: SimpleChanges): void {\n        if (c && c.set) {\n            if (c.set.currentValue !== c.set.previousValue) {\n                this._setIconAndSet();\n            }\n        }\n\n        if (c && c.icon) {\n            if (c.icon.currentValue !== c.icon.previousValue) {\n                this._setIconAndSet();\n            }\n        }\n    }\n\n    ngAfterContentInit(): void {\n        this._setIconAndSet();\n    }\n\n    getCssClasses(): string {\n        return [\n            this.isLoading ? 'eui-icon-svg--loading' : '',\n            // this.transform ? `eui-icon-svg--${this.transform}` : '', // Needed for extra spacings adjustments\n            `eui-sprite-${this.icon}`,\n            `eui-icon-svg--color-${this.fillColor}`,\n            `eui-icon-svg--size-${this.size}`,\n        ]\n            .join(' ')\n            .trim();\n    }\n\n    private _setIconAndSet(): void {\n        if (this.icon && this.icon.indexOf(':') > -1) {\n            const iconSet = this.icon.split(':');\n            this.icon = iconSet[0];\n            this.set = iconSet[1];\n        }\n\n        if (!this.set || this.set === '') {\n            this.set = 'eui';\n        } else {\n            if (this.set === 'sharp' || this.set === 'outline') {\n                this.iconName = `${this.icon}-${this.set}`;\n            } else {\n                this.iconName = this.icon;\n            }\n        }\n    }\n}\n","<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n    <ng-container *ngTemplateOutlet=\"default\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"iconUrl\">\n    <ng-container *ngTemplateOutlet=\"custom\"></ng-container>\n</ng-container>\n<ng-container *ngIf=\"isLoading\">\n    <ng-container *ngTemplateOutlet=\"loading\"></ng-container>\n</ng-container>\n\n<ng-template #default>\n    <svg\n        [ngClass]=\"getCssClasses()\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || 'img'\"\n        [attr.focusable]=\"focusable\">\n        <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #custom>\n    <svg\n        [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\"\n        [attr.style]=\"style ? style : null\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.aria-labelledby]=\"ariaLabelledby || null\"\n        [attr.role]=\"role || 'img'\"\n        [attr.focusable]=\"focusable\">\n        <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg eui-icon-svg--size-' + size\" [attr.style]=\"style ? style : null\"></image>\n    </svg>\n</ng-template>\n\n<ng-template #loading>\n    <eui-icon-svg icon=\"eui-home\" [size]=\"size\" fillColor=\"transparent\" class=\"eui-icon-svg--loading\"></eui-icon-svg>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n</ng-template>\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n","import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation } from '@angular/core';\nimport { coerceBoolean } from '@eui/base';\nimport { BooleanInput } from '@angular/cdk/coercion';\n\n@Component({\n    selector: 'eui-icon-svg-button',\n    templateUrl: './eui-icon-svg-button.component.html',\n    styleUrls: [ './eui-icon-svg-button.component.scss' ],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconSvgButtonComponent {\n    @HostBinding('class')\n    get cssClasses(): string {\n        return [\n            'eui-icon-svg-button',\n            this.hasFocusBorder ? 'eui-icon-svg-button--has-focus': '',\n            this.hasNoPadding ? 'eui-icon-svg-button--has-no-padding': '',\n        ]\n            .join(' ')\n            .trim();\n    }\n    @HostBinding('attr.tabindex') tabindex = -1;\n\n    @Input() iconSvgName: string;\n    @Input() iconSvgFillColor: string;\n    @Input() iconSvgSize: '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' = 'm';\n    @Input() ariaLabel: string;\n\n    @Input()\n    @coerceBoolean\n    hasFocusBorder: BooleanInput = false;\n    @Input()\n    @coerceBoolean\n    hasNoPadding: BooleanInput = false;\n\n    @Output() buttonClick = new EventEmitter<Event>();\n\n    onClick(event: Event): void {\n        this.buttonClick.emit(event);\n    }\n}\n","<button class=\"eui-icon-svg-button__button\"\n    type=\"button\"\n    (keydown.enter)=\"onClick($event)\"\n    (keydown.backspace)=\"onClick($event)\"\n    (click)=\"onClick($event)\"\n    [attr.aria-label]=\"ariaLabel\">\n    <eui-icon-svg [icon]=\"iconSvgName\" [fillColor]=\"iconSvgFillColor\" [size]=\"iconSvgSize\" class=\"eui-icon-svg-button__button-icon\">\n        <ng-content select=\"eui-badge\"></ng-content>\n    </eui-icon-svg>\n</button>\n","import { Component, HostBinding, Input } from '@angular/core';\n\n@Component({\n    selector: 'eui-icon-colored, span[euiIconColored], [euiIconColored]',\n    template: `\n        <span [class]=\"iconClass\">\n            <span *ngFor=\"let pathNumber of paths\" class=\"path{{ pathNumber }}\"></span>\n        </span>\n    `,\n})\nexport class EuiIconColorComponent {\n    public paths = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20];\n\n    @HostBinding('class')\n    public get cssClasses(): string {\n        return this.getCssClasses();\n    }\n\n    @Input() iconClass;\n\n    getCssClasses(): string {\n        return ['eui-icon eui-icon-color', this.iconClass ? this.iconClass : ''].join(' ').trim();\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconComponent } from './eui-icon.component';\nimport { EuiIconSvgComponent } from './eui-icon-svg.component';\nimport { EuiIconColorComponent } from './eui-icon-color.component';\nimport { EuiIconSvgButtonComponent } from './eui-icon-svg-button/eui-icon-svg-button.component';\n@NgModule({\n    imports: [CommonModule],\n    exports: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent, EuiIconSvgButtonComponent],\n    declarations: [EuiIconComponent, EuiIconSvgComponent, EuiIconColorComponent, EuiIconSvgButtonComponent],\n})\nexport class EuiIconModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.EuiIconSvgComponent"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@angular/router';
-import { RouterModule } from '@angular/router';
+import { NavigationEnd, RouterModule } from '@angular/router';
 import * as i0 from '@angular/core';
 import { EventEmitter, Component, ViewEncapsulation, HostBinding, Input, Output, HostListener, booleanAttribute, NgModule } from '@angular/core';
 import * as i4 from '@eui/components/eui-icon';
@@ -17,6 +17,7 @@ import { consumeEvent } from '@eui/core';
 export { EuiMenuItem } from '@eui/core';
 import * as i1 from '@eui/components/shared';
 import { BaseStatesDirective } from '@eui/components/shared';
+import * as uuid from 'uuid';
 import { __decorate } from 'tslib';
 import { coerceBoolean } from '@eui/base';
 import * as i7 from '@eui/components/directives';
@@ -111,7 +112,7 @@ class EuiMenuItemComponent {
         return [this.baseStatesDirective.getCssClasses('eui-menu-item')].join(' ').trim();
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiMenuItemComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: { item: "item", hasIcon: "hasIcon", hasTooltip: "hasTooltip", isCollapsed: "isCollapsed" }, outputs: { expandToggle: "expandToggle", itemClick: "itemClick" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective }], ngImport: i0, template: "<li\n    *ngIf=\"isLabelItem && item.visible && item.filtered\"\n    role=\"none\"\n    class=\"eui-menu-item eui-menu-item__category\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    [class.eui-menu-item--disabled]=\"item.disabled\"\n    [attr.aria-disabled]=\"item.disabled\"\n    [euiTooltip]=\"menuItemTooltip\"\n    position=\"after\">\n    <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    <span class=\"eui-menu-item__category-label\">\n        <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n    </span>\n</li>\n\n<li\n    *ngIf=\"isUrlItem && item.visible && item.filtered\"\n    role=\"none\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\">\n    <a\n        (click)=\"onClick($event)\"\n        [tabindex]=\"item.disabled ? '-1' : '0'\"\n        [routerLink]=\"item.url ? item.url : null\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [attr.aria-haspopup]=\"item?.children?.length > 0\"\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        [euiTooltip]=\"menuItemTooltip\"\n        position=\"after\">\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<li\n    *ngIf=\"isLinkItem && item.visible && item.filtered\"\n    role=\"none\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\">\n    <a\n        (click)=\"onClick($event)\"\n        [tabindex]=\"item.disabled ? '-1' : '0'\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [attr.aria-haspopup]=\"item?.children?.length > 0\"\n        [attr.aria-disabled]=\"item.disabled\"\n        [class.eui-menu-item__link--active]=\"item.active\"\n        href=\"javascript:void(0)\"\n        [euiTooltip]=\"menuItemTooltip\"\n        position=\"after\">\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<ng-template #linkContent>\n    <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    <eui-icon-svg\n        *ngIf=\"item.hasMarker\"\n        class=\"eui-menu-item__link-marker eui-menu-item__link-marker--default\"\n        fillColor=\"{{ item?.markerTypeClass }}-100\"\n        icon=\"eui-ellipse\"\n        size=\"xs\"\n        [attr.aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n    </eui-icon-svg>\n\n    <span class=\"eui-menu-item__link-label\" [class.eui-menu-item--disabled]=\"item.disabled\" [attr.aria-disabled]=\"item.disabled\">\n        <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n\n        <eui-icon-svg\n            *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\"\n            class=\"eui-menu-item__label-external\"\n            icon=\"eui-ecl-external\"\n            size=\"xs\">\n        </eui-icon-svg>\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\n            *ngIf=\"item.actionIcon\"\n            euiButton\n            euiRounded\n            euiIconButton\n            euiSizeS\n            euiBasicButton\n            type=\"button\"\n            class=\"eui-menu-item__link-action-icon eui-button--secondary\"\n            [euiDisabled]=\"item.disabled\"\n            [attr.aria-label]=\"item.actionIcon?.label\"\n            (click)=\"onActionIconClick($event)\">\n            <eui-icon-svg [icon]=\"item.actionIcon?.icon\" [fillColor]=\"item.actionIcon?.color\"></eui-icon-svg>\n        </button>\n\n        <button\n            *ngIf=\"item.children?.length > 0\"\n            euiButton\n            euiRounded\n            euiIconButton\n            euiSizeS\n            euiBasicButton\n            euiSecondary\n            type=\"button\"\n            [euiDisabled]=\"item.disabled\"\n            class=\"eui-menu-item__link-toggle\"\n            [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\n<ng-template #itemIconContent>\n    <eui-icon-svg\n        *ngIf=\"hasIcon && item.iconSvgName; else svgNoIconDefault\"\n        icon=\"{{ item.iconSvgName }}\"\n        fillColor=\"{{ item.iconTypeClass }}\"\n        size=\"s\">\n    </eui-icon-svg>\n    <ng-template #svgNoIconDefault>\n        <eui-icon-svg\n            *ngIf=\"isCollapsed && !item.hasMarker && !item.iconClass\"\n            class=\"eui-menu-item__link-icon--default\"\n            icon=\"ellipse\"\n            set=\"sharp\"\n            size=\"xs\"\n            [attr.aria-label]=\"item.iconLabel\">\n        </eui-icon-svg>\n    </ng-template>\n\n    <span\n        class=\"eui-menu-item__link-icon eui-icon\"\n        [ngClass]=\"\n            hasIcon && item.iconClass\n                ? item.iconClass\n                : isCollapsed && !item.hasMarker && !item.iconSvgName\n                ? 'eui-menu-item__link-icon--none'\n                : ''\n        \"\n        [attr.aria-label]=\"item.iconLabel\">\n    </span>\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--flat a.eui-menu-item__link{border-top:none}.eui-menu--flat a.eui-menu-item__link .eui-menu-item__link-label{line-height:32px;border-radius:10px}.eui-menu--flat .eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-2)!important}.eui-menu--flat .eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{font-weight:700;background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-white)!important}.eui-menu--flat .eui-menu-sub .eui-menu-item__category-label .eui-menu-item__label{font-weight:400!important;line-height:20px!important}.eui-menu--flat a:focus{outline:none!important}.eui-menu--flat a:focus .eui-menu-item__link-label{outline:1px solid var(--eui-base-color-accent-110)}.eui-menu--flat a:hover{background-color:var(--eui-base-color-grey-2)!important}.eui-menu--flat a:hover .eui-menu-item__link-label{background-color:var(--eui-base-color-info-10)}.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-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-75);display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-page-column__body .eui-menu-item__category{text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-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%;padding-left:var(--eui-base-spacing-m);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:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;justify-content:center;padding:calc(.5 * var(--eui-base-spacing-xs)) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-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){background-color:var(--eui-base-color-primary-10);text-decoration:none;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.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);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:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.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__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.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-50);margin-left:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:focus:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item a:focus:active:not([readonly]),.eui-menu-item a:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu-item a:focus [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item a:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition: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;display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-l);text-decoration:none;text-transform:uppercase}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover{background-color:transparent;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__category-label .eui-menu-item__label{display:block;border-bottom:1px solid var(--eui-base-color-grey-15);padding-bottom:var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category{padding-left:var(--eui-base-spacing-m)}.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;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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.RouterLink, selector: "[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: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i5.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: i6.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "directive", type: i7.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: { item: "item", hasIcon: "hasIcon", hasTooltip: "hasTooltip", isCollapsed: "isCollapsed" }, outputs: { expandToggle: "expandToggle", itemClick: "itemClick" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective }], ngImport: i0, template: "<li\n    *ngIf=\"isLabelItem && item.visible && item.filtered\"\n    role=\"none\"\n    id=\"{{item.id}}\"\n    class=\"eui-menu-item eui-menu-item__category\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    [class.eui-menu-item--disabled]=\"item.disabled\"\n    [attr.aria-disabled]=\"item.disabled\"\n    [euiTooltip]=\"menuItemTooltip\"\n    position=\"after\">\n    <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    <span class=\"eui-menu-item__category-label\">\n        <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n    </span>\n</li>\n\n<li\n    *ngIf=\"isUrlItem && item.visible && item.filtered\"\n    role=\"none\"\n    id=\"{{item.id}}\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\">\n    <a\n        (click)=\"onClick($event)\"\n        [tabindex]=\"item.disabled ? '-1' : '0'\"\n        [routerLink]=\"item.url ? item.url : null\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [attr.aria-haspopup]=\"item?.children?.length > 0\"\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        [euiTooltip]=\"menuItemTooltip\"\n        position=\"after\">\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<li\n    *ngIf=\"isLinkItem && item.visible && item.filtered\"\n    role=\"none\"\n    id=\"{{item.id}}\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\">\n    <a\n        (click)=\"onClick($event)\"\n        [tabindex]=\"item.disabled ? '-1' : '0'\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [attr.aria-haspopup]=\"item?.children?.length > 0\"\n        [attr.aria-disabled]=\"item.disabled\"\n        [class.eui-menu-item__link--active]=\"item.active\"\n        href=\"javascript:void(0)\"\n        [euiTooltip]=\"menuItemTooltip\"\n        position=\"after\">\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<ng-template #linkContent>\n    <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    <eui-icon-svg\n        *ngIf=\"item.hasMarker\"\n        class=\"eui-menu-item__link-marker eui-menu-item__link-marker--default\"\n        fillColor=\"{{ item?.markerTypeClass }}-100\"\n        icon=\"eui-ellipse\"\n        size=\"xs\"\n        [attr.aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n    </eui-icon-svg>\n\n    <span class=\"eui-menu-item__link-label\" [class.eui-menu-item--disabled]=\"item.disabled\" [attr.aria-disabled]=\"item.disabled\">\n        <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n\n        <eui-icon-svg\n            *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\"\n            class=\"eui-menu-item__label-external\"\n            icon=\"eui-ecl-external\"\n            size=\"xs\">\n        </eui-icon-svg>\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\n            *ngIf=\"item.actionIcon\"\n            euiButton\n            euiRounded\n            euiIconButton\n            euiSizeS\n            euiBasicButton\n            type=\"button\"\n            class=\"eui-menu-item__link-action-icon eui-button--secondary\"\n            [euiDisabled]=\"item.disabled\"\n            [attr.aria-label]=\"item.actionIcon?.label\"\n            (click)=\"onActionIconClick($event)\">\n            <eui-icon-svg [icon]=\"item.actionIcon?.icon\" [fillColor]=\"item.actionIcon?.color\"></eui-icon-svg>\n        </button>\n\n        <button\n            *ngIf=\"item.children?.length > 0\"\n            euiButton\n            euiRounded\n            euiIconButton\n            euiSizeS\n            euiBasicButton\n            euiSecondary\n            type=\"button\"\n            [euiDisabled]=\"item.disabled\"\n            class=\"eui-menu-item__link-toggle\"\n            [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\n<ng-template #itemIconContent>\n    <eui-icon-svg\n        *ngIf=\"hasIcon && item.iconSvgName; else svgNoIconDefault\"\n        icon=\"{{ item.iconSvgName }}\"\n        fillColor=\"{{ item.iconTypeClass }}\"\n        size=\"s\">\n    </eui-icon-svg>\n    <ng-template #svgNoIconDefault>\n        <eui-icon-svg\n            *ngIf=\"isCollapsed && !item.hasMarker && !item.iconClass\"\n            class=\"eui-menu-item__link-icon--default\"\n            icon=\"ellipse\"\n            set=\"sharp\"\n            size=\"2xs\"\n            [attr.aria-label]=\"item.iconLabel\">\n        </eui-icon-svg>\n    </ng-template>\n\n    <span\n        class=\"eui-menu-item__link-icon eui-icon\"\n        [ngClass]=\"\n            hasIcon && item.iconClass\n                ? item.iconClass\n                : isCollapsed && !item.hasMarker && !item.iconSvgName\n                ? 'eui-menu-item__link-icon--none'\n                : ''\n        \"\n        [attr.aria-label]=\"item.iconLabel\">\n    </span>\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--flat a.eui-menu-item__link{border-top:none}.eui-menu--flat a.eui-menu-item__link .eui-menu-item__link-label{line-height:32px;border-radius:10px}.eui-menu--flat .eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-2)!important}.eui-menu--flat .eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{font-weight:700;background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-white)!important}.eui-menu--flat .eui-menu-sub .eui-menu-item__category-label .eui-menu-item__label{font-weight:400!important;line-height:20px!important}.eui-menu--flat a:focus{outline:none!important}.eui-menu--flat a:focus .eui-menu-item__link-label{outline:1px solid var(--eui-base-color-accent-110)}.eui-menu--flat a:hover{background-color:var(--eui-base-color-grey-2)!important}.eui-menu--flat a:hover .eui-menu-item__link-label{background-color:var(--eui-base-color-info-10)}.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-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-75);display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-page-column__body .eui-menu-item__category{text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-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%;padding-left:var(--eui-base-spacing-m);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:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;justify-content:center;padding:calc(.5 * var(--eui-base-spacing-xs)) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-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){background-color:var(--eui-base-color-primary-10);text-decoration:none;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.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);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:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.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__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.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-50);margin-left:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:focus:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item a:focus:active:not([readonly]),.eui-menu-item a:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu-item a:focus [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item a:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition: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;display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-l);text-decoration:none;text-transform:uppercase}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover{background-color:transparent;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__category-label .eui-menu-item__label{display:block;border-bottom:1px solid var(--eui-base-color-grey-15);padding-bottom:var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category{padding-left:var(--eui-base-spacing-m)}.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;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: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.RouterLink, selector: "[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: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i5.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: i6.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "directive", type: i7.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     coerceBoolean
@@ -128,7 +129,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
                         {
                             directive: BaseStatesDirective,
                         },
-                    ], encapsulation: ViewEncapsulation.None, template: "<li\n    *ngIf=\"isLabelItem && item.visible && item.filtered\"\n    role=\"none\"\n    class=\"eui-menu-item eui-menu-item__category\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    [class.eui-menu-item--disabled]=\"item.disabled\"\n    [attr.aria-disabled]=\"item.disabled\"\n    [euiTooltip]=\"menuItemTooltip\"\n    position=\"after\">\n    <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    <span class=\"eui-menu-item__category-label\">\n        <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n    </span>\n</li>\n\n<li\n    *ngIf=\"isUrlItem && item.visible && item.filtered\"\n    role=\"none\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\">\n    <a\n        (click)=\"onClick($event)\"\n        [tabindex]=\"item.disabled ? '-1' : '0'\"\n        [routerLink]=\"item.url ? item.url : null\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [attr.aria-haspopup]=\"item?.children?.length > 0\"\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        [euiTooltip]=\"menuItemTooltip\"\n        position=\"after\">\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<li\n    *ngIf=\"isLinkItem && item.visible && item.filtered\"\n    role=\"none\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\">\n    <a\n        (click)=\"onClick($event)\"\n        [tabindex]=\"item.disabled ? '-1' : '0'\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [attr.aria-haspopup]=\"item?.children?.length > 0\"\n        [attr.aria-disabled]=\"item.disabled\"\n        [class.eui-menu-item__link--active]=\"item.active\"\n        href=\"javascript:void(0)\"\n        [euiTooltip]=\"menuItemTooltip\"\n        position=\"after\">\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<ng-template #linkContent>\n    <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    <eui-icon-svg\n        *ngIf=\"item.hasMarker\"\n        class=\"eui-menu-item__link-marker eui-menu-item__link-marker--default\"\n        fillColor=\"{{ item?.markerTypeClass }}-100\"\n        icon=\"eui-ellipse\"\n        size=\"xs\"\n        [attr.aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n    </eui-icon-svg>\n\n    <span class=\"eui-menu-item__link-label\" [class.eui-menu-item--disabled]=\"item.disabled\" [attr.aria-disabled]=\"item.disabled\">\n        <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n\n        <eui-icon-svg\n            *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\"\n            class=\"eui-menu-item__label-external\"\n            icon=\"eui-ecl-external\"\n            size=\"xs\">\n        </eui-icon-svg>\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\n            *ngIf=\"item.actionIcon\"\n            euiButton\n            euiRounded\n            euiIconButton\n            euiSizeS\n            euiBasicButton\n            type=\"button\"\n            class=\"eui-menu-item__link-action-icon eui-button--secondary\"\n            [euiDisabled]=\"item.disabled\"\n            [attr.aria-label]=\"item.actionIcon?.label\"\n            (click)=\"onActionIconClick($event)\">\n            <eui-icon-svg [icon]=\"item.actionIcon?.icon\" [fillColor]=\"item.actionIcon?.color\"></eui-icon-svg>\n        </button>\n\n        <button\n            *ngIf=\"item.children?.length > 0\"\n            euiButton\n            euiRounded\n            euiIconButton\n            euiSizeS\n            euiBasicButton\n            euiSecondary\n            type=\"button\"\n            [euiDisabled]=\"item.disabled\"\n            class=\"eui-menu-item__link-toggle\"\n            [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\n<ng-template #itemIconContent>\n    <eui-icon-svg\n        *ngIf=\"hasIcon && item.iconSvgName; else svgNoIconDefault\"\n        icon=\"{{ item.iconSvgName }}\"\n        fillColor=\"{{ item.iconTypeClass }}\"\n        size=\"s\">\n    </eui-icon-svg>\n    <ng-template #svgNoIconDefault>\n        <eui-icon-svg\n            *ngIf=\"isCollapsed && !item.hasMarker && !item.iconClass\"\n            class=\"eui-menu-item__link-icon--default\"\n            icon=\"ellipse\"\n            set=\"sharp\"\n            size=\"xs\"\n            [attr.aria-label]=\"item.iconLabel\">\n        </eui-icon-svg>\n    </ng-template>\n\n    <span\n        class=\"eui-menu-item__link-icon eui-icon\"\n        [ngClass]=\"\n            hasIcon && item.iconClass\n                ? item.iconClass\n                : isCollapsed && !item.hasMarker && !item.iconSvgName\n                ? 'eui-menu-item__link-icon--none'\n                : ''\n        \"\n        [attr.aria-label]=\"item.iconLabel\">\n    </span>\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--flat a.eui-menu-item__link{border-top:none}.eui-menu--flat a.eui-menu-item__link .eui-menu-item__link-label{line-height:32px;border-radius:10px}.eui-menu--flat .eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-2)!important}.eui-menu--flat .eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{font-weight:700;background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-white)!important}.eui-menu--flat .eui-menu-sub .eui-menu-item__category-label .eui-menu-item__label{font-weight:400!important;line-height:20px!important}.eui-menu--flat a:focus{outline:none!important}.eui-menu--flat a:focus .eui-menu-item__link-label{outline:1px solid var(--eui-base-color-accent-110)}.eui-menu--flat a:hover{background-color:var(--eui-base-color-grey-2)!important}.eui-menu--flat a:hover .eui-menu-item__link-label{background-color:var(--eui-base-color-info-10)}.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-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-75);display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-page-column__body .eui-menu-item__category{text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-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%;padding-left:var(--eui-base-spacing-m);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:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;justify-content:center;padding:calc(.5 * var(--eui-base-spacing-xs)) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-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){background-color:var(--eui-base-color-primary-10);text-decoration:none;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.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);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:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.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__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.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-50);margin-left:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:focus:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item a:focus:active:not([readonly]),.eui-menu-item a:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu-item a:focus [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item a:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition: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;display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-l);text-decoration:none;text-transform:uppercase}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover{background-color:transparent;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__category-label .eui-menu-item__label{display:block;border-bottom:1px solid var(--eui-base-color-grey-15);padding-bottom:var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category{padding-left:var(--eui-base-spacing-m)}.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;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"] }]
+                    ], encapsulation: ViewEncapsulation.None, template: "<li\n    *ngIf=\"isLabelItem && item.visible && item.filtered\"\n    role=\"none\"\n    id=\"{{item.id}}\"\n    class=\"eui-menu-item eui-menu-item__category\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    [class.eui-menu-item--disabled]=\"item.disabled\"\n    [attr.aria-disabled]=\"item.disabled\"\n    [euiTooltip]=\"menuItemTooltip\"\n    position=\"after\">\n    <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    <span class=\"eui-menu-item__category-label\">\n        <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n    </span>\n</li>\n\n<li\n    *ngIf=\"isUrlItem && item.visible && item.filtered\"\n    role=\"none\"\n    id=\"{{item.id}}\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\">\n    <a\n        (click)=\"onClick($event)\"\n        [tabindex]=\"item.disabled ? '-1' : '0'\"\n        [routerLink]=\"item.url ? item.url : null\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [attr.aria-haspopup]=\"item?.children?.length > 0\"\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        [euiTooltip]=\"menuItemTooltip\"\n        position=\"after\">\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<li\n    *ngIf=\"isLinkItem && item.visible && item.filtered\"\n    role=\"none\"\n    id=\"{{item.id}}\"\n    [attr.data-e2e]=\"item.e2eAttr\"\n    class=\"eui-menu-item\"\n    [class.eui-menu-item--expanded]=\"item.expanded\">\n    <a\n        (click)=\"onClick($event)\"\n        [tabindex]=\"item.disabled ? '-1' : '0'\"\n        class=\"eui-menu-item__link\"\n        [class.eui-menu-item--disabled]=\"item.disabled\"\n        [attr.aria-haspopup]=\"item?.children?.length > 0\"\n        [attr.aria-disabled]=\"item.disabled\"\n        [class.eui-menu-item__link--active]=\"item.active\"\n        href=\"javascript:void(0)\"\n        [euiTooltip]=\"menuItemTooltip\"\n        position=\"after\">\n        <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </a>\n\n    <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n</li>\n\n<ng-template #linkContent>\n    <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n\n    <eui-icon-svg\n        *ngIf=\"item.hasMarker\"\n        class=\"eui-menu-item__link-marker eui-menu-item__link-marker--default\"\n        fillColor=\"{{ item?.markerTypeClass }}-100\"\n        icon=\"eui-ellipse\"\n        size=\"xs\"\n        [attr.aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n    </eui-icon-svg>\n\n    <span class=\"eui-menu-item__link-label\" [class.eui-menu-item--disabled]=\"item.disabled\" [attr.aria-disabled]=\"item.disabled\">\n        <span class=\"eui-menu-item__label\">{{ item.label }}</span>\n\n        <eui-icon-svg\n            *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\"\n            class=\"eui-menu-item__label-external\"\n            icon=\"eui-ecl-external\"\n            size=\"xs\">\n        </eui-icon-svg>\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\n            *ngIf=\"item.actionIcon\"\n            euiButton\n            euiRounded\n            euiIconButton\n            euiSizeS\n            euiBasicButton\n            type=\"button\"\n            class=\"eui-menu-item__link-action-icon eui-button--secondary\"\n            [euiDisabled]=\"item.disabled\"\n            [attr.aria-label]=\"item.actionIcon?.label\"\n            (click)=\"onActionIconClick($event)\">\n            <eui-icon-svg [icon]=\"item.actionIcon?.icon\" [fillColor]=\"item.actionIcon?.color\"></eui-icon-svg>\n        </button>\n\n        <button\n            *ngIf=\"item.children?.length > 0\"\n            euiButton\n            euiRounded\n            euiIconButton\n            euiSizeS\n            euiBasicButton\n            euiSecondary\n            type=\"button\"\n            [euiDisabled]=\"item.disabled\"\n            class=\"eui-menu-item__link-toggle\"\n            [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\n<ng-template #itemIconContent>\n    <eui-icon-svg\n        *ngIf=\"hasIcon && item.iconSvgName; else svgNoIconDefault\"\n        icon=\"{{ item.iconSvgName }}\"\n        fillColor=\"{{ item.iconTypeClass }}\"\n        size=\"s\">\n    </eui-icon-svg>\n    <ng-template #svgNoIconDefault>\n        <eui-icon-svg\n            *ngIf=\"isCollapsed && !item.hasMarker && !item.iconClass\"\n            class=\"eui-menu-item__link-icon--default\"\n            icon=\"ellipse\"\n            set=\"sharp\"\n            size=\"2xs\"\n            [attr.aria-label]=\"item.iconLabel\">\n        </eui-icon-svg>\n    </ng-template>\n\n    <span\n        class=\"eui-menu-item__link-icon eui-icon\"\n        [ngClass]=\"\n            hasIcon && item.iconClass\n                ? item.iconClass\n                : isCollapsed && !item.hasMarker && !item.iconSvgName\n                ? 'eui-menu-item__link-icon--none'\n                : ''\n        \"\n        [attr.aria-label]=\"item.iconLabel\">\n    </span>\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--flat a.eui-menu-item__link{border-top:none}.eui-menu--flat a.eui-menu-item__link .eui-menu-item__link-label{line-height:32px;border-radius:10px}.eui-menu--flat .eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-2)!important}.eui-menu--flat .eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{font-weight:700;background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-white)!important}.eui-menu--flat .eui-menu-sub .eui-menu-item__category-label .eui-menu-item__label{font-weight:400!important;line-height:20px!important}.eui-menu--flat a:focus{outline:none!important}.eui-menu--flat a:focus .eui-menu-item__link-label{outline:1px solid var(--eui-base-color-accent-110)}.eui-menu--flat a:hover{background-color:var(--eui-base-color-grey-2)!important}.eui-menu--flat a:hover .eui-menu-item__link-label{background-color:var(--eui-base-color-info-10)}.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-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-75);display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-page-column__body .eui-menu-item__category{text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-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%;padding-left:var(--eui-base-spacing-m);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:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;justify-content:center;padding:calc(.5 * var(--eui-base-spacing-xs)) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-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){background-color:var(--eui-base-color-primary-10);text-decoration:none;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.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);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:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.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__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.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-50);margin-left:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:focus:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item a:focus:active:not([readonly]),.eui-menu-item a:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu-item a:focus [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item a:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition: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;display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-l);text-decoration:none;text-transform:uppercase}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover{background-color:transparent;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__category-label .eui-menu-item__label{display:block;border-bottom:1px solid var(--eui-base-color-grey-15);padding-bottom:var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category{padding-left:var(--eui-base-spacing-m)}.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;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: () => [{ type: i1.BaseStatesDirective }], propDecorators: { role: [{
                 type: HostBinding,
                 args: ['attr.role']
@@ -173,6 +174,7 @@ class EuiMenuComponent {
         this.hasTooltip = false;
         this.expandAllItems = false;
         this.isFlat = false;
+        this.hasScrollToItem = false;
         this.isClick = new EventEmitter();
         this.itemClick = new EventEmitter();
     }
@@ -201,6 +203,36 @@ class EuiMenuComponent {
         if (!this.searchFilterLabel) {
             this.searchFilterLabel = 'Search filter';
         }
+        const elementIsVisibleInViewport = (el, partiallyVisible = false) => {
+            const { top, left, bottom, right } = el.getBoundingClientRect();
+            const { innerHeight, innerWidth } = window;
+            return partiallyVisible
+                ? ((top > 0 && top < innerHeight) ||
+                    (bottom > 0 && bottom < innerHeight)) &&
+                    ((left > 0 && left < innerWidth) || (right > 0 && right < innerWidth))
+                : top >= 0 && left >= 0 && bottom <= innerHeight && right <= innerWidth;
+        };
+        // subscription to routes url changes for activating the scrollIntoView (optional)
+        if (this.hasScrollToItem) {
+            this.subscription = this.router.events.subscribe((event) => {
+                if (event instanceof NavigationEnd) {
+                    const item = this.findMostRelevantItem(event.url, this.items);
+                    if (item) {
+                        setTimeout(_ => {
+                            const element = document.getElementById(item.id);
+                            if (!elementIsVisibleInViewport(element)) {
+                                element.scrollIntoView({ behavior: 'smooth' });
+                            }
+                        }, 1);
+                    }
+                }
+            });
+        }
+    }
+    ngOnDestroy() {
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
     }
     onClick(item) {
         if (!item.disabled) {
@@ -326,6 +358,9 @@ class EuiMenuComponent {
             if (parent) {
                 item.parent = parent;
             }
+            if (!item.id && this.hasScrollToItem) {
+                item.id = uuid.v4();
+            }
             return Object.assign(item, { visible: item.visible === undefined ? true : item.visible, filtered: true });
         });
     }
@@ -377,7 +412,7 @@ class EuiMenuComponent {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiMenuComponent, deps: [{ token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.4", type: EuiMenuComponent, selector: "eui-menu", inputs: { items: "items", searchFilterLabel: "searchFilterLabel", externalLinkLabel: "externalLinkLabel", fragmentId: "fragmentId", isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], hasFilter: ["hasFilter", "hasFilter", booleanAttribute], hasIcons: ["hasIcons", "hasIcons", booleanAttribute], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute], expandAllItems: ["expandAllItems", "expandAllItems", booleanAttribute], isFlat: ["isFlat", "isFlat", booleanAttribute] }, outputs: { isClick: "isClick", itemClick: "itemClick" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "class": "this.cssClasses" } }, usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective }], ngImport: i0, template: "<div *ngIf=\"hasFilter && !isCollapsed\" class=\"eui-menu-filter\" (click)=\"onMenuFilterClick($event)\">\n    <div class=\"eui-menu-filter__input-wrapper\">\n        <input\n            euiInputText\n            [euiClearable]=\"true\"\n            (input)=\"onFilter($event)\"\n            class=\"eui-menu-filter__input\"\n            [placeholder]=\"searchFilterLabel\"\n            [attr.aria-label]=\"searchFilterLabel\" />\n        <eui-icon-svg icon=\"eui-search\" class=\"eui-menu-filter__input-search\" fillColor=\"grey-50\" aria-label=\"Search Icon\"></eui-icon-svg>\n    </div>\n</div>\n<ul euiList class=\"eui-menu\" role=\"menubar\" aria-orientation=\"vertical\">\n    <span *ngIf=\"!items\" class=\"eui-menu--no-items\">No menu items defined</span>\n    <ng-template ngFor let-item let-index [ngForOf]=\"items\">\n        <ng-template [ngTemplateOutlet]=\"menuItemTemplateRef\" [ngTemplateOutletContext]=\"{ menuItem: item, index: index }\"> </ng-template>\n    </ng-template>\n</ul>\n\n<!-- describe the recursive template of the menu item -->\n<ng-template #menuItemTemplateRef let-item=\"menuItem\" let-i=\"index\">\n    <!-- render the menu item-->\n    <eui-menu-item\n        *ngIf=\"item.filtered\"\n        [item]=\"item\"\n        [hasIcon]=\"hasIcons\"\n        [hasTooltip]=\"hasTooltip\"\n        [isCollapsed]=\"isCollapsed\"\n        (expandToggle)=\"onExpandToggle($event)\"\n        (itemClick)=\"onClick($event)\">\n        <!-- if the menu item has children, render the children -->\n        <ul euiList *ngIf=\"item.children && item.expanded\" class=\"eui-menu eui-menu-sub\" role=\"menu\" [attr.aria-label]=\"item.label\">\n            <ng-container *ngFor=\"let child of item.children; let childIndex = index\">\n                <ng-template [ngTemplateOutlet]=\"menuItemTemplateRef\" [ngTemplateOutletContext]=\"{ menuItem: child, index: childIndex }\">\n                </ng-template>\n            </ng-container>\n        </ul>\n    </eui-menu-item>\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--flat a.eui-menu-item__link{border-top:none}.eui-menu--flat a.eui-menu-item__link .eui-menu-item__link-label{line-height:32px;border-radius:10px}.eui-menu--flat .eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-2)!important}.eui-menu--flat .eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{font-weight:700;background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-white)!important}.eui-menu--flat .eui-menu-sub .eui-menu-item__category-label .eui-menu-item__label{font-weight:400!important;line-height:20px!important}.eui-menu--flat a:focus{outline:none!important}.eui-menu--flat a:focus .eui-menu-item__link-label{outline:1px solid var(--eui-base-color-accent-110)}.eui-menu--flat a:hover{background-color:var(--eui-base-color-grey-2)!important}.eui-menu--flat a:hover .eui-menu-item__link-label{background-color:var(--eui-base-color-info-10)}.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-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-75);display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-page-column__body .eui-menu-item__category{text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-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%;padding-left:var(--eui-base-spacing-m);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:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;justify-content:center;padding:calc(.5 * var(--eui-base-spacing-xs)) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-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){background-color:var(--eui-base-color-primary-10);text-decoration:none;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.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);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:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.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__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.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-50);margin-left:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:focus:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item a:focus:active:not([readonly]),.eui-menu-item a:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu-item a:focus [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item a:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition: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;display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-l);text-decoration:none;text-transform:uppercase}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover{background-color:transparent;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__category-label .eui-menu-item__label{display:block;border-bottom:1px solid var(--eui-base-color-grey-15);padding-bottom:var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category{padding-left:var(--eui-base-spacing-m)}.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;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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i5$1.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "component", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: ["item", "hasIcon", "hasTooltip", "isCollapsed"], outputs: ["expandToggle", "itemClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.4", type: EuiMenuComponent, selector: "eui-menu", inputs: { items: "items", searchFilterLabel: "searchFilterLabel", externalLinkLabel: "externalLinkLabel", fragmentId: "fragmentId", isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], hasFilter: ["hasFilter", "hasFilter", booleanAttribute], hasIcons: ["hasIcons", "hasIcons", booleanAttribute], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute], expandAllItems: ["expandAllItems", "expandAllItems", booleanAttribute], isFlat: ["isFlat", "isFlat", booleanAttribute], hasScrollToItem: ["hasScrollToItem", "hasScrollToItem", booleanAttribute] }, outputs: { isClick: "isClick", itemClick: "itemClick" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "class": "this.cssClasses" } }, usesOnChanges: true, hostDirectives: [{ directive: i1.BaseStatesDirective }], ngImport: i0, template: "<div *ngIf=\"hasFilter && !isCollapsed\" class=\"eui-menu-filter\" (click)=\"onMenuFilterClick($event)\">\n    <div class=\"eui-menu-filter__input-wrapper\">\n        <input\n            euiInputText\n            [euiClearable]=\"true\"\n            (input)=\"onFilter($event)\"\n            class=\"eui-menu-filter__input\"\n            [placeholder]=\"searchFilterLabel\"\n            [attr.aria-label]=\"searchFilterLabel\" />\n        <eui-icon-svg icon=\"eui-search\" class=\"eui-menu-filter__input-search\" fillColor=\"grey-50\" aria-label=\"Search Icon\"></eui-icon-svg>\n    </div>\n</div>\n<ul euiList class=\"eui-menu\" role=\"menubar\" aria-orientation=\"vertical\">\n    <span *ngIf=\"!items\" class=\"eui-menu--no-items\">No menu items defined</span>\n    <ng-template ngFor let-item let-index [ngForOf]=\"items\">\n        <ng-template [ngTemplateOutlet]=\"menuItemTemplateRef\" [ngTemplateOutletContext]=\"{ menuItem: item, index: index }\"> </ng-template>\n    </ng-template>\n</ul>\n\n<!-- describe the recursive template of the menu item -->\n<ng-template #menuItemTemplateRef let-item=\"menuItem\" let-i=\"index\">\n    <!-- render the menu item-->\n    <eui-menu-item\n        *ngIf=\"item.filtered\"\n        [item]=\"item\"\n        [hasIcon]=\"hasIcons\"\n        [hasTooltip]=\"hasTooltip\"\n        [isCollapsed]=\"isCollapsed\"\n        (expandToggle)=\"onExpandToggle($event)\"\n        (itemClick)=\"onClick($event)\">\n        <!-- if the menu item has children, render the children -->\n        <ul euiList *ngIf=\"item.children && item.expanded\" class=\"eui-menu eui-menu-sub\" role=\"menu\" [attr.aria-label]=\"item.label\">\n            <ng-container *ngFor=\"let child of item.children; let childIndex = index\">\n                <ng-template [ngTemplateOutlet]=\"menuItemTemplateRef\" [ngTemplateOutletContext]=\"{ menuItem: child, index: childIndex }\">\n                </ng-template>\n            </ng-container>\n        </ul>\n    </eui-menu-item>\n</ng-template>\n", styles: [".eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--flat a.eui-menu-item__link{border-top:none}.eui-menu--flat a.eui-menu-item__link .eui-menu-item__link-label{line-height:32px;border-radius:10px}.eui-menu--flat .eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-2)!important}.eui-menu--flat .eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{font-weight:700;background-color:var(--eui-base-color-info-100);color:var(--eui-base-color-white)!important}.eui-menu--flat .eui-menu-sub .eui-menu-item__category-label .eui-menu-item__label{font-weight:400!important;line-height:20px!important}.eui-menu--flat a:focus{outline:none!important}.eui-menu--flat a:focus .eui-menu-item__link-label{outline:1px solid var(--eui-base-color-accent-110)}.eui-menu--flat a:hover{background-color:var(--eui-base-color-grey-2)!important}.eui-menu--flat a:hover .eui-menu-item__link-label{background-color:var(--eui-base-color-info-10)}.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-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-75);display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700}.eui-page-column__body .eui-menu-item__category{text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-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%;padding-left:var(--eui-base-spacing-m);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:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;justify-content:center;padding:calc(.5 * var(--eui-base-spacing-xs)) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-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){background-color:var(--eui-base-color-primary-10);text-decoration:none;font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700}.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);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:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.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__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.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-50);margin-left:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:focus:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus [tabindex=\"0\"]:focus:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item .eui-button.eui-menu-item__link-toggle:active [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item a:focus:active:not([readonly]),.eui-menu-item a:focus:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition:none}.eui-menu-item a:focus [tabindex=\"0\"]:active:not([readonly]),.eui-menu-item a:focus [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-base-color-accessible-focus);outline-offset:-2px;transition: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;display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-l);text-decoration:none;text-transform:uppercase}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover{background-color:transparent;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__category-label .eui-menu-item__label{display:block;border-bottom:1px solid var(--eui-base-color-grey-15);padding-bottom:var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1rem var(--eui-base-font-family);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category{padding-left:var(--eui-base-spacing-m)}.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;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: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i5$1.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["class", "isInvalid"] }, { kind: "component", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: ["item", "hasIcon", "hasTooltip", "isCollapsed"], outputs: ["expandToggle", "itemClick"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: EuiMenuComponent, decorators: [{
             type: Component,
@@ -415,6 +450,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
             }], isFlat: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
+            }], hasScrollToItem: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
             }], isClick: [{
                 type: Output
             }], itemClick: [{