npm - @eui/components - Versions diffs - 18.0.0-rc.12 → 18.0.0-rc.14 - Mend

@eui/components 18.0.0-rc.12 → 18.0.0-rc.14

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

Files changed (116) hide show

package/fesm2022/eui-components-eui-icon-button.mjs CHANGED Viewed

@@ -36,11 +36,11 @@ class EuiIconButtonComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiIconButtonComponent, selector: "eui-icon-button", inputs: { tabindex: "tabindex", icon: "icon", fillColor: "fillColor", size: "size", ariaLabel: "ariaLabel", hasNoPadding: ["hasNoPadding", "hasNoPadding", booleanAttribute], hasFocusHoverColor: ["hasFocusHoverColor", "hasFocusHoverColor", booleanAttribute], hasFocusHoverBg: ["hasFocusHoverBg", "hasFocusHoverBg", booleanAttribute], euiRounded: ["euiRounded", "euiRounded", booleanAttribute], euiDisabled: ["euiDisabled", "euiDisabled", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<button class=\"eui-icon-button__button\"\n    type=\"button\"\n    (keydown.enter)=\"onClick($event)\"\n    (keydown.backspace)=\"onClick($event)\"\n    (click)=\"onClick($event)\"\n    type=\"button\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.tabindex]=\"tabindex\">\n    <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n        <ng-content select=\"eui-badge\"></ng-content>\n    </eui-icon-svg>\n</button>\n", styles: [".eui-icon-button{display:inline-flex}.eui-icon-button__button{background-color:transparent;border:var(--eui-bw-none);cursor:pointer;align-items:center;display:flex;justify-content:center;position:relative;padding:var(--eui-s-xs)}.eui-icon-button__button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}.eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button{opacity:var(--eui-o-75)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button:hover{opacity:var(--eui-o-100)}.eui-icon-button--rounded .eui-icon-button__button{border-radius:var(--eui-br-max)}.eui-icon-button--disabled .eui-icon-button__button{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui--secondary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}.eui--primary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-branding-light)}.eui--info .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-info-lightest)}.eui--success .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-success-lightest)}.eui--warning .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-warning-lightest)}.eui--danger .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-danger-lightest)}\n"], dependencies: [{ kind: "component", type: i1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiIconButtonComponent, selector: "eui-icon-button", inputs: { tabindex: "tabindex", icon: "icon", fillColor: "fillColor", size: "size", ariaLabel: "ariaLabel", hasNoPadding: ["hasNoPadding", "hasNoPadding", booleanAttribute], hasFocusHoverColor: ["hasFocusHoverColor", "hasFocusHoverColor", booleanAttribute], hasFocusHoverBg: ["hasFocusHoverBg", "hasFocusHoverBg", booleanAttribute], euiRounded: ["euiRounded", "euiRounded", booleanAttribute], euiDisabled: ["euiDisabled", "euiDisabled", booleanAttribute] }, outputs: { buttonClick: "buttonClick" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<button class=\"eui-icon-button__button\"\n    type=\"button\"\n    (keydown.enter)=\"onClick($event)\"\n    (keydown.backspace)=\"onClick($event)\"\n    (click)=\"onClick($event)\"\n    type=\"button\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.tabindex]=\"tabindex\">\n    <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n        <ng-content select=\"eui-badge\"></ng-content>\n    </eui-icon-svg>\n</button>\n", styles: [".eui-icon-button{display:inline-flex}.eui-icon-button__button{background-color:transparent;border:var(--eui-bw-none);cursor:pointer;align-items:center;display:flex;justify-content:center;position:relative;padding:var(--eui-s-xs)}.eui-icon-button__button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}.eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button{opacity:var(--eui-o-75)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button:hover{opacity:var(--eui-o-100)}.eui-icon-button--rounded .eui-icon-button__button{border-radius:var(--eui-br-max)}.eui-icon-button--disabled .eui-icon-button__button{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui--secondary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral-bg-contrast)}.eui--secondary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast)!important;fill:var(--eui-c-neutral-bg-contrast)!important}.eui--primary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-branding-light);color:var(--eui-c-branding-light-contrast)}.eui--primary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover .eui-icon-svg svg{color:var(--eui-c-branding-light-contrast)!important;fill:var(--eui-c-branding-light-contrast)!important}.eui--info .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-info-lightest);color:var(--eui-c-info-lightest-contrast)}.eui--info .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover .eui-icon-svg svg{color:var(--eui-c-info-lightest-contrast)!important;fill:var(--eui-c-info-lightest-contrast)!important}.eui--success .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-success-lightest);color:var(--eui-c-success-lightest-contrast)}.eui--success .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover .eui-icon-svg svg{color:var(--eui-c-success-lightest-contrast)!important;fill:var(--eui-c-success-lightest-contrast)!important}.eui--warning .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-warning-lightest);color:var(--eui-c-warning-lightest-contrast)}.eui--warning .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover .eui-icon-svg svg{color:var(--eui-c-warning-lightest-contrast)!important;fill:var(--eui-c-warning-lightest-contrast)!important}.eui--danger .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-danger-lightest);color:var(--eui-c-danger-lightest-contrast)}.eui--danger .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover .eui-icon-svg svg{color:var(--eui-c-danger-lightest-contrast)!important;fill:var(--eui-c-danger-lightest-contrast)!important}.eui--accent .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-accent-lightest);color:var(--eui-c-accent-lightest-contrast)}.eui--accent .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover .eui-icon-svg svg{color:var(--eui-c-accent-lightest-contrast)!important;fill:var(--eui-c-accent-lightest-contrast)!important}\n"], dependencies: [{ kind: "component", type: i1.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiIconButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-icon-button', encapsulation: ViewEncapsulation.None, template: "<button class=\"eui-icon-button__button\"\n    type=\"button\"\n    (keydown.enter)=\"onClick($event)\"\n    (keydown.backspace)=\"onClick($event)\"\n    (click)=\"onClick($event)\"\n    type=\"button\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.tabindex]=\"tabindex\">\n    <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n        <ng-content select=\"eui-badge\"></ng-content>\n    </eui-icon-svg>\n</button>\n", styles: [".eui-icon-button{display:inline-flex}.eui-icon-button__button{background-color:transparent;border:var(--eui-bw-none);cursor:pointer;align-items:center;display:flex;justify-content:center;position:relative;padding:var(--eui-s-xs)}.eui-icon-button__button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}.eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button{opacity:var(--eui-o-75)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button:hover{opacity:var(--eui-o-100)}.eui-icon-button--rounded .eui-icon-button__button{border-radius:var(--eui-br-max)}.eui-icon-button--disabled .eui-icon-button__button{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui--secondary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}.eui--primary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-branding-light)}.eui--info .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-info-lightest)}.eui--success .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-success-lightest)}.eui--warning .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-warning-lightest)}.eui--danger .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-danger-lightest)}\n"] }]
+            args: [{ selector: 'eui-icon-button', encapsulation: ViewEncapsulation.None, template: "<button class=\"eui-icon-button__button\"\n    type=\"button\"\n    (keydown.enter)=\"onClick($event)\"\n    (keydown.backspace)=\"onClick($event)\"\n    (click)=\"onClick($event)\"\n    type=\"button\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.tabindex]=\"tabindex\">\n    <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n        <ng-content select=\"eui-badge\"></ng-content>\n    </eui-icon-svg>\n</button>\n", styles: [".eui-icon-button{display:inline-flex}.eui-icon-button__button{background-color:transparent;border:var(--eui-bw-none);cursor:pointer;align-items:center;display:flex;justify-content:center;position:relative;padding:var(--eui-s-xs)}.eui-icon-button__button:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-icon-button--has-no-padding .eui-icon-button__button{padding:0}.eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button{opacity:var(--eui-o-75)}.eui-icon-button--has-focus-hover-color .eui-icon-button__button:hover{opacity:var(--eui-o-100)}.eui-icon-button--rounded .eui-icon-button__button{border-radius:var(--eui-br-max)}.eui-icon-button--disabled .eui-icon-button__button{pointer-events:none;background-image:none;box-shadow:none;cursor:not-allowed!important;opacity:var(--eui-o-50)}.eui--secondary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral-bg-contrast)}.eui--secondary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast)!important;fill:var(--eui-c-neutral-bg-contrast)!important}.eui--primary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-branding-light);color:var(--eui-c-branding-light-contrast)}.eui--primary .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover .eui-icon-svg svg{color:var(--eui-c-branding-light-contrast)!important;fill:var(--eui-c-branding-light-contrast)!important}.eui--info .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-info-lightest);color:var(--eui-c-info-lightest-contrast)}.eui--info .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover .eui-icon-svg svg{color:var(--eui-c-info-lightest-contrast)!important;fill:var(--eui-c-info-lightest-contrast)!important}.eui--success .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-success-lightest);color:var(--eui-c-success-lightest-contrast)}.eui--success .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover .eui-icon-svg svg{color:var(--eui-c-success-lightest-contrast)!important;fill:var(--eui-c-success-lightest-contrast)!important}.eui--warning .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-warning-lightest);color:var(--eui-c-warning-lightest-contrast)}.eui--warning .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover .eui-icon-svg svg{color:var(--eui-c-warning-lightest-contrast)!important;fill:var(--eui-c-warning-lightest-contrast)!important}.eui--danger .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-danger-lightest);color:var(--eui-c-danger-lightest-contrast)}.eui--danger .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover .eui-icon-svg svg{color:var(--eui-c-danger-lightest-contrast)!important;fill:var(--eui-c-danger-lightest-contrast)!important}.eui--accent .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover{background-color:var(--eui-c-accent-lightest);color:var(--eui-c-accent-lightest-contrast)}.eui--accent .eui-icon-button--has-focus-hover-bg .eui-icon-button__button:hover .eui-icon-svg svg{color:var(--eui-c-accent-lightest-contrast)!important;fill:var(--eui-c-accent-lightest-contrast)!important}\n"] }]
         }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

package/fesm2022/eui-components-eui-icon-button.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-components-eui-icon-button.mjs","sources":["../../eui-icon-button/eui-icon-button.component.ts","../../eui-icon-button/eui-icon-button.component.html","../../eui-icon-button/eui-icon-button.module.ts","../../eui-icon-button/eui-components-eui-icon-button.ts"],"sourcesContent":["import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation, booleanAttribute, OnInit } from '@angular/core';\n\n@Component({\n selector: 'eui-icon-button',\n templateUrl: './eui-icon-button.component.html',\n styleUrls: [ './eui-icon-button.component.scss' ],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconButtonComponent implements OnInit {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-icon-button',\n this.hasNoPadding ? 'eui-icon-button--has-no-padding': '',\n this.hasFocusHoverColor ? 'eui-icon-button--has-focus-hover-color': '',\n this.hasFocusHoverBg ? 'eui-icon-button--has-focus-hover-bg': '',\n this.euiRounded ? 'eui-icon-button--rounded': '',\n this.euiDisabled ? 'eui-icon-button--disabled': '',\n ]\n .join(' ')\n .trim();\n }\n\n @Input() tabindex = 0;\n @Input() icon: string;\n @Input() fillColor: string;\n @Input() size: '2xs' \| 'xs' \| 's' \| 'm' \| 'l' \| 'xl' \| '2xl' \| '3xl' \| '4xl' = 'm';\n @Input() ariaLabel: string;\n\n @Input({ transform: booleanAttribute }) hasNoPadding = false;\n @Input({ transform: booleanAttribute }) hasFocusHoverColor = false;\n @Input({ transform: booleanAttribute }) hasFocusHoverBg = true;\n @Input({ transform: booleanAttribute }) euiRounded = false;\n @Input({ transform: booleanAttribute }) euiDisabled = false;\n\n @Output() buttonClick = new EventEmitter<Event>();\n\n onClick(event: Event): void {\n this.buttonClick.emit(event);\n }\n\n ngOnInit(): void {\n if (this.hasFocusHoverColor) {\n this.hasFocusHoverBg = false;\n }\n }\n}\n","<button class=\"eui-icon-button__button\"\n type=\"button\"\n (keydown.enter)=\"onClick($event)\"\n (keydown.backspace)=\"onClick($event)\"\n (click)=\"onClick($event)\"\n type=\"button\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabindex\">\n <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n <ng-content select=\"eui-badge\"></ng-content>\n </eui-icon-svg>\n</button>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconButtonComponent } from './eui-icon-button.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n imports: [\n CommonModule,\n EuiIconModule,\n ],\n declarations: [EuiIconButtonComponent],\n exports: [EuiIconButtonComponent],\n})\nexport class EuiIconButtonModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;MAQa,sBAAsB,CAAA;AANnC,IAAA,WAAA,GAAA;QAqBa,IAAQ,CAAA,QAAA,GAAG,CAAC,CAAC;QAGb,IAAI,CAAA,IAAA,GAAkE,GAAG,CAAC;QAG3C,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC;QACrB,IAAkB,CAAA,kBAAA,GAAG,KAAK,CAAC;QAC3B,IAAe,CAAA,eAAA,GAAG,IAAI,CAAC;QACvB,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;QACnB,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC;AAElD,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAS,CAAC;AAWrD,KAAA;AArCG,IAAA,IACI,UAAU,GAAA;QACV,OAAO;YACH,iBAAiB;YACjB,IAAI,CAAC,YAAY,GAAG,iCAAiC,GAAE,EAAE;YACzD,IAAI,CAAC,kBAAkB,GAAG,wCAAwC,GAAE,EAAE;YACtE,IAAI,CAAC,eAAe,GAAG,qCAAqC,GAAE,EAAE;YAChE,IAAI,CAAC,UAAU,GAAG,0BAA0B,GAAE,EAAE;YAChD,IAAI,CAAC,WAAW,GAAG,2BAA2B,GAAE,EAAE;AACrD,SAAA;aACI,IAAI,CAAC,GAAG,CAAC;AACT,aAAA,IAAI,EAAE,CAAC;KACf;AAgBD,IAAA,OAAO,CAAC,KAAY,EAAA;AAChB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAChC;IAED,QAAQ,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;AACzB,YAAA,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;SAChC;KACJ;8GArCQ,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;kGAAtB,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,CAAA,cAAA,EAAA,cAAA,EAqBX,gBAAgB,CAAA,EAAA,kBAAA,EAAA,CAAA,oBAAA,EAAA,oBAAA,EAChB,gBAAgB,CAAA,EAAA,eAAA,EAAA,CAAA,iBAAA,EAAA,iBAAA,EAChB,gBAAgB,CAAA,EAAA,UAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAChB,gBAAgB,CAAA,EAAA,WAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAChB,gBAAgB,CAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjCxC,meAYA,EAAA,MAAA,EAAA,CAAA,~~6tDAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,+CAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,EAAA,KAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;2FDJa,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBANlC,SAAS;+BACI,iBAAiB,EAAA,aAAA,EAGZ,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,meAAA,EAAA,MAAA,EAAA,CAAA,~~6tDAAA~~,CAAA,EAAA,CAAA;8BAIjC,UAAU,EAAA,CAAA;sBADb,WAAW;uBAAC,OAAO,CAAA;gBAcX,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAEkC,YAAY,EAAA,CAAA;sBAAnD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBACE,kBAAkB,EAAA,CAAA;sBAAzD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBACE,eAAe,EAAA,CAAA;sBAAtD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBACE,UAAU,EAAA,CAAA;sBAAjD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBACE,WAAW,EAAA,CAAA;sBAAlD,KAAK;uBAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAA;gBAE5B,WAAW,EAAA,CAAA;sBAApB,MAAM;;;MErBE,mBAAmB,CAAA;8GAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;+GAAnB,mBAAmB,EAAA,YAAA,EAAA,CAHb,sBAAsB,CAAA,EAAA,OAAA,EAAA,CAHjC,YAAY;AACZ,YAAA,aAAa,aAGP,sBAAsB,CAAA,EAAA,CAAA,CAAA,EAAA;AAEvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YANxB,YAAY;YACZ,aAAa,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAKR,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAR/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,aAAa;AAChB,qBAAA;oBACD,YAAY,EAAE,CAAC,sBAAsB,CAAC;oBACtC,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACpC,iBAAA,CAAA;;;ACbD;;AAEG;;;;"}
1	+ {"version":3,"file":"eui-components-eui-icon-button.mjs","sources":["../../eui-icon-button/eui-icon-button.component.ts","../../eui-icon-button/eui-icon-button.component.html","../../eui-icon-button/eui-icon-button.module.ts","../../eui-icon-button/eui-components-eui-icon-button.ts"],"sourcesContent":["import { Component, HostBinding, Input, Output, EventEmitter, ViewEncapsulation, booleanAttribute, OnInit } from '@angular/core';\n\n@Component({\n selector: 'eui-icon-button',\n templateUrl: './eui-icon-button.component.html',\n styleUrls: [ './eui-icon-button.component.scss' ],\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiIconButtonComponent implements OnInit {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n 'eui-icon-button',\n this.hasNoPadding ? 'eui-icon-button--has-no-padding': '',\n this.hasFocusHoverColor ? 'eui-icon-button--has-focus-hover-color': '',\n this.hasFocusHoverBg ? 'eui-icon-button--has-focus-hover-bg': '',\n this.euiRounded ? 'eui-icon-button--rounded': '',\n this.euiDisabled ? 'eui-icon-button--disabled': '',\n ]\n .join(' ')\n .trim();\n }\n\n @Input() tabindex = 0;\n @Input() icon: string;\n @Input() fillColor: string;\n @Input() size: '2xs' \| 'xs' \| 's' \| 'm' \| 'l' \| 'xl' \| '2xl' \| '3xl' \| '4xl' = 'm';\n @Input() ariaLabel: string;\n\n @Input({ transform: booleanAttribute }) hasNoPadding = false;\n @Input({ transform: booleanAttribute }) hasFocusHoverColor = false;\n @Input({ transform: booleanAttribute }) hasFocusHoverBg = true;\n @Input({ transform: booleanAttribute }) euiRounded = false;\n @Input({ transform: booleanAttribute }) euiDisabled = false;\n\n @Output() buttonClick = new EventEmitter<Event>();\n\n onClick(event: Event): void {\n this.buttonClick.emit(event);\n }\n\n ngOnInit(): void {\n if (this.hasFocusHoverColor) {\n this.hasFocusHoverBg = false;\n }\n }\n}\n","<button class=\"eui-icon-button__button\"\n type=\"button\"\n (keydown.enter)=\"onClick($event)\"\n (keydown.backspace)=\"onClick($event)\"\n (click)=\"onClick($event)\"\n type=\"button\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"tabindex\">\n <eui-icon-svg [icon]=\"icon\" [fillColor]=\"fillColor\" [size]=\"size\" class=\"eui-icon-button__button-icon\">\n <ng-content select=\"eui-badge\"></ng-content>\n </eui-icon-svg>\n</button>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiIconButtonComponent } from './eui-icon-button.component';\nimport { EuiIconModule } from '@eui/components/eui-icon';\n\n@NgModule({\n imports: [\n CommonModule,\n EuiIconModule,\n ],\n declarations: [EuiIconButtonComponent],\n exports: [EuiIconButtonComponent],\n})\nexport class EuiIconButtonModule {}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

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

@@ -96,11 +96,11 @@ class EuiIconSvgComponent {
         this.iconStyle = `${fill} ${height} ${width}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiIconSvgComponent, deps: [{ token: EUI_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: { icon: "icon", fillColor: "fillColor", set: "set", size: "size", style: "style", iconUrl: "iconUrl", transform: "transform", euiVariant: "euiVariant", ariaLabel: ["aria-label", "ariaLabel"], ariaHidden: ["ariaHidden", "ariaHidden", booleanAttribute], focusable: ["focusable", "focusable", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], isInputIcon: ["isInputIcon", "isInputIcon", booleanAttribute], euiStart: ["euiStart", "euiStart", booleanAttribute], euiEnd: ["euiEnd", "euiEnd", booleanAttribute] }, host: { properties: { "attr.role": "this.ariaRole", "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n    <svg\n        class=\"eui-sprite-{{icon}}\"\n        [class.eui-icon-svg--loading]=\"isLoading\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.role]=\"'img'\"\n        [attr.focusable]=\"focusable\"\n        attr.style=\"{{iconStyle}}\">\n        <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-content></ng-content>\n</ng-container>\n\n<ng-container *ngIf=\"iconUrl\">\n    <svg class=\"eui-icon-svg\"\n        attr.style=\"{{iconStyle}} {{style}}\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.role]=\"'img'\"\n        [attr.focusable]=\"focusable\">\n        <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg'\" attr.style=\"{{iconStyle}} {{style}}\"></image>\n    </svg>\n</ng-container>\n", styles: [".eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--start{margin-right:var(--eui-s-s)}.eui-icon-svg--end{margin-left:var(--eui-s-s)}.eui-icon-svg--input-icon{position:absolute}.eui-icon-svg--input-icon.eui-icon-svg--start{left:var(--eui-s-2xl)}.eui-icon-svg--input-icon.eui-icon-svg--end{right:var(--eui-s-2xl)}.eui-icon-svg--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:\"\";position:absolute;min-height:var(--eui-s-l);min-width:var(--eui-s-l);height:100%;width:100%;right:-.75rem}.eui-icon-svg--loading:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.25);border-radius:var(--eui-br-max)}.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:var(--eui-br-max);border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-s-m);width:var(--eui-s-m)}.eui-icon-svg.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.eui-icon-svg svg{color:var(--eui-c-neutral-light);fill:var(--eui-c-neutral-light)}.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--branding .eui-icon-svg svg{color:var(--eui-c-branding-contrast);fill:var(--eui-c-branding-contrast)}.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--info .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--success .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--outline.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--outline.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--outline.eui--branding .eui-icon-svg svg{color:var(--eui-c-branding);fill:var(--eui-c-branding)}.eui--outline.eui--branding:hover .eui-icon-svg svg{color:var(--eui-c-branding-bg-contrast);fill:var(--eui-c-branding-bg-contrast)}.eui--outline.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--outline.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--outline.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg-contrast);fill:var(--eui-c-info-bg-contrast)}.eui--outline.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--outline.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg-contrast);fill:var(--eui-c-success-bg-contrast)}.eui--outline.eui--warning .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg-contrast);fill:var(--eui-c-warning-bg-contrast)}.eui--outline.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--outline.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg-contrast);fill:var(--eui-c-danger-bg-contrast)}.eui--outline.eui--accent .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--basic.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--basic.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--basic.eui--branding .eui-icon-svg svg{color:var(--eui-c-branding);fill:var(--eui-c-branding)}.eui--basic.eui--branding:hover .eui-icon-svg svg{color:var(--eui-c-branding-bg-contrast);fill:var(--eui-c-branding-bg-contrast)}.eui--basic.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--basic.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--basic.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--basic.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg--contrast);fill:var(--eui-c-info-bg--contrast)}.eui--basic.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--basic.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg--contrast);fill:var(--eui-c-success-bg--contrast)}.eui--basic.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--basic.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg--contrast);fill:var(--eui-c-warning-bg--contrast)}.eui--basic.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--basic.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg--contrast);fill:var(--eui-c-danger-bg--contrast)}.eui--basic.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--basic.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-bg--contrast);fill:var(--eui-c-accent-bg--contrast)}.eui-icon-svg--loading.eui-icon-svg--size-s:before,.eui-icon-svg--loading.eui-icon-svg--size-s:after{min-height:var(--eui-s-m);min-width:var(--eui-s-m)}.eui-icon-svg--loading.eui-icon-svg--size-l:before,.eui-icon-svg--loading.eui-icon-svg--size-l:after{min-height:var(--eui-s-xl);min-width:var(--eui-s-xl)}.eui-icon-svg--loading.eui-icon-svg--size-xl:before,.eui-icon-svg--loading.eui-icon-svg--size-xl:after{min-height:var(--eui-s-2xl);min-width:var(--eui-s-2xl)}.eui-icon-svg--loading.eui-icon-svg--size-2xl:before,.eui-icon-svg--loading.eui-icon-svg--size-2xl:after{min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0", type: EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: { icon: "icon", fillColor: "fillColor", set: "set", size: "size", style: "style", iconUrl: "iconUrl", transform: "transform", euiVariant: "euiVariant", ariaLabel: ["aria-label", "ariaLabel"], ariaHidden: ["ariaHidden", "ariaHidden", booleanAttribute], focusable: ["focusable", "focusable", booleanAttribute], isLoading: ["isLoading", "isLoading", booleanAttribute], isInputIcon: ["isInputIcon", "isInputIcon", booleanAttribute], euiStart: ["euiStart", "euiStart", booleanAttribute], euiEnd: ["euiEnd", "euiEnd", booleanAttribute] }, host: { properties: { "attr.role": "this.ariaRole", "class": "this.cssClasses", "attr.aria-label": "this.ariaLabel" } }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n    <svg\n        class=\"eui-sprite-{{icon}}\"\n        [class.eui-icon-svg--loading]=\"isLoading\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.role]=\"'img'\"\n        [attr.focusable]=\"focusable\"\n        attr.style=\"{{iconStyle}}\">\n        <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-content></ng-content>\n</ng-container>\n\n<ng-container *ngIf=\"iconUrl\">\n    <svg class=\"eui-icon-svg\"\n        attr.style=\"{{iconStyle}} {{style}}\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.role]=\"'img'\"\n        [attr.focusable]=\"focusable\">\n        <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg'\" attr.style=\"{{iconStyle}} {{style}}\"></image>\n    </svg>\n</ng-container>\n", styles: [".eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--start{margin-right:var(--eui-s-s)}.eui-icon-svg--end{margin-left:var(--eui-s-s)}.eui-icon-svg--input-icon{position:absolute}.eui-icon-svg--input-icon.eui-icon-svg--start{left:var(--eui-s-2xl)}.eui-icon-svg--input-icon.eui-icon-svg--end{right:var(--eui-s-2xl)}.eui-icon-svg--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:\"\";position:absolute;min-height:var(--eui-s-l);min-width:var(--eui-s-l);height:100%;width:100%;right:-.75rem}.eui-icon-svg--loading:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.25);border-radius:var(--eui-br-max)}.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:var(--eui-br-max);border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-s-m);width:var(--eui-s-m)}.eui-icon-svg.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.eui-icon-svg svg{color:var(--eui-c-neutral-light);fill:var(--eui-c-neutral-light)}.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--branding .eui-icon-svg svg{color:var(--eui-c-branding-contrast);fill:var(--eui-c-branding-contrast)}.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--info .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--success .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--outline.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--outline.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--outline.eui--branding .eui-icon-svg svg{color:var(--eui-c-branding);fill:var(--eui-c-branding)}.eui--outline.eui--branding:hover .eui-icon-svg svg{color:var(--eui-c-branding-bg-contrast);fill:var(--eui-c-branding-bg-contrast)}.eui--outline.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--outline.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--outline.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg-contrast);fill:var(--eui-c-info-bg-contrast)}.eui--outline.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--outline.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg-contrast);fill:var(--eui-c-success-bg-contrast)}.eui--outline.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-darker);fill:var(--eui-c-warning-darker)}.eui--outline.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg-contrast);fill:var(--eui-c-warning-bg-contrast)}.eui--outline.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--outline.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg-contrast);fill:var(--eui-c-danger-bg-contrast)}.eui--outline.eui--accent .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--basic.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--basic.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--basic.eui--branding .eui-icon-svg svg{color:var(--eui-c-branding);fill:var(--eui-c-branding)}.eui--basic.eui--branding:hover .eui-icon-svg svg{color:var(--eui-c-branding-bg-contrast);fill:var(--eui-c-branding-bg-contrast)}.eui--basic.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--basic.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--basic.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--basic.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg--contrast);fill:var(--eui-c-info-bg--contrast)}.eui--basic.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--basic.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg--contrast);fill:var(--eui-c-success-bg--contrast)}.eui--basic.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-darker);fill:var(--eui-c-warning-darker)}.eui--basic.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg--contrast);fill:var(--eui-c-warning-bg--contrast)}.eui--basic.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--basic.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg--contrast);fill:var(--eui-c-danger-bg--contrast)}.eui--basic.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent-darker);fill:var(--eui-c-accent-darker)}.eui--basic.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-bg--contrast);fill:var(--eui-c-accent-bg--contrast)}.eui-icon-svg--loading.eui-icon-svg--size-s:before,.eui-icon-svg--loading.eui-icon-svg--size-s:after{min-height:var(--eui-s-m);min-width:var(--eui-s-m)}.eui-icon-svg--loading.eui-icon-svg--size-l:before,.eui-icon-svg--loading.eui-icon-svg--size-l:after{min-height:var(--eui-s-xl);min-width:var(--eui-s-xl)}.eui-icon-svg--loading.eui-icon-svg--size-xl:before,.eui-icon-svg--loading.eui-icon-svg--size-xl:after{min-height:var(--eui-s-2xl);min-width:var(--eui-s-2xl)}.eui-icon-svg--loading.eui-icon-svg--size-2xl:before,.eui-icon-svg--loading.eui-icon-svg--size-2xl:after{min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiIconSvgComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n    <svg\n        class=\"eui-sprite-{{icon}}\"\n        [class.eui-icon-svg--loading]=\"isLoading\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.role]=\"'img'\"\n        [attr.focusable]=\"focusable\"\n        attr.style=\"{{iconStyle}}\">\n        <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-content></ng-content>\n</ng-container>\n\n<ng-container *ngIf=\"iconUrl\">\n    <svg class=\"eui-icon-svg\"\n        attr.style=\"{{iconStyle}} {{style}}\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.role]=\"'img'\"\n        [attr.focusable]=\"focusable\">\n        <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg'\" attr.style=\"{{iconStyle}} {{style}}\"></image>\n    </svg>\n</ng-container>\n", styles: [".eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--start{margin-right:var(--eui-s-s)}.eui-icon-svg--end{margin-left:var(--eui-s-s)}.eui-icon-svg--input-icon{position:absolute}.eui-icon-svg--input-icon.eui-icon-svg--start{left:var(--eui-s-2xl)}.eui-icon-svg--input-icon.eui-icon-svg--end{right:var(--eui-s-2xl)}.eui-icon-svg--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:\"\";position:absolute;min-height:var(--eui-s-l);min-width:var(--eui-s-l);height:100%;width:100%;right:-.75rem}.eui-icon-svg--loading:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.25);border-radius:var(--eui-br-max)}.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:var(--eui-br-max);border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-s-m);width:var(--eui-s-m)}.eui-icon-svg.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.eui-icon-svg svg{color:var(--eui-c-neutral-light);fill:var(--eui-c-neutral-light)}.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--branding .eui-icon-svg svg{color:var(--eui-c-branding-contrast);fill:var(--eui-c-branding-contrast)}.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--info .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--success .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--outline.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--outline.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--outline.eui--branding .eui-icon-svg svg{color:var(--eui-c-branding);fill:var(--eui-c-branding)}.eui--outline.eui--branding:hover .eui-icon-svg svg{color:var(--eui-c-branding-bg-contrast);fill:var(--eui-c-branding-bg-contrast)}.eui--outline.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--outline.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--outline.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg-contrast);fill:var(--eui-c-info-bg-contrast)}.eui--outline.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--outline.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg-contrast);fill:var(--eui-c-success-bg-contrast)}.eui--outline.eui--warning .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg-contrast);fill:var(--eui-c-warning-bg-contrast)}.eui--outline.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--outline.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg-contrast);fill:var(--eui-c-danger-bg-contrast)}.eui--outline.eui--accent .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--basic.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--basic.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--basic.eui--branding .eui-icon-svg svg{color:var(--eui-c-branding);fill:var(--eui-c-branding)}.eui--basic.eui--branding:hover .eui-icon-svg svg{color:var(--eui-c-branding-bg-contrast);fill:var(--eui-c-branding-bg-contrast)}.eui--basic.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--basic.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--basic.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--basic.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg--contrast);fill:var(--eui-c-info-bg--contrast)}.eui--basic.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--basic.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg--contrast);fill:var(--eui-c-success-bg--contrast)}.eui--basic.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning);fill:var(--eui-c-warning)}.eui--basic.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg--contrast);fill:var(--eui-c-warning-bg--contrast)}.eui--basic.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--basic.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg--contrast);fill:var(--eui-c-danger-bg--contrast)}.eui--basic.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent);fill:var(--eui-c-accent)}.eui--basic.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-bg--contrast);fill:var(--eui-c-accent-bg--contrast)}.eui-icon-svg--loading.eui-icon-svg--size-s:before,.eui-icon-svg--loading.eui-icon-svg--size-s:after{min-height:var(--eui-s-m);min-width:var(--eui-s-m)}.eui-icon-svg--loading.eui-icon-svg--size-l:before,.eui-icon-svg--loading.eui-icon-svg--size-l:after{min-height:var(--eui-s-xl);min-width:var(--eui-s-xl)}.eui-icon-svg--loading.eui-icon-svg--size-xl:before,.eui-icon-svg--loading.eui-icon-svg--size-xl:after{min-height:var(--eui-s-2xl);min-width:var(--eui-s-2xl)}.eui-icon-svg--loading.eui-icon-svg--size-2xl:before,.eui-icon-svg--loading.eui-icon-svg--size-2xl:after{min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}\n"] }]
+            args: [{ selector: 'eui-icon-svg, span[euiIconSvg], i[euiIconSvg]', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-container *ngIf=\"icon && !iconUrl && !isLoading\">\n    <svg\n        class=\"eui-sprite-{{icon}}\"\n        [class.eui-icon-svg--loading]=\"isLoading\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.role]=\"'img'\"\n        [attr.focusable]=\"focusable\"\n        attr.style=\"{{iconStyle}}\">\n        <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n    </svg>\n    <ng-content></ng-content>\n</ng-container>\n\n<ng-container *ngIf=\"iconUrl\">\n    <svg class=\"eui-icon-svg\"\n        attr.style=\"{{iconStyle}} {{style}}\"\n        [attr.aria-hidden]=\"ariaHidden\"\n        [attr.role]=\"'img'\"\n        [attr.focusable]=\"focusable\">\n        <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg'\" attr.style=\"{{iconStyle}} {{style}}\"></image>\n    </svg>\n</ng-container>\n", styles: [".eui-icon-svg{display:inline-flex;position:relative}.eui-icon-svg svg{pointer-events:none}.eui-icon-svg .eui-sprite-eui-ecl-facebook{color:#4267b2;fill:#4267b2}.eui-icon-svg .eui-sprite-eui-ecl-flickr{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-foursquare{color:#ff577a;fill:#ff577a}.eui-icon-svg .eui-sprite-eui-ecl-gmail,.eui-icon-svg .eui-sprite-eui-ecl-instagram{color:#000;fill:#000}.eui-icon-svg .eui-sprite-eui-ecl-linkedin{color:#0a66c2;fill:#0a66c2}.eui-icon-svg .eui-sprite-eui-ecl-mastodon{color:#2b90d9;fill:#2b90d9}.eui-icon-svg .eui-sprite-eui-ecl-messenger{color:#00b2ff;fill:#00b2ff}.eui-icon-svg .eui-sprite-eui-ecl-pinterest{color:#e60023;fill:#e60023}.eui-icon-svg .eui-sprite-eui-ecl-qzone{color:#fc0;fill:#fc0}.eui-icon-svg .eui-sprite-eui-ecl-reddit{color:#ff5700;fill:#ff5700}.eui-icon-svg .eui-sprite-eui-ecl-skype{color:#00aff0;fill:#00aff0}.eui-icon-svg .eui-sprite-eui-ecl-spotify{color:#1db954;fill:#1db954}.eui-icon-svg .eui-sprite-eui-ecl-telegram{color:#24a1de;fill:#24a1de}.eui-icon-svg .eui-sprite-eui-ecl-twitter{color:#1da1f2;fill:#1da1f2}.eui-icon-svg .eui-sprite-eui-ecl-typepad{color:#aab652;fill:#aab652}.eui-icon-svg .eui-sprite-eui-ecl-weibo{color:#e6162d;fill:#e6162d}.eui-icon-svg .eui-sprite-eui-ecl-whatasapp{color:#25d366;fill:#25d366}.eui-icon-svg .eui-sprite-eui-ecl-yahoomail{color:#6619df;fill:#6619df}.eui-icon-svg .eui-sprite-eui-ecl-yammer{color:#0078d4;fill:#0078d4}.eui-icon-svg .eui-sprite-eui-ecl-youtube{color:red;fill:red}.eui-icon-svg--start{margin-right:var(--eui-s-s)}.eui-icon-svg--end{margin-left:var(--eui-s-s)}.eui-icon-svg--input-icon{position:absolute}.eui-icon-svg--input-icon.eui-icon-svg--start{left:var(--eui-s-2xl)}.eui-icon-svg--input-icon.eui-icon-svg--end{right:var(--eui-s-2xl)}.eui-icon-svg--loading{align-items:center;display:inline-flex;color:transparent;fill:transparent}.eui-icon-svg--loading:after,.eui-icon-svg--loading:before{content:\"\";position:absolute;min-height:var(--eui-s-l);min-width:var(--eui-s-l);height:100%;width:100%;right:-.75rem}.eui-icon-svg--loading:before{border:var(--eui-s-2xs) solid rgba(0,0,0,.25);border-radius:var(--eui-br-max)}.eui-icon-svg--loading:after{animation:eui-icon-loading-kf .8s linear;animation-iteration-count:infinite;border-color:rgba(255,255,255,.5) transparent transparent;border-radius:var(--eui-br-max);border-style:solid;border-width:var(--eui-s-2xs);box-shadow:0 0 0 1px transparent}.eui-icon-svg--loading--sm:before,.eui-icon-svg--loading--sm:after{height:var(--eui-s-m);width:var(--eui-s-m)}.eui-icon-svg.eui-icon-svg--spin>svg{animation:eui-icon-svg-spin 1.5s infinite linear}.eui-icon-svg.eui-icon-svg--rotate-45{transform:rotate(45deg)}.eui-icon-svg.eui-icon-svg--rotate-90{transform:rotate(90deg)}.eui-icon-svg.eui-icon-svg--rotate-135{transform:rotate(135deg)}.eui-icon-svg.eui-icon-svg--rotate-180{transform:rotate(180deg)}.eui-icon-svg.eui-icon-svg--rotate-225{transform:rotate(225deg)}.eui-icon-svg.eui-icon-svg--rotate-270{transform:rotate(270deg)}.eui-icon-svg.eui-icon-svg--rotate-315{transform:rotate(315deg)}.eui-icon-svg.eui-icon-svg--flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";transform:scaleX(-1)}.eui-icon-svg.eui-icon-svg--flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scaleY(-1)}.eui-icon-svg.eui-icon-svg--flip-both{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\";transform:scale(-1)}.eui-icon-svg.eui-icon-svg--stack{position:absolute;transform:translate(-50%);margin-left:50%}@keyframes eui-icon-loading-kf{to{transform:rotate(360deg)}}@keyframes eui-icon-svg-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.eui-icon-svg svg{color:var(--eui-c-neutral-light);fill:var(--eui-c-neutral-light)}.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary-contrast);fill:var(--eui-c-primary-contrast)}.eui--branding .eui-icon-svg svg{color:var(--eui-c-branding-contrast);fill:var(--eui-c-branding-contrast)}.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--info .eui-icon-svg svg{color:var(--eui-c-info-contrast);fill:var(--eui-c-info-contrast)}.eui--success .eui-icon-svg svg{color:var(--eui-c-success-contrast);fill:var(--eui-c-success-contrast)}.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-contrast);fill:var(--eui-c-warning-contrast)}.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger-contrast);fill:var(--eui-c-danger-contrast)}.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--outline.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--outline.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--outline.eui--branding .eui-icon-svg svg{color:var(--eui-c-branding);fill:var(--eui-c-branding)}.eui--outline.eui--branding:hover .eui-icon-svg svg{color:var(--eui-c-branding-bg-contrast);fill:var(--eui-c-branding-bg-contrast)}.eui--outline.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--outline.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--outline.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg-contrast);fill:var(--eui-c-info-bg-contrast)}.eui--outline.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--outline.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg-contrast);fill:var(--eui-c-success-bg-contrast)}.eui--outline.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-darker);fill:var(--eui-c-warning-darker)}.eui--outline.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg-contrast);fill:var(--eui-c-warning-bg-contrast)}.eui--outline.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--outline.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg-contrast);fill:var(--eui-c-danger-bg-contrast)}.eui--outline.eui--accent .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--outline.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-contrast);fill:var(--eui-c-accent-contrast)}.eui--basic.eui--primary .eui-icon-svg svg{color:var(--eui-c-primary);fill:var(--eui-c-primary)}.eui--basic.eui--primary:hover .eui-icon-svg svg{color:var(--eui-c-primary-bg-contrast);fill:var(--eui-c-primary-bg-contrast)}.eui--basic.eui--branding .eui-icon-svg svg{color:var(--eui-c-branding);fill:var(--eui-c-branding)}.eui--basic.eui--branding:hover .eui-icon-svg svg{color:var(--eui-c-branding-bg-contrast);fill:var(--eui-c-branding-bg-contrast)}.eui--basic.eui--secondary .eui-icon-svg svg{color:var(--eui-c-neutral);fill:var(--eui-c-neutral)}.eui--basic.eui--secondary:hover .eui-icon-svg svg{color:var(--eui-c-neutral-bg-contrast);fill:var(--eui-c-neutral-bg-contrast)}.eui--basic.eui--info .eui-icon-svg svg{color:var(--eui-c-info);fill:var(--eui-c-info)}.eui--basic.eui--info:hover .eui-icon-svg svg{color:var(--eui-c-info-bg--contrast);fill:var(--eui-c-info-bg--contrast)}.eui--basic.eui--success .eui-icon-svg svg{color:var(--eui-c-success);fill:var(--eui-c-success)}.eui--basic.eui--success:hover .eui-icon-svg svg{color:var(--eui-c-success-bg--contrast);fill:var(--eui-c-success-bg--contrast)}.eui--basic.eui--warning .eui-icon-svg svg{color:var(--eui-c-warning-darker);fill:var(--eui-c-warning-darker)}.eui--basic.eui--warning:hover .eui-icon-svg svg{color:var(--eui-c-warning-bg--contrast);fill:var(--eui-c-warning-bg--contrast)}.eui--basic.eui--danger .eui-icon-svg svg{color:var(--eui-c-danger);fill:var(--eui-c-danger)}.eui--basic.eui--danger:hover .eui-icon-svg svg{color:var(--eui-c-danger-bg--contrast);fill:var(--eui-c-danger-bg--contrast)}.eui--basic.eui--accent .eui-icon-svg svg{color:var(--eui-c-accent-darker);fill:var(--eui-c-accent-darker)}.eui--basic.eui--accent:hover .eui-icon-svg svg{color:var(--eui-c-accent-bg--contrast);fill:var(--eui-c-accent-bg--contrast)}.eui-icon-svg--loading.eui-icon-svg--size-s:before,.eui-icon-svg--loading.eui-icon-svg--size-s:after{min-height:var(--eui-s-m);min-width:var(--eui-s-m)}.eui-icon-svg--loading.eui-icon-svg--size-l:before,.eui-icon-svg--loading.eui-icon-svg--size-l:after{min-height:var(--eui-s-xl);min-width:var(--eui-s-xl)}.eui-icon-svg--loading.eui-icon-svg--size-xl:before,.eui-icon-svg--loading.eui-icon-svg--size-xl:after{min-height:var(--eui-s-2xl);min-width:var(--eui-s-2xl)}.eui-icon-svg--loading.eui-icon-svg--size-2xl:before,.eui-icon-svg--loading.eui-icon-svg--size-2xl:after{min-height:var(--eui-s-3xl);min-width:var(--eui-s-3xl)}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"eui-components-eui-icon.mjs","sources":["../../eui-icon/eui-icon-svg.component.ts","../../eui-icon/eui-icon-svg.component.html","../../eui-icon/eui-components-eui-icon.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n Input,\n HostBinding,\n OnInit,\n ViewEncapsulation,\n OnChanges,\n SimpleChanges,\n AfterContentInit,\n Inject,\n Optional,\n booleanAttribute,\n NgModule,\n} from '@angular/core';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\nimport { EuiConfig } from '@eui/core';\nimport { CommonModule } from '@angular/common';\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 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() fillColor: string;\n @Input() set = 'eui';\n @Input() size: '2xs' \| 'xs' \| 's' \| 'm' \| 'l' \| 'xl' \| '2xl' \| '3xl' \| '4xl' \| string = 'm';\n @Input() style = '';\n @Input() iconUrl: string;\n @Input() transform = '';\n @Input() euiVariant: string; // fake it as used in showcase on samples loops (eui-tabs f.e.) shouldn't be\n\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n // Always refer to the baseStatesDirective\n 'eui-icon-svg',\n `eui-icon-svg--size-${this.size}`,\n this.transform ? `eui-icon-svg--${this.transform}` : '',\n\n // own cmp state => reflected with the scss states\n this.euiStart ? 'eui-icon-svg--start' : '',\n this.euiEnd ? 'eui-icon-svg--end' : '',\n this.isInputIcon ? 'eui-icon-svg--input-icon': '',\n this.isLoading ? 'eui-icon-svg--loading': '',\n ]\n .join(' ')\n .trim();\n }\n\n @HostBinding('attr.aria-label')\n @Input('aria-label') ariaLabel = 'Icon';\n\n public iconName: string;\n public assetsBaseUrl = 'assets';\n public iconStyle: string;\n\n @Input({ transform: booleanAttribute }) ariaHidden = true;\n @Input({ transform: booleanAttribute }) focusable = false;\n @Input({ transform: booleanAttribute }) isLoading = false;\n @Input({ transform: booleanAttribute }) isInputIcon = false;\n\n @Input({ transform: booleanAttribute }) euiStart = false;\n @Input({ transform: booleanAttribute }) euiEnd = false;\n\n constructor(\n @Optional() @Inject(EUI_CONFIG_TOKEN) private config: EuiConfig,\n ) {\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 }\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 if (c && c.size) {\n if (c.size.currentValue !== c.size.previousValue) {\n this._setStyle();\n }\n }\n if (c && c.fillColor) {\n if (c.fillColor.currentValue !== c.fillColor.previousValue) {\n this._setStyle();\n }\n }\n }\n\n ngAfterContentInit(): void {\n this._setIconAndSet();\n this._setStyle();\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 private _setStyle(): void {\n let fill = '';\n if (this.fillColor) {\n fill = `fill: var(--eui-c-${this.fillColor}); color: var(--eui-c-${this.fillColor});`;\n }\n const height = `height: var(--eui-is-${this.size});`;\n const width = `width: var(--eui-is-${this.size});`;\n this.iconStyle = `${fill} ${height} ${width}`;\n }\n}\n\n@NgModule({\n imports: [CommonModule],\n declarations: [EuiIconSvgComponent],\n exports: [EuiIconSvgComponent],\n})\nexport class EuiIconModule {}\n","<ng-container ngIf=\"icon && !iconUrl && !isLoading\">\n <svg\n class=\"eui-sprite-{{icon}}\"\n [class.eui-icon-svg--loading]=\"isLoading\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.role]=\"'img'\"\n [attr.focusable]=\"focusable\"\n attr.style=\"{{iconStyle}}\">\n <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n </svg>\n <ng-content></ng-content>\n</ng-container>\n\n<ng-container ngIf=\"iconUrl\">\n <svg class=\"eui-icon-svg\"\n attr.style=\"{{iconStyle}} {{style}}\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.role]=\"'img'\"\n [attr.focusable]=\"focusable\">\n <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg'\" attr.style=\"{{iconStyle}} {{style}}\"></image>\n </svg>\n</ng-container>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"eui-components-eui-icon.mjs","sources":["../../eui-icon/eui-icon-svg.component.ts","../../eui-icon/eui-icon-svg.component.html","../../eui-icon/eui-components-eui-icon.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n Input,\n HostBinding,\n OnInit,\n ViewEncapsulation,\n OnChanges,\n SimpleChanges,\n AfterContentInit,\n Inject,\n Optional,\n booleanAttribute,\n NgModule,\n} from '@angular/core';\nimport { EUI_CONFIG_TOKEN } from '@eui/core';\nimport { EuiConfig } from '@eui/core';\nimport { CommonModule } from '@angular/common';\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 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() fillColor: string;\n @Input() set = 'eui';\n @Input() size: '2xs' \| 'xs' \| 's' \| 'm' \| 'l' \| 'xl' \| '2xl' \| '3xl' \| '4xl' \| string = 'm';\n @Input() style = '';\n @Input() iconUrl: string;\n @Input() transform = '';\n @Input() euiVariant: string; // fake it as used in showcase on samples loops (eui-tabs f.e.) shouldn't be\n\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n // Always refer to the baseStatesDirective\n 'eui-icon-svg',\n `eui-icon-svg--size-${this.size}`,\n this.transform ? `eui-icon-svg--${this.transform}` : '',\n\n // own cmp state => reflected with the scss states\n this.euiStart ? 'eui-icon-svg--start' : '',\n this.euiEnd ? 'eui-icon-svg--end' : '',\n this.isInputIcon ? 'eui-icon-svg--input-icon': '',\n this.isLoading ? 'eui-icon-svg--loading': '',\n ]\n .join(' ')\n .trim();\n }\n\n @HostBinding('attr.aria-label')\n @Input('aria-label') ariaLabel = 'Icon';\n\n public iconName: string;\n public assetsBaseUrl = 'assets';\n public iconStyle: string;\n\n @Input({ transform: booleanAttribute }) ariaHidden = true;\n @Input({ transform: booleanAttribute }) focusable = false;\n @Input({ transform: booleanAttribute }) isLoading = false;\n @Input({ transform: booleanAttribute }) isInputIcon = false;\n\n @Input({ transform: booleanAttribute }) euiStart = false;\n @Input({ transform: booleanAttribute }) euiEnd = false;\n\n constructor(\n @Optional() @Inject(EUI_CONFIG_TOKEN) private config: EuiConfig,\n ) {\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 }\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 if (c && c.size) {\n if (c.size.currentValue !== c.size.previousValue) {\n this._setStyle();\n }\n }\n if (c && c.fillColor) {\n if (c.fillColor.currentValue !== c.fillColor.previousValue) {\n this._setStyle();\n }\n }\n }\n\n ngAfterContentInit(): void {\n this._setIconAndSet();\n this._setStyle();\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 private _setStyle(): void {\n let fill = '';\n if (this.fillColor) {\n fill = `fill: var(--eui-c-${this.fillColor}); color: var(--eui-c-${this.fillColor});`;\n }\n const height = `height: var(--eui-is-${this.size});`;\n const width = `width: var(--eui-is-${this.size});`;\n this.iconStyle = `${fill} ${height} ${width}`;\n }\n}\n\n@NgModule({\n imports: [CommonModule],\n declarations: [EuiIconSvgComponent],\n exports: [EuiIconSvgComponent],\n})\nexport class EuiIconModule {}\n","<ng-container ngIf=\"icon && !iconUrl && !isLoading\">\n <svg\n class=\"eui-sprite-{{icon}}\"\n [class.eui-icon-svg--loading]=\"isLoading\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.role]=\"'img'\"\n [attr.focusable]=\"focusable\"\n attr.style=\"{{iconStyle}}\">\n <use [attr.href]=\"assetsBaseUrl + '/icons/sprites/' + set + '.svg#' + iconName\"></use>\n </svg>\n <ng-content></ng-content>\n</ng-container>\n\n<ng-container ngIf=\"iconUrl\">\n <svg class=\"eui-icon-svg\"\n attr.style=\"{{iconStyle}} {{style}}\"\n [attr.aria-hidden]=\"ariaHidden\"\n [attr.role]=\"'img'\"\n [attr.focusable]=\"focusable\">\n <image [attr.href]=\"iconUrl\" [class]=\"'eui-icon-svg'\" attr.style=\"{{iconStyle}} {{style}}\"></image>\n </svg>\n</ng-container>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

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

@@ -161,11 +161,11 @@ class EuiMenuItemComponent {
         ].join(' ').trim();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiMenuItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: { item: "item", parent: "parent", hasIcon: ["hasIcon", "hasIcon", booleanAttribute], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute], hasBoldRootLevel: ["hasBoldRootLevel", "hasBoldRootLevel", booleanAttribute] }, outputs: { expandToggle: "expandToggle", itemClick: "itemClick" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses", "attr.tabindex": "this.tabindex", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-disabled": "this.ariaDisabled" } }, ngImport: i0, template: "@if (item.visible && item.filtered) {\n    @if (isLabelItem) {\n        <li\n            role=\"none\"\n            id=\"{{item.id}}\"\n            class=\"eui-menu-item__content\"\n            [attr.data-e2e]=\"item.e2eAttr\"\n            [class.eui-menu-item--disabled]=\"item.disabled\"\n            [attr.aria-disabled]=\"item.disabled\"\n            [euiTooltip]=\"menuItemTooltip\"\n            tabindex=\"-1\"\n            position=\"after\">\n\n            <a\n                (click)=\"onClick($event)\"\n                tabindex=\"-1\"\n                class=\"eui-menu-item__link eui-menu-item__link-category\"\n                [class.eui-menu-item__link--disabled]=\"item.disabled\"\n                [class.eui-menu-item__link--active]=\"item.active\"\n                [class.eui-menu-item__link--has-sub]=\"item.children?.length > 0\"\n                href=\"javascript:void(0)\"\n                [euiTooltip]=\"menuItemTooltip\"\n                position=\"after\">\n\n                <div class=\"eui-menu-item__link-start-block\">\n                    <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n                </div>\n\n                <div class=\"eui-menu-item__link-content-block\">\n                    <div class=\"eui-menu-item__link-label-container\">\n                        <span class=\"eui-menu-item__link-label-category\">{{ item.label }}</span>\n                    </div>\n                </div>\n\n                <div class=\"eui-menu-item__link-end-block\">\n                    <ng-template *ngTemplateOutlet=\"itemEndContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n                </div>\n            </a>\n        </li>\n    }\n\n    @if (isUrlItem) {\n        <li\n            role=\"none\"\n            id=\"{{item.id}}\"\n            [attr.data-e2e]=\"item.e2eAttr\"\n            class=\"eui-menu-item__content\"\n            [class.eui-menu-item--disabled]=\"item.disabled\"\n            [class.eui-menu-item--expanded]=\"item.expanded || item.filtered\"\n            [attr.aria-disabled]=\"item.disabled\">\n            <a\n                (click)=\"onClick($event)\"\n                class=\"eui-menu-item__link\"\n                [class.eui-menu-item__link--disabled]=\"item.disabled\"\n                [class.eui-menu-item__link--active]=\"item.active\"\n                [class.eui-menu-item__link--has-sub]=\"item.children?.length > 0\"\n                [routerLink]=\"item.url ? item.url : null\"\n                [routerLinkActive]=\"item.url ? 'eui-menu-item__link--active' : ''\"\n                [euiTooltip]=\"menuItemTooltip\"\n                position=\"after\"\n                tabindex=\"-1\">\n                <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n            </a>\n\n            <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n        </li>\n    }\n\n    @if (isLinkItem) {\n        <li\n            role=\"none\"\n            id=\"{{item.id}}\"\n            [attr.data-e2e]=\"item.e2eAttr\"\n            class=\"eui-menu-item__content\"\n            [class.eui-menu-item--disabled]=\"item.disabled\"\n            [class.eui-menu-item--expanded]=\"item.expanded || item.filtered\"\n            [attr.aria-disabled]=\"item.disabled\">\n            <a\n                (click)=\"onClick($event)\"\n                tabindex=\"-1\"\n                class=\"eui-menu-item__link\"\n                [class.eui-menu-item__link--disabled]=\"item.disabled\"\n                [class.eui-menu-item__link--active]=\"item.active\"\n                [class.eui-menu-item__link--has-sub]=\"item.children?.length > 0\"\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}\n\n<ng-template #linkContent>\n    <div class=\"eui-menu-item__link-start-block\">\n        <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </div>\n\n    <div class=\"eui-menu-item__link-content-block\">\n        <div class=\"eui-menu-item__link-label-container\">\n            <span class=\"eui-menu-item__link-label\">{{ item.label }}</span>\n            <eui-icon-svg\n                *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\"\n                class=\"eui-menu-item__label-external\"\n                icon=\"eui-ecl-external\"\n                size=\"2xs\"\n                aria-label=\"external link icon\"\n                euiEnd>\n            </eui-icon-svg>\n        </div>\n    </div>\n\n    <div class=\"eui-menu-item__link-end-block\">\n        <ng-template *ngTemplateOutlet=\"itemEndContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </div>\n</ng-template>\n\n<!-- PROJECTED CONTENT BLOCK -->\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n\n<!-- PROJECTED START BLOCK -->\n<ng-template #itemIconContent>\n    @if (!isCollapsed) {\n\n        @if (hasIcon) {\n\n            @if (item.iconSvgName) {\n                <!-- SVG -->\n                <eui-icon-svg\n                    class=\"eui-menu-item__link-icon\"\n                    icon=\"{{ item.iconSvgName }}\"\n                    fillColor=\"{{ item.iconTypeClass }}\"\n                    size=\"s\">\n                </eui-icon-svg>\n\n            } @else if (item.hasMarker) {\n                <!-- MARKER -->\n                <eui-icon-svg\n                    class=\"eui-menu-item__link-marker\"\n                    fillColor=\"{{ item?.markerTypeClass }}\"\n                    icon=\"ellipse:sharp\"\n                    size=\"xs\"\n                    [aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n                </eui-icon-svg>\n            }\n            @else if (!isLabelItem) {\n                <!-- DEFAULT for non category items -->\n                <eui-icon-svg\n                    class=\"eui-menu-item__link-icon\"\n                    icon=\"ellipse:sharp\"\n                    fillColor=\"neutral-light\"\n                    size=\"xs\">\n                </eui-icon-svg>\n            }\n        } @else if (item.hasMarker) {\n            <eui-icon-svg\n                class=\"eui-menu-item__link-marker\"\n                fillColor=\"{{ item?.markerTypeClass }}\"\n                icon=\"ellipse:sharp\"\n                size=\"xs\"\n                [aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n            </eui-icon-svg>\n        }\n\n    } @else {\n        @if (hasCollapsedInitials) {\n            <span class=\"eui-menu-item__link-initials eui-u-c-bg-{{item.iconTypeClass}}\">\n                {{ item.initials }}\n            </span>\n        } @else {\n            @if (hasIcon) {\n                @if (item.iconSvgName) {\n                    <!-- SVG -->\n                    <eui-icon-svg\n                        class=\"eui-menu-item__link-icon\"\n                        icon=\"{{ item.iconSvgName }}\"\n                        fillColor=\"{{ item.iconTypeClass }}\"\n                        size=\"s\">\n                    </eui-icon-svg>\n\n                } @else if (item.hasMarker) {\n                    <!-- MARKER -->\n                    <eui-icon-svg\n                        class=\"eui-menu-item__link-marker\"\n                        fillColor=\"{{ item?.markerTypeClass }}\"\n                        icon=\"ellipse:sharp\"\n                        size=\"s\"\n                        [aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n                    </eui-icon-svg>\n                } @else {\n                    <!-- DEFAULT -->\n                    <eui-icon-svg\n                        class=\"eui-menu-item__link-icon\"\n                        icon=\"ellipse:sharp\"\n                        fillColor=\"neutral-light\"\n                        size=\"s\"\n                        [aria-label]=\"item.iconLabel\">\n                    </eui-icon-svg>\n                }\n            } @else {\n                <eui-icon-svg\n                    class=\"eui-menu-item__link-icon eui-u-ml-2xs\"\n                    icon=\"square:outline\"\n                    fillColor=\"neutral-light\"\n                    size=\"xs\">\n                </eui-icon-svg>\n            }\n        }\n    }\n</ng-template>\n\n<!-- PROJECTED END BLOCK -->\n<ng-template #itemEndContent>\n    @if (item.tagLabel) {\n        @if (isCollapsed) {\n            <eui-badge [euiVariant]=\"item.tagTypeClass\" class=\"eui-menu-item__link-dotted-badge\"></eui-badge>\n        } @else {\n            <eui-badge [euiVariant]=\"item.tagTypeClass\">\n                {{ item.tagLabel }}\n            </eui-badge>\n        }\n    }\n\n    <button\n        *ngIf=\"item.actionIcon\"\n        euiButton\n        euiRounded\n        euiIconButton\n        euiSizeS\n        euiBasicButton\n        type=\"button\"\n        tabindex=\"-1\"\n        (keydown)=\"onActionIconKeyDown($event)\"\n        (focusout)=\"onActionIconFocusOut()\"\n        (focus)=\"focusActionIcon()\"\n        class=\"eui-menu-item__link-action-icon\"\n        [euiDisabled]=\"item.disabled\"\n        [attr.aria-label]=\"item.actionIcon?.label\"\n        (click)=\"onActionIconClick($event)\">\n        <eui-icon-svg [icon]=\"item.actionIcon?.icon\" [fillColor]=\"item.actionIcon?.color\"></eui-icon-svg>\n    </button>\n\n    <eui-icon-button *ngIf=\"item.children?.length > 0\"\n        class=\"eui-menu-item__link-toggle\"\n        [icon]=\"item.expanded ? 'chevron-up:sharp': 'chevron-down:sharp'\"\n        (buttonClick)=\"onExpandToggle($event)\"\n        [ariaLabel]=\"item.expanded ? collapseMenuLabel : expandMenuLabel\"\n        euiRounded\n        size=\"s\"\n        [tabindex]=\"-1\"\n        [euiDisabled]=\"item.disabled\"/>\n</ng-template>\n", styles: [".eui-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin-block-start:0;margin-block-end:0;margin:0;padding:0;width:100%}.eui-menu:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item__link-start-block{gap:0}.eui-menu--collapsed .eui-menu-item__link-content-block,.eui-menu--collapsed .eui-menu-item__link-end-block{visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-dotted-badge{position:absolute;top:var(--eui-s-2xs);right:var(--eui-s-2xs);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-toggle{display:inherit;position:absolute;right:calc(-1 * var(--eui-s-xs));transform:scale(.75);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-s-xs);font:var(--eui-f-s-bold);justify-content:center;margin-left:calc(-1 * var(--eui-s-2xs));min-width:var(--eui-s-2xl)}.eui-menu--collapsed .eui-menu-item--expanded:first-child{border-bottom:none;padding-bottom:0}.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-s)}.eui-menu--no-items{color:var(--eui-c-neutral-lighter);text-align:center}.eui-menu-filter{display:flex;padding:var(--eui-s-m);position:relative;width:100%}.eui-menu-item{display:flex;position:relative;width:100%;border:var(--eui-bw-xs) solid transparent}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-menu-item__content{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link{align-items:center;color:var(--eui-c-text);cursor:pointer;display:flex;font:var(--eui-f-m);gap:var(--eui-s-xs);padding:var(--eui-s-xs) var(--eui-s-2xs) calc(var(--eui-s-xs) - 2px) var(--eui-s-m);border-top:1px solid var(--eui-c-neutral-bg);text-decoration:none;width:100%}.eui-menu-item__link-start-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link-start-block:empty{display:none}.eui-menu-item__link-content-block{display:flex;flex-direction:column;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label{color:var(--eui-c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label-category{cursor:default;color:var(--eui-c-info-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-end-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link:hover:not(.eui-menu-item--disabled):not(.eui-menu-item__link-category){background-color:var(--eui-c-primary-bg);text-decoration:none}.eui-menu-item__link--disabled{opacity:var(--eui-o-50);pointer-events:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);font:var(--eui-f-m-bold)}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item--expanded{display:flex;flex-direction:column}.eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-3xl)}.eui-menu-item .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-xl);padding-bottom:var(--eui-s-2xs);padding-top:var(--eui-s-2xs);border-top:0}.eui-menu-item--bold>.eui-menu-item__content>.eui-menu-item__link{font:var(--eui-f-m-bold)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i4.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["tabindex", "icon", "fillColor", "size", "ariaLabel", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "directive", type: i6.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }, { kind: "component", type: i7.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label", "maxCharCount", "charReplacement", "euiIconBadge", "euiDottedBadge"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: { item: "item", parent: "parent", hasIcon: ["hasIcon", "hasIcon", booleanAttribute], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute], hasBoldRootLevel: ["hasBoldRootLevel", "hasBoldRootLevel", booleanAttribute] }, outputs: { expandToggle: "expandToggle", itemClick: "itemClick" }, host: { listeners: { "click": "stopPropagation($event)" }, properties: { "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "class": "this.cssClasses", "attr.tabindex": "this.tabindex", "attr.aria-haspopup": "this.ariaHasPopup", "attr.aria-expanded": "this.ariaExpanded", "attr.aria-disabled": "this.ariaDisabled" } }, ngImport: i0, template: "@if (item.visible && item.filtered) {\n    @if (isLabelItem) {\n        <li\n            role=\"none\"\n            id=\"{{item.id}}\"\n            class=\"eui-menu-item__content\"\n            [attr.data-e2e]=\"item.e2eAttr\"\n            [class.eui-menu-item--disabled]=\"item.disabled\"\n            [attr.aria-disabled]=\"item.disabled\"\n            [euiTooltip]=\"menuItemTooltip\"\n            tabindex=\"-1\"\n            position=\"after\">\n\n            <a\n                (click)=\"onClick($event)\"\n                tabindex=\"-1\"\n                class=\"eui-menu-item__link eui-menu-item__link-category\"\n                [class.eui-menu-item__link--disabled]=\"item.disabled\"\n                [class.eui-menu-item__link--active]=\"item.active\"\n                [class.eui-menu-item__link--has-sub]=\"item.children?.length > 0\"\n                href=\"javascript:void(0)\"\n                [euiTooltip]=\"menuItemTooltip\"\n                position=\"after\">\n\n                <div class=\"eui-menu-item__link-start-block\">\n                    <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n                </div>\n\n                <div class=\"eui-menu-item__link-content-block\">\n                    <div class=\"eui-menu-item__link-label-container\">\n                        <span class=\"eui-menu-item__link-label-category\">{{ item.label }}</span>\n                    </div>\n                </div>\n\n                <div class=\"eui-menu-item__link-end-block\">\n                    <ng-template *ngTemplateOutlet=\"itemEndContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n                </div>\n            </a>\n        </li>\n    }\n\n    @if (isUrlItem) {\n        <li\n            role=\"none\"\n            id=\"{{item.id}}\"\n            [attr.data-e2e]=\"item.e2eAttr\"\n            class=\"eui-menu-item__content\"\n            [class.eui-menu-item--disabled]=\"item.disabled\"\n            [class.eui-menu-item--expanded]=\"item.expanded || item.filtered\"\n            [attr.aria-disabled]=\"item.disabled\">\n            <a\n                (click)=\"onClick($event)\"\n                class=\"eui-menu-item__link\"\n                [class.eui-menu-item__link--disabled]=\"item.disabled\"\n                [class.eui-menu-item__link--active]=\"item.active\"\n                [class.eui-menu-item__link--has-sub]=\"item.children?.length > 0\"\n                [routerLink]=\"item.url ? item.url : null\"\n                [routerLinkActive]=\"item.url ? 'eui-menu-item__link--active' : ''\"\n                [euiTooltip]=\"menuItemTooltip\"\n                position=\"after\"\n                tabindex=\"-1\">\n                <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n            </a>\n\n            <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n        </li>\n    }\n\n    @if (isLinkItem) {\n        <li\n            role=\"none\"\n            id=\"{{item.id}}\"\n            [attr.data-e2e]=\"item.e2eAttr\"\n            class=\"eui-menu-item__content\"\n            [class.eui-menu-item--disabled]=\"item.disabled\"\n            [class.eui-menu-item--expanded]=\"item.expanded || item.filtered\"\n            [attr.aria-disabled]=\"item.disabled\">\n            <a\n                (click)=\"onClick($event)\"\n                tabindex=\"-1\"\n                class=\"eui-menu-item__link\"\n                [class.eui-menu-item__link--disabled]=\"item.disabled\"\n                [class.eui-menu-item__link--active]=\"item.active\"\n                [class.eui-menu-item__link--has-sub]=\"item.children?.length > 0\"\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}\n\n<ng-template #linkContent>\n    <div class=\"eui-menu-item__link-start-block\">\n        <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </div>\n\n    <div class=\"eui-menu-item__link-content-block\">\n        <div class=\"eui-menu-item__link-label-container\">\n            <span class=\"eui-menu-item__link-label\">{{ item.label }}</span>\n            <eui-icon-svg\n                *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\"\n                class=\"eui-menu-item__label-external\"\n                icon=\"eui-ecl-external\"\n                size=\"2xs\"\n                aria-label=\"external link icon\"\n                euiEnd>\n            </eui-icon-svg>\n        </div>\n    </div>\n\n    <div class=\"eui-menu-item__link-end-block\">\n        <ng-template *ngTemplateOutlet=\"itemEndContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </div>\n</ng-template>\n\n<!-- PROJECTED CONTENT BLOCK -->\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n\n<!-- PROJECTED START BLOCK -->\n<ng-template #itemIconContent>\n    @if (!isCollapsed) {\n\n        @if (hasIcon) {\n\n            @if (item.iconSvgName) {\n                <!-- SVG -->\n                <eui-icon-svg\n                    class=\"eui-menu-item__link-icon\"\n                    icon=\"{{ item.iconSvgName }}\"\n                    fillColor=\"{{ item.iconTypeClass }}\"\n                    size=\"s\">\n                </eui-icon-svg>\n\n            } @else if (item.hasMarker) {\n                <!-- MARKER -->\n                <eui-icon-svg\n                    class=\"eui-menu-item__link-marker\"\n                    fillColor=\"{{ item?.markerTypeClass }}\"\n                    icon=\"ellipse:sharp\"\n                    size=\"2xs\"\n                    [aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n                </eui-icon-svg>\n            }\n            @else if (!isLabelItem) {\n                <!-- DEFAULT for non category items -->\n                <eui-icon-svg\n                    class=\"eui-menu-item__link-icon\"\n                    icon=\"ellipse:sharp\"\n                    fillColor=\"neutral-light\"\n                    size=\"2xs\">\n                </eui-icon-svg>\n            }\n        } @else if (item.hasMarker) {\n            <eui-icon-svg\n                class=\"eui-menu-item__link-marker\"\n                fillColor=\"{{ item?.markerTypeClass }}\"\n                icon=\"ellipse:sharp\"\n                size=\"2xs\"\n                [aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n            </eui-icon-svg>\n        }\n\n    } @else {\n        @if (hasCollapsedInitials) {\n            <span class=\"eui-menu-item__link-initials eui-u-c-bg-{{item.iconTypeClass}}\">\n                {{ item.initials }}\n            </span>\n        } @else {\n            @if (hasIcon) {\n                @if (item.iconSvgName) {\n                    <!-- SVG -->\n                    <eui-icon-svg\n                        class=\"eui-menu-item__link-icon\"\n                        icon=\"{{ item.iconSvgName }}\"\n                        fillColor=\"{{ item.iconTypeClass }}\"\n                        size=\"s\">\n                    </eui-icon-svg>\n\n                } @else if (item.hasMarker) {\n                    <!-- MARKER -->\n                    <eui-icon-svg\n                        class=\"eui-menu-item__link-marker\"\n                        fillColor=\"{{ item?.markerTypeClass }}\"\n                        icon=\"ellipse:sharp\"\n                        size=\"2xs\"\n                        [aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n                    </eui-icon-svg>\n                } @else {\n                    <!-- DEFAULT -->\n                    <eui-icon-svg\n                        class=\"eui-menu-item__link-icon\"\n                        icon=\"ellipse:sharp\"\n                        fillColor=\"neutral-light\"\n                        size=\"2xs\"\n                        [aria-label]=\"item.iconLabel\">\n                    </eui-icon-svg>\n                }\n            } @else {\n                <eui-icon-svg\n                    class=\"eui-menu-item__link-icon eui-u-ml-2xs\"\n                    icon=\"square:sharp\"\n                    fillColor=\"neutral-light\"\n                    size=\"2xs\">\n                </eui-icon-svg>\n            }\n        }\n    }\n</ng-template>\n\n<!-- PROJECTED END BLOCK -->\n<ng-template #itemEndContent>\n    @if (item.tagLabel) {\n        @if (isCollapsed) {\n            <eui-badge [euiVariant]=\"item.tagTypeClass\" class=\"eui-menu-item__link-dotted-badge\"></eui-badge>\n        } @else {\n            <eui-badge [euiVariant]=\"item.tagTypeClass\">\n                {{ item.tagLabel }}\n            </eui-badge>\n        }\n    }\n\n    <button\n        *ngIf=\"item.actionIcon\"\n        euiButton\n        euiRounded\n        euiIconButton\n        euiSizeS\n        euiBasicButton\n        type=\"button\"\n        tabindex=\"-1\"\n        (keydown)=\"onActionIconKeyDown($event)\"\n        (focusout)=\"onActionIconFocusOut()\"\n        (focus)=\"focusActionIcon()\"\n        class=\"eui-menu-item__link-action-icon\"\n        [euiDisabled]=\"item.disabled\"\n        [attr.aria-label]=\"item.actionIcon?.label\"\n        (click)=\"onActionIconClick($event)\">\n        <eui-icon-svg [icon]=\"item.actionIcon?.icon\" [fillColor]=\"item.actionIcon?.color\"></eui-icon-svg>\n    </button>\n\n    <eui-icon-button *ngIf=\"item.children?.length > 0\"\n        class=\"eui-menu-item__link-toggle\"\n        [icon]=\"item.expanded ? 'chevron-up:sharp': 'chevron-down:sharp'\"\n        (buttonClick)=\"onExpandToggle($event)\"\n        [ariaLabel]=\"item.expanded ? collapseMenuLabel : expandMenuLabel\"\n        euiRounded\n        size=\"s\"\n        [tabindex]=\"-1\"\n        [euiDisabled]=\"item.disabled\"/>\n</ng-template>\n", styles: [".eui-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin-block-start:0;margin-block-end:0;margin:0;padding:0;width:100%}.eui-menu:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item__link-start-block{gap:0}.eui-menu--collapsed .eui-menu-item__link-content-block,.eui-menu--collapsed .eui-menu-item__link-end-block{visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-dotted-badge{position:absolute;top:var(--eui-s-2xs);right:var(--eui-s-2xs);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-toggle{display:inherit;position:absolute;right:calc(-1 * var(--eui-s-xs));transform:scale(.75);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-s-xs);font:var(--eui-f-s-bold);justify-content:center;margin-left:calc(-1 * var(--eui-s-2xs));min-width:var(--eui-s-2xl)}.eui-menu--collapsed .eui-menu-item--expanded:first-child{border-bottom:none;padding-bottom:0}.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-s)}.eui-menu--no-items{color:var(--eui-c-neutral-lighter);text-align:center}.eui-menu-filter{display:flex;padding:var(--eui-s-m);position:relative;width:100%}.eui-menu-item{display:flex;position:relative;width:100%;border:var(--eui-bw-xs) solid transparent}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-menu-item__content{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link{align-items:center;color:var(--eui-c-text);cursor:pointer;display:flex;font:var(--eui-f-m);gap:var(--eui-s-xs);padding:var(--eui-s-xs) var(--eui-s-2xs) calc(var(--eui-s-xs) - 2px) var(--eui-s-m);border-top:1px solid var(--eui-c-neutral-bg);text-decoration:none;width:100%}.eui-menu-item__link-start-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link-start-block:empty{display:none}.eui-menu-item__link-content-block{display:flex;flex-direction:column;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label{color:var(--eui-c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label-category{cursor:default;color:var(--eui-c-info-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-end-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link:hover:not(.eui-menu-item--disabled):not(.eui-menu-item__link-category){background-color:var(--eui-c-primary-bg);text-decoration:none}.eui-menu-item__link--disabled{opacity:var(--eui-o-50);pointer-events:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);font:var(--eui-f-m-bold)}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item--expanded{display:flex;flex-direction:column}.eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-3xl)}.eui-menu-item .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-xl);padding-bottom:var(--eui-s-2xs);padding-top:var(--eui-s-2xs);border-top:0}.eui-menu-item--bold>.eui-menu-item__content>.eui-menu-item__link{font:var(--eui-f-m-bold)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1$1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i3.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "style", "iconUrl", "transform", "euiVariant", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i4.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["tabindex", "icon", "fillColor", "size", "ariaLabel", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "directive", type: i6.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }, { kind: "component", type: i7.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label", "maxCharCount", "charReplacement", "euiIconBadge", "euiDottedBadge"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiMenuItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-menu-item', encapsulation: ViewEncapsulation.None, template: "@if (item.visible && item.filtered) {\n    @if (isLabelItem) {\n        <li\n            role=\"none\"\n            id=\"{{item.id}}\"\n            class=\"eui-menu-item__content\"\n            [attr.data-e2e]=\"item.e2eAttr\"\n            [class.eui-menu-item--disabled]=\"item.disabled\"\n            [attr.aria-disabled]=\"item.disabled\"\n            [euiTooltip]=\"menuItemTooltip\"\n            tabindex=\"-1\"\n            position=\"after\">\n\n            <a\n                (click)=\"onClick($event)\"\n                tabindex=\"-1\"\n                class=\"eui-menu-item__link eui-menu-item__link-category\"\n                [class.eui-menu-item__link--disabled]=\"item.disabled\"\n                [class.eui-menu-item__link--active]=\"item.active\"\n                [class.eui-menu-item__link--has-sub]=\"item.children?.length > 0\"\n                href=\"javascript:void(0)\"\n                [euiTooltip]=\"menuItemTooltip\"\n                position=\"after\">\n\n                <div class=\"eui-menu-item__link-start-block\">\n                    <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n                </div>\n\n                <div class=\"eui-menu-item__link-content-block\">\n                    <div class=\"eui-menu-item__link-label-container\">\n                        <span class=\"eui-menu-item__link-label-category\">{{ item.label }}</span>\n                    </div>\n                </div>\n\n                <div class=\"eui-menu-item__link-end-block\">\n                    <ng-template *ngTemplateOutlet=\"itemEndContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n                </div>\n            </a>\n        </li>\n    }\n\n    @if (isUrlItem) {\n        <li\n            role=\"none\"\n            id=\"{{item.id}}\"\n            [attr.data-e2e]=\"item.e2eAttr\"\n            class=\"eui-menu-item__content\"\n            [class.eui-menu-item--disabled]=\"item.disabled\"\n            [class.eui-menu-item--expanded]=\"item.expanded || item.filtered\"\n            [attr.aria-disabled]=\"item.disabled\">\n            <a\n                (click)=\"onClick($event)\"\n                class=\"eui-menu-item__link\"\n                [class.eui-menu-item__link--disabled]=\"item.disabled\"\n                [class.eui-menu-item__link--active]=\"item.active\"\n                [class.eui-menu-item__link--has-sub]=\"item.children?.length > 0\"\n                [routerLink]=\"item.url ? item.url : null\"\n                [routerLinkActive]=\"item.url ? 'eui-menu-item__link--active' : ''\"\n                [euiTooltip]=\"menuItemTooltip\"\n                position=\"after\"\n                tabindex=\"-1\">\n                <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n            </a>\n\n            <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n        </li>\n    }\n\n    @if (isLinkItem) {\n        <li\n            role=\"none\"\n            id=\"{{item.id}}\"\n            [attr.data-e2e]=\"item.e2eAttr\"\n            class=\"eui-menu-item__content\"\n            [class.eui-menu-item--disabled]=\"item.disabled\"\n            [class.eui-menu-item--expanded]=\"item.expanded || item.filtered\"\n            [attr.aria-disabled]=\"item.disabled\">\n            <a\n                (click)=\"onClick($event)\"\n                tabindex=\"-1\"\n                class=\"eui-menu-item__link\"\n                [class.eui-menu-item__link--disabled]=\"item.disabled\"\n                [class.eui-menu-item__link--active]=\"item.active\"\n                [class.eui-menu-item__link--has-sub]=\"item.children?.length > 0\"\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}\n\n<ng-template #linkContent>\n    <div class=\"eui-menu-item__link-start-block\">\n        <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </div>\n\n    <div class=\"eui-menu-item__link-content-block\">\n        <div class=\"eui-menu-item__link-label-container\">\n            <span class=\"eui-menu-item__link-label\">{{ item.label }}</span>\n            <eui-icon-svg\n                *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\"\n                class=\"eui-menu-item__label-external\"\n                icon=\"eui-ecl-external\"\n                size=\"2xs\"\n                aria-label=\"external link icon\"\n                euiEnd>\n            </eui-icon-svg>\n        </div>\n    </div>\n\n    <div class=\"eui-menu-item__link-end-block\">\n        <ng-template *ngTemplateOutlet=\"itemEndContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </div>\n</ng-template>\n\n<!-- PROJECTED CONTENT BLOCK -->\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n\n<!-- PROJECTED START BLOCK -->\n<ng-template #itemIconContent>\n    @if (!isCollapsed) {\n\n        @if (hasIcon) {\n\n            @if (item.iconSvgName) {\n                <!-- SVG -->\n                <eui-icon-svg\n                    class=\"eui-menu-item__link-icon\"\n                    icon=\"{{ item.iconSvgName }}\"\n                    fillColor=\"{{ item.iconTypeClass }}\"\n                    size=\"s\">\n                </eui-icon-svg>\n\n            } @else if (item.hasMarker) {\n                <!-- MARKER -->\n                <eui-icon-svg\n                    class=\"eui-menu-item__link-marker\"\n                    fillColor=\"{{ item?.markerTypeClass }}\"\n                    icon=\"ellipse:sharp\"\n                    size=\"xs\"\n                    [aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n                </eui-icon-svg>\n            }\n            @else if (!isLabelItem) {\n                <!-- DEFAULT for non category items -->\n                <eui-icon-svg\n                    class=\"eui-menu-item__link-icon\"\n                    icon=\"ellipse:sharp\"\n                    fillColor=\"neutral-light\"\n                    size=\"xs\">\n                </eui-icon-svg>\n            }\n        } @else if (item.hasMarker) {\n            <eui-icon-svg\n                class=\"eui-menu-item__link-marker\"\n                fillColor=\"{{ item?.markerTypeClass }}\"\n                icon=\"ellipse:sharp\"\n                size=\"xs\"\n                [aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n            </eui-icon-svg>\n        }\n\n    } @else {\n        @if (hasCollapsedInitials) {\n            <span class=\"eui-menu-item__link-initials eui-u-c-bg-{{item.iconTypeClass}}\">\n                {{ item.initials }}\n            </span>\n        } @else {\n            @if (hasIcon) {\n                @if (item.iconSvgName) {\n                    <!-- SVG -->\n                    <eui-icon-svg\n                        class=\"eui-menu-item__link-icon\"\n                        icon=\"{{ item.iconSvgName }}\"\n                        fillColor=\"{{ item.iconTypeClass }}\"\n                        size=\"s\">\n                    </eui-icon-svg>\n\n                } @else if (item.hasMarker) {\n                    <!-- MARKER -->\n                    <eui-icon-svg\n                        class=\"eui-menu-item__link-marker\"\n                        fillColor=\"{{ item?.markerTypeClass }}\"\n                        icon=\"ellipse:sharp\"\n                        size=\"s\"\n                        [aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n                    </eui-icon-svg>\n                } @else {\n                    <!-- DEFAULT -->\n                    <eui-icon-svg\n                        class=\"eui-menu-item__link-icon\"\n                        icon=\"ellipse:sharp\"\n                        fillColor=\"neutral-light\"\n                        size=\"s\"\n                        [aria-label]=\"item.iconLabel\">\n                    </eui-icon-svg>\n                }\n            } @else {\n                <eui-icon-svg\n                    class=\"eui-menu-item__link-icon eui-u-ml-2xs\"\n                    icon=\"square:outline\"\n                    fillColor=\"neutral-light\"\n                    size=\"xs\">\n                </eui-icon-svg>\n            }\n        }\n    }\n</ng-template>\n\n<!-- PROJECTED END BLOCK -->\n<ng-template #itemEndContent>\n    @if (item.tagLabel) {\n        @if (isCollapsed) {\n            <eui-badge [euiVariant]=\"item.tagTypeClass\" class=\"eui-menu-item__link-dotted-badge\"></eui-badge>\n        } @else {\n            <eui-badge [euiVariant]=\"item.tagTypeClass\">\n                {{ item.tagLabel }}\n            </eui-badge>\n        }\n    }\n\n    <button\n        *ngIf=\"item.actionIcon\"\n        euiButton\n        euiRounded\n        euiIconButton\n        euiSizeS\n        euiBasicButton\n        type=\"button\"\n        tabindex=\"-1\"\n        (keydown)=\"onActionIconKeyDown($event)\"\n        (focusout)=\"onActionIconFocusOut()\"\n        (focus)=\"focusActionIcon()\"\n        class=\"eui-menu-item__link-action-icon\"\n        [euiDisabled]=\"item.disabled\"\n        [attr.aria-label]=\"item.actionIcon?.label\"\n        (click)=\"onActionIconClick($event)\">\n        <eui-icon-svg [icon]=\"item.actionIcon?.icon\" [fillColor]=\"item.actionIcon?.color\"></eui-icon-svg>\n    </button>\n\n    <eui-icon-button *ngIf=\"item.children?.length > 0\"\n        class=\"eui-menu-item__link-toggle\"\n        [icon]=\"item.expanded ? 'chevron-up:sharp': 'chevron-down:sharp'\"\n        (buttonClick)=\"onExpandToggle($event)\"\n        [ariaLabel]=\"item.expanded ? collapseMenuLabel : expandMenuLabel\"\n        euiRounded\n        size=\"s\"\n        [tabindex]=\"-1\"\n        [euiDisabled]=\"item.disabled\"/>\n</ng-template>\n", styles: [".eui-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin-block-start:0;margin-block-end:0;margin:0;padding:0;width:100%}.eui-menu:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item__link-start-block{gap:0}.eui-menu--collapsed .eui-menu-item__link-content-block,.eui-menu--collapsed .eui-menu-item__link-end-block{visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-dotted-badge{position:absolute;top:var(--eui-s-2xs);right:var(--eui-s-2xs);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-toggle{display:inherit;position:absolute;right:calc(-1 * var(--eui-s-xs));transform:scale(.75);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-s-xs);font:var(--eui-f-s-bold);justify-content:center;margin-left:calc(-1 * var(--eui-s-2xs));min-width:var(--eui-s-2xl)}.eui-menu--collapsed .eui-menu-item--expanded:first-child{border-bottom:none;padding-bottom:0}.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-s)}.eui-menu--no-items{color:var(--eui-c-neutral-lighter);text-align:center}.eui-menu-filter{display:flex;padding:var(--eui-s-m);position:relative;width:100%}.eui-menu-item{display:flex;position:relative;width:100%;border:var(--eui-bw-xs) solid transparent}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-menu-item__content{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link{align-items:center;color:var(--eui-c-text);cursor:pointer;display:flex;font:var(--eui-f-m);gap:var(--eui-s-xs);padding:var(--eui-s-xs) var(--eui-s-2xs) calc(var(--eui-s-xs) - 2px) var(--eui-s-m);border-top:1px solid var(--eui-c-neutral-bg);text-decoration:none;width:100%}.eui-menu-item__link-start-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link-start-block:empty{display:none}.eui-menu-item__link-content-block{display:flex;flex-direction:column;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label{color:var(--eui-c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label-category{cursor:default;color:var(--eui-c-info-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-end-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link:hover:not(.eui-menu-item--disabled):not(.eui-menu-item__link-category){background-color:var(--eui-c-primary-bg);text-decoration:none}.eui-menu-item__link--disabled{opacity:var(--eui-o-50);pointer-events:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);font:var(--eui-f-m-bold)}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item--expanded{display:flex;flex-direction:column}.eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-3xl)}.eui-menu-item .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-xl);padding-bottom:var(--eui-s-2xs);padding-top:var(--eui-s-2xs);border-top:0}.eui-menu-item--bold>.eui-menu-item__content>.eui-menu-item__link{font:var(--eui-f-m-bold)}\n"] }]
+            args: [{ selector: 'eui-menu-item', encapsulation: ViewEncapsulation.None, template: "@if (item.visible && item.filtered) {\n    @if (isLabelItem) {\n        <li\n            role=\"none\"\n            id=\"{{item.id}}\"\n            class=\"eui-menu-item__content\"\n            [attr.data-e2e]=\"item.e2eAttr\"\n            [class.eui-menu-item--disabled]=\"item.disabled\"\n            [attr.aria-disabled]=\"item.disabled\"\n            [euiTooltip]=\"menuItemTooltip\"\n            tabindex=\"-1\"\n            position=\"after\">\n\n            <a\n                (click)=\"onClick($event)\"\n                tabindex=\"-1\"\n                class=\"eui-menu-item__link eui-menu-item__link-category\"\n                [class.eui-menu-item__link--disabled]=\"item.disabled\"\n                [class.eui-menu-item__link--active]=\"item.active\"\n                [class.eui-menu-item__link--has-sub]=\"item.children?.length > 0\"\n                href=\"javascript:void(0)\"\n                [euiTooltip]=\"menuItemTooltip\"\n                position=\"after\">\n\n                <div class=\"eui-menu-item__link-start-block\">\n                    <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n                </div>\n\n                <div class=\"eui-menu-item__link-content-block\">\n                    <div class=\"eui-menu-item__link-label-container\">\n                        <span class=\"eui-menu-item__link-label-category\">{{ item.label }}</span>\n                    </div>\n                </div>\n\n                <div class=\"eui-menu-item__link-end-block\">\n                    <ng-template *ngTemplateOutlet=\"itemEndContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n                </div>\n            </a>\n        </li>\n    }\n\n    @if (isUrlItem) {\n        <li\n            role=\"none\"\n            id=\"{{item.id}}\"\n            [attr.data-e2e]=\"item.e2eAttr\"\n            class=\"eui-menu-item__content\"\n            [class.eui-menu-item--disabled]=\"item.disabled\"\n            [class.eui-menu-item--expanded]=\"item.expanded || item.filtered\"\n            [attr.aria-disabled]=\"item.disabled\">\n            <a\n                (click)=\"onClick($event)\"\n                class=\"eui-menu-item__link\"\n                [class.eui-menu-item__link--disabled]=\"item.disabled\"\n                [class.eui-menu-item__link--active]=\"item.active\"\n                [class.eui-menu-item__link--has-sub]=\"item.children?.length > 0\"\n                [routerLink]=\"item.url ? item.url : null\"\n                [routerLinkActive]=\"item.url ? 'eui-menu-item__link--active' : ''\"\n                [euiTooltip]=\"menuItemTooltip\"\n                position=\"after\"\n                tabindex=\"-1\">\n                <ng-template *ngTemplateOutlet=\"linkContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n            </a>\n\n            <ng-template *ngTemplateOutlet=\"content\"></ng-template>\n        </li>\n    }\n\n    @if (isLinkItem) {\n        <li\n            role=\"none\"\n            id=\"{{item.id}}\"\n            [attr.data-e2e]=\"item.e2eAttr\"\n            class=\"eui-menu-item__content\"\n            [class.eui-menu-item--disabled]=\"item.disabled\"\n            [class.eui-menu-item--expanded]=\"item.expanded || item.filtered\"\n            [attr.aria-disabled]=\"item.disabled\">\n            <a\n                (click)=\"onClick($event)\"\n                tabindex=\"-1\"\n                class=\"eui-menu-item__link\"\n                [class.eui-menu-item__link--disabled]=\"item.disabled\"\n                [class.eui-menu-item__link--active]=\"item.active\"\n                [class.eui-menu-item__link--has-sub]=\"item.children?.length > 0\"\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}\n\n<ng-template #linkContent>\n    <div class=\"eui-menu-item__link-start-block\">\n        <ng-template *ngTemplateOutlet=\"itemIconContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </div>\n\n    <div class=\"eui-menu-item__link-content-block\">\n        <div class=\"eui-menu-item__link-label-container\">\n            <span class=\"eui-menu-item__link-label\">{{ item.label }}</span>\n            <eui-icon-svg\n                *ngIf=\"item.urlExternal && item.urlExternalTarget === '_blank'\"\n                class=\"eui-menu-item__label-external\"\n                icon=\"eui-ecl-external\"\n                size=\"2xs\"\n                aria-label=\"external link icon\"\n                euiEnd>\n            </eui-icon-svg>\n        </div>\n    </div>\n\n    <div class=\"eui-menu-item__link-end-block\">\n        <ng-template *ngTemplateOutlet=\"itemEndContent\" [ngTemplateOutletContext]=\"{ $implicit: item }\"></ng-template>\n    </div>\n</ng-template>\n\n<!-- PROJECTED CONTENT BLOCK -->\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n\n<!-- PROJECTED START BLOCK -->\n<ng-template #itemIconContent>\n    @if (!isCollapsed) {\n\n        @if (hasIcon) {\n\n            @if (item.iconSvgName) {\n                <!-- SVG -->\n                <eui-icon-svg\n                    class=\"eui-menu-item__link-icon\"\n                    icon=\"{{ item.iconSvgName }}\"\n                    fillColor=\"{{ item.iconTypeClass }}\"\n                    size=\"s\">\n                </eui-icon-svg>\n\n            } @else if (item.hasMarker) {\n                <!-- MARKER -->\n                <eui-icon-svg\n                    class=\"eui-menu-item__link-marker\"\n                    fillColor=\"{{ item?.markerTypeClass }}\"\n                    icon=\"ellipse:sharp\"\n                    size=\"2xs\"\n                    [aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n                </eui-icon-svg>\n            }\n            @else if (!isLabelItem) {\n                <!-- DEFAULT for non category items -->\n                <eui-icon-svg\n                    class=\"eui-menu-item__link-icon\"\n                    icon=\"ellipse:sharp\"\n                    fillColor=\"neutral-light\"\n                    size=\"2xs\">\n                </eui-icon-svg>\n            }\n        } @else if (item.hasMarker) {\n            <eui-icon-svg\n                class=\"eui-menu-item__link-marker\"\n                fillColor=\"{{ item?.markerTypeClass }}\"\n                icon=\"ellipse:sharp\"\n                size=\"2xs\"\n                [aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n            </eui-icon-svg>\n        }\n\n    } @else {\n        @if (hasCollapsedInitials) {\n            <span class=\"eui-menu-item__link-initials eui-u-c-bg-{{item.iconTypeClass}}\">\n                {{ item.initials }}\n            </span>\n        } @else {\n            @if (hasIcon) {\n                @if (item.iconSvgName) {\n                    <!-- SVG -->\n                    <eui-icon-svg\n                        class=\"eui-menu-item__link-icon\"\n                        icon=\"{{ item.iconSvgName }}\"\n                        fillColor=\"{{ item.iconTypeClass }}\"\n                        size=\"s\">\n                    </eui-icon-svg>\n\n                } @else if (item.hasMarker) {\n                    <!-- MARKER -->\n                    <eui-icon-svg\n                        class=\"eui-menu-item__link-marker\"\n                        fillColor=\"{{ item?.markerTypeClass }}\"\n                        icon=\"ellipse:sharp\"\n                        size=\"2xs\"\n                        [aria-label]=\"item.markerTypeClass + ' ' + 'marker'\">\n                    </eui-icon-svg>\n                } @else {\n                    <!-- DEFAULT -->\n                    <eui-icon-svg\n                        class=\"eui-menu-item__link-icon\"\n                        icon=\"ellipse:sharp\"\n                        fillColor=\"neutral-light\"\n                        size=\"2xs\"\n                        [aria-label]=\"item.iconLabel\">\n                    </eui-icon-svg>\n                }\n            } @else {\n                <eui-icon-svg\n                    class=\"eui-menu-item__link-icon eui-u-ml-2xs\"\n                    icon=\"square:sharp\"\n                    fillColor=\"neutral-light\"\n                    size=\"2xs\">\n                </eui-icon-svg>\n            }\n        }\n    }\n</ng-template>\n\n<!-- PROJECTED END BLOCK -->\n<ng-template #itemEndContent>\n    @if (item.tagLabel) {\n        @if (isCollapsed) {\n            <eui-badge [euiVariant]=\"item.tagTypeClass\" class=\"eui-menu-item__link-dotted-badge\"></eui-badge>\n        } @else {\n            <eui-badge [euiVariant]=\"item.tagTypeClass\">\n                {{ item.tagLabel }}\n            </eui-badge>\n        }\n    }\n\n    <button\n        *ngIf=\"item.actionIcon\"\n        euiButton\n        euiRounded\n        euiIconButton\n        euiSizeS\n        euiBasicButton\n        type=\"button\"\n        tabindex=\"-1\"\n        (keydown)=\"onActionIconKeyDown($event)\"\n        (focusout)=\"onActionIconFocusOut()\"\n        (focus)=\"focusActionIcon()\"\n        class=\"eui-menu-item__link-action-icon\"\n        [euiDisabled]=\"item.disabled\"\n        [attr.aria-label]=\"item.actionIcon?.label\"\n        (click)=\"onActionIconClick($event)\">\n        <eui-icon-svg [icon]=\"item.actionIcon?.icon\" [fillColor]=\"item.actionIcon?.color\"></eui-icon-svg>\n    </button>\n\n    <eui-icon-button *ngIf=\"item.children?.length > 0\"\n        class=\"eui-menu-item__link-toggle\"\n        [icon]=\"item.expanded ? 'chevron-up:sharp': 'chevron-down:sharp'\"\n        (buttonClick)=\"onExpandToggle($event)\"\n        [ariaLabel]=\"item.expanded ? collapseMenuLabel : expandMenuLabel\"\n        euiRounded\n        size=\"s\"\n        [tabindex]=\"-1\"\n        [euiDisabled]=\"item.disabled\"/>\n</ng-template>\n", styles: [".eui-menu{display:flex;flex-direction:column;gap:0;list-style:none;margin-block-start:0;margin-block-end:0;margin:0;padding:0;width:100%}.eui-menu:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-menu:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu [tabindex=\"0\"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item__link-start-block{gap:0}.eui-menu--collapsed .eui-menu-item__link-content-block,.eui-menu--collapsed .eui-menu-item__link-end-block{visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-dotted-badge{position:absolute;top:var(--eui-s-2xs);right:var(--eui-s-2xs);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-end-block .eui-menu-item__link-toggle{display:inherit;position:absolute;right:calc(-1 * var(--eui-s-xs));transform:scale(.75);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-initials{display:flex;background-color:var(--eui-c-neutral-bg-light);border:var(--eui-bw-xs) solid var(--eui-c-neutral-lightest);border-radius:var(--eui-s-xs);font:var(--eui-f-s-bold);justify-content:center;margin-left:calc(-1 * var(--eui-s-2xs));min-width:var(--eui-s-2xl)}.eui-menu--collapsed .eui-menu-item--expanded:first-child{border-bottom:none;padding-bottom:0}.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-m)}.eui-menu--collapsed .eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-s)}.eui-menu--no-items{color:var(--eui-c-neutral-lighter);text-align:center}.eui-menu-filter{display:flex;padding:var(--eui-s-m);position:relative;width:100%}.eui-menu-item{display:flex;position:relative;width:100%;border:var(--eui-bw-xs) solid transparent}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-menu-item .eui-menu-item__content{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link{align-items:center;color:var(--eui-c-text);cursor:pointer;display:flex;font:var(--eui-f-m);gap:var(--eui-s-xs);padding:var(--eui-s-xs) var(--eui-s-2xs) calc(var(--eui-s-xs) - 2px) var(--eui-s-m);border-top:1px solid var(--eui-c-neutral-bg);text-decoration:none;width:100%}.eui-menu-item__link-start-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link-start-block:empty{display:none}.eui-menu-item__link-content-block{display:flex;flex-direction:column;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container{align-items:center;display:flex;position:relative;width:100%}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label{color:var(--eui-c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-content-block .eui-menu-item__link-label-container .eui-menu-item__link-label-category{cursor:default;color:var(--eui-c-info-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-end-block{align-items:center;display:flex;gap:var(--eui-s-xs)}.eui-menu-item__link:hover:not(.eui-menu-item--disabled):not(.eui-menu-item__link-category){background-color:var(--eui-c-primary-bg);text-decoration:none}.eui-menu-item__link--disabled{opacity:var(--eui-o-50);pointer-events:none}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-c-primary-bg);font:var(--eui-f-m-bold)}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-c-primary)}.eui-menu-item--expanded{display:flex;flex-direction:column}.eui-menu-item--expanded .eui-menu-item--expanded .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-3xl)}.eui-menu-item .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-s-xl);padding-bottom:var(--eui-s-2xs);padding-top:var(--eui-s-2xs);border-top:0}.eui-menu-item--bold>.eui-menu-item__content>.eui-menu-item__link{font:var(--eui-f-m-bold)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { role: [{
                 type: HostBinding,
                 args: ['attr.role']