@eui/components 18.0.0-next.30 → 18.0.0-next.31

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 (129) hide show
  1. package/docs/components/EuiFieldsetComponent.html +1 -1
  2. package/docs/components/EuiMenuItemComponent.html +1 -24
  3. package/docs/dependencies.html +1 -1
  4. package/docs/js/search/search_index.js +2 -2
  5. package/esm2022/directives/eui-tooltip/container/eui-tooltip-container.component.mjs +3 -3
  6. package/esm2022/eui-alert/eui-alert.component.mjs +2 -2
  7. package/esm2022/eui-autocomplete/eui-autocomplete.component.mjs +3 -3
  8. package/esm2022/eui-avatar/eui-avatar.component.mjs +2 -2
  9. package/esm2022/eui-badge/eui-badge.component.mjs +2 -2
  10. package/esm2022/eui-block-document/eui-block-document.component.mjs +2 -2
  11. package/esm2022/eui-button/eui-button.component.mjs +2 -2
  12. package/esm2022/eui-card/eui-card.component.mjs +2 -2
  13. package/esm2022/eui-chip/eui-chip.component.mjs +2 -2
  14. package/esm2022/eui-date-range-selector/eui-date-range-selector.component.mjs +2 -2
  15. package/esm2022/eui-datepicker/eui-datepicker.component.mjs +2 -2
  16. package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +2 -2
  17. package/esm2022/eui-dialog/eui-dialog.component.mjs +2 -2
  18. package/esm2022/eui-discussion-thread/eui-discussion-thread.component.mjs +2 -2
  19. package/esm2022/eui-dropdown/dropdown-item/eui-dropdown-item.component.mjs +2 -2
  20. package/esm2022/eui-dropdown/eui-dropdown.component.mjs +3 -3
  21. package/esm2022/eui-ecl-date-block/eui-ecl-date-block.component.mjs +2 -2
  22. package/esm2022/eui-ecl-label/eui-ecl-label.component.mjs +2 -2
  23. package/esm2022/eui-feedback-message/eui-feedback-message.component.mjs +2 -2
  24. package/esm2022/eui-fieldset/eui-fieldset.component.mjs +4 -3
  25. package/esm2022/eui-file-upload/eui-file-upload.component.mjs +2 -2
  26. package/esm2022/eui-growl/eui-growl.component.mjs +2 -2
  27. package/esm2022/eui-icon-toggle/eui-icon-toggle.component.mjs +2 -2
  28. package/esm2022/eui-input-checkbox/eui-input-checkbox.component.mjs +2 -2
  29. package/esm2022/eui-input-radio/eui-input-radio.component.mjs +2 -2
  30. package/esm2022/eui-label/eui-label.component.mjs +2 -2
  31. package/esm2022/eui-menu/eui-menu-item.component.mjs +3 -5
  32. package/esm2022/eui-menu/eui-menu.component.mjs +2 -2
  33. package/esm2022/eui-overlay/eui-overlay.component.mjs +2 -2
  34. package/esm2022/eui-page/eui-page.component.mjs +2 -2
  35. package/esm2022/eui-progress-bar/eui-progress-bar.component.mjs +2 -2
  36. package/esm2022/eui-progress-circle/eui-progress-circle.component.mjs +2 -2
  37. package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +3 -3
  38. package/esm2022/eui-table/eui-table.component.mjs +2 -2
  39. package/esm2022/eui-tabs/eui-tab/eui-tab.component.mjs +2 -2
  40. package/esm2022/eui-tabs/eui-tabs.component.mjs +2 -2
  41. package/esm2022/eui-textarea/eui-textarea.component.mjs +2 -2
  42. package/esm2022/eui-timebar/eui-timebar.component.mjs +2 -2
  43. package/esm2022/eui-timeline/eui-timeline-item.component.mjs +2 -2
  44. package/esm2022/eui-timeline/eui-timeline.component.mjs +2 -2
  45. package/esm2022/eui-wizard/eui-wizard-step.component.mjs +2 -2
  46. package/esm2022/eui-wizard/eui-wizard.component.mjs +2 -2
  47. package/esm2022/externals/eui-editor/eui-editor.component.mjs +2 -2
  48. package/esm2022/layout/eui-header/header.component.mjs +2 -2
  49. package/esm2022/layout/eui-toolbar/toolbar.component.mjs +2 -2
  50. package/eui-fieldset/eui-fieldset.component.d.ts.map +1 -1
  51. package/eui-menu/eui-menu-item.component.d.ts +0 -1
  52. package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
  53. package/fesm2022/eui-components-directives.mjs +2 -2
  54. package/fesm2022/eui-components-directives.mjs.map +1 -1
  55. package/fesm2022/eui-components-eui-alert.mjs +2 -2
  56. package/fesm2022/eui-components-eui-alert.mjs.map +1 -1
  57. package/fesm2022/eui-components-eui-autocomplete.mjs +2 -2
  58. package/fesm2022/eui-components-eui-autocomplete.mjs.map +1 -1
  59. package/fesm2022/eui-components-eui-avatar.mjs +2 -2
  60. package/fesm2022/eui-components-eui-avatar.mjs.map +1 -1
  61. package/fesm2022/eui-components-eui-badge.mjs +2 -2
  62. package/fesm2022/eui-components-eui-badge.mjs.map +1 -1
  63. package/fesm2022/eui-components-eui-block-document.mjs +2 -2
  64. package/fesm2022/eui-components-eui-block-document.mjs.map +1 -1
  65. package/fesm2022/eui-components-eui-button.mjs +2 -2
  66. package/fesm2022/eui-components-eui-button.mjs.map +1 -1
  67. package/fesm2022/eui-components-eui-card.mjs +2 -2
  68. package/fesm2022/eui-components-eui-card.mjs.map +1 -1
  69. package/fesm2022/eui-components-eui-chip.mjs +2 -2
  70. package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
  71. package/fesm2022/eui-components-eui-date-range-selector.mjs +2 -2
  72. package/fesm2022/eui-components-eui-date-range-selector.mjs.map +1 -1
  73. package/fesm2022/eui-components-eui-datepicker.mjs +2 -2
  74. package/fesm2022/eui-components-eui-datepicker.mjs.map +1 -1
  75. package/fesm2022/eui-components-eui-dialog.mjs +4 -4
  76. package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
  77. package/fesm2022/eui-components-eui-discussion-thread.mjs +2 -2
  78. package/fesm2022/eui-components-eui-discussion-thread.mjs.map +1 -1
  79. package/fesm2022/eui-components-eui-dropdown.mjs +4 -4
  80. package/fesm2022/eui-components-eui-dropdown.mjs.map +1 -1
  81. package/fesm2022/eui-components-eui-ecl-date-block.mjs +2 -2
  82. package/fesm2022/eui-components-eui-ecl-date-block.mjs.map +1 -1
  83. package/fesm2022/eui-components-eui-ecl-label.mjs +2 -2
  84. package/fesm2022/eui-components-eui-ecl-label.mjs.map +1 -1
  85. package/fesm2022/eui-components-eui-feedback-message.mjs +2 -2
  86. package/fesm2022/eui-components-eui-feedback-message.mjs.map +1 -1
  87. package/fesm2022/eui-components-eui-fieldset.mjs +4 -3
  88. package/fesm2022/eui-components-eui-fieldset.mjs.map +2 -2
  89. package/fesm2022/eui-components-eui-file-upload.mjs +2 -2
  90. package/fesm2022/eui-components-eui-file-upload.mjs.map +1 -1
  91. package/fesm2022/eui-components-eui-growl.mjs +2 -2
  92. package/fesm2022/eui-components-eui-growl.mjs.map +1 -1
  93. package/fesm2022/eui-components-eui-icon-toggle.mjs +2 -2
  94. package/fesm2022/eui-components-eui-icon-toggle.mjs.map +1 -1
  95. package/fesm2022/eui-components-eui-input-checkbox.mjs +2 -2
  96. package/fesm2022/eui-components-eui-input-checkbox.mjs.map +1 -1
  97. package/fesm2022/eui-components-eui-input-radio.mjs +2 -2
  98. package/fesm2022/eui-components-eui-input-radio.mjs.map +1 -1
  99. package/fesm2022/eui-components-eui-label.mjs +2 -2
  100. package/fesm2022/eui-components-eui-label.mjs.map +1 -1
  101. package/fesm2022/eui-components-eui-menu.mjs +8 -8
  102. package/fesm2022/eui-components-eui-menu.mjs.map +2 -2
  103. package/fesm2022/eui-components-eui-overlay.mjs +2 -2
  104. package/fesm2022/eui-components-eui-overlay.mjs.map +1 -1
  105. package/fesm2022/eui-components-eui-page.mjs +2 -2
  106. package/fesm2022/eui-components-eui-page.mjs.map +1 -1
  107. package/fesm2022/eui-components-eui-progress-bar.mjs +2 -2
  108. package/fesm2022/eui-components-eui-progress-bar.mjs.map +1 -1
  109. package/fesm2022/eui-components-eui-progress-circle.mjs +2 -2
  110. package/fesm2022/eui-components-eui-progress-circle.mjs.map +1 -1
  111. package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
  112. package/fesm2022/eui-components-eui-slide-toggle.mjs.map +1 -1
  113. package/fesm2022/eui-components-eui-table.mjs +2 -2
  114. package/fesm2022/eui-components-eui-table.mjs.map +1 -1
  115. package/fesm2022/eui-components-eui-tabs.mjs +4 -4
  116. package/fesm2022/eui-components-eui-tabs.mjs.map +1 -1
  117. package/fesm2022/eui-components-eui-textarea.mjs +2 -2
  118. package/fesm2022/eui-components-eui-textarea.mjs.map +1 -1
  119. package/fesm2022/eui-components-eui-timebar.mjs +2 -2
  120. package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
  121. package/fesm2022/eui-components-eui-timeline.mjs +4 -4
  122. package/fesm2022/eui-components-eui-timeline.mjs.map +1 -1
  123. package/fesm2022/eui-components-eui-wizard.mjs +4 -4
  124. package/fesm2022/eui-components-eui-wizard.mjs.map +1 -1
  125. package/fesm2022/eui-components-externals-eui-editor.mjs +2 -2
  126. package/fesm2022/eui-components-externals-eui-editor.mjs.map +1 -1
  127. package/fesm2022/eui-components-layout.mjs +4 -4
  128. package/fesm2022/eui-components-layout.mjs.map +1 -1
  129. package/package.json +9 -9
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../eui-input-radio/eui-input-radio.component.ts", "../../eui-input-radio/eui-input-radio.module.ts"],
4
4
  "sourcesContent": ["import {\n DoCheck,\n ElementRef,\n HostBinding,\n Input,\n OnChanges,\n Optional,\n Renderer2,\n Self,\n SimpleChanges,\n OnInit,\n ChangeDetectorRef,\n Component,\n ViewEncapsulation,\n HostListener,\n Injector,\n ViewContainerRef,\n} from '@angular/core';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\nimport { InputDirective } from '@eui/components/shared';\nimport { coerceBooleanProperty, BooleanInput } from '@angular/cdk/coercion';\nimport { ChangeEvent } from 'cleave.js/react/props';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'input[euiInputRadio]',\n styleUrls: ['./styles/_index.scss'],\n template: '',\n encapsulation: ViewEncapsulation.None,\n})\nexport class EuiInputRadioComponent extends InputDirective implements OnInit, DoCheck, OnChanges, ControlValueAccessor {\n @Input()\n public get isInvalid(): boolean {\n return this._isInvalid || null;\n }\n public set isInvalid(state: BooleanInput) {\n this.setInvalid(state);\n }\n protected _isInvalid: boolean;\n\n @HostBinding('class')\n // TODO v18 - check why this is applied\n // @Input()\n // public set class(cssClass: string) {\n // super.styleClass = cssClass;\n // }\n public get class(): string {\n return [super.getCssClasses('eui-input-radio'), this._isInvalid ? 'eui-input-radio--invalid' : ''].join(' ').trim();\n }\n @HostBinding('attr.type') protected type = 'radio';\n\n @HostBinding('attr.checked')\n @Input('checked')\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n public get defaultChecked(): any {\n return this._defaultChecked ? '' : null;\n }\n public set defaultChecked(value: BooleanInput) {\n this._defaultChecked = coerceBooleanProperty(value);\n }\n protected _defaultChecked: boolean;\n\n public get selected(): boolean {\n return this._elementRef?.nativeElement.checked;\n }\n\n @Input()\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n get value(): any {\n return this._value;\n }\n set value(value) {\n this._value = value;\n if (typeof value === 'number' || typeof value === 'boolean' || !!value) {\n this._elementRef.nativeElement.value = this._value;\n }\n }\n private _value;\n\n constructor(\n @Optional() @Self() protected ngControl: NgControl,\n private viewContainerRef: ViewContainerRef,\n protected _elementRef: ElementRef<HTMLInputElement>,\n protected _renderer: Renderer2,\n private _cd: ChangeDetectorRef,\n injector: Injector,\n ) {\n super(_elementRef, _renderer, injector);\n\n // Firefox fix: set type to radio before first ngDoCheck runs\n this._elementRef.nativeElement.type = 'radio';\n\n // if there's no id attribute set one\n if (!this._id) {\n this.setIdAttribute();\n }\n\n // register control valueAccessor\n if (this.ngControl) {\n this.ngControl.valueAccessor = this;\n }\n }\n\n ngOnInit(): void {\n super.ngOnInit();\n\n // in case control value is null set the default one (isChecked) and sync Control State\n // if (this.ngControl?.control?.value === null) {\n // this.ngControl.control.setValue('', { emitModelToViewChange: false });\n // changing Model Expression after view checked, so detect changes\n // TODO: check why although it's checked .checked returns false\n // this.ngControl.viewToModelUpdate(this._checked);\n // this._cd.detectChanges();\n // }\n\n if (this.ngControl) {\n this.ngControl.statusChanges.subscribe((status) => {\n this.isInvalid = status === 'INVALID';\n this.euiDanger = this.isInvalid;\n });\n }\n }\n\n ngDoCheck(): void {\n if (this.ngControl) {\n this.isInvalid = this.ngControl.invalid && this.ngControl.touched;\n }\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n // when readonly changes hide other radio (input+label)\n if (changes['readonly']) {\n const readonly = coerceBooleanProperty(changes['readonly']?.currentValue);\n if (readonly) {\n this._renderer.setAttribute(this._elementRef.nativeElement, 'readonly', null);\n } else {\n this._renderer.removeAttribute(this._elementRef.nativeElement, 'readonly');\n }\n }\n\n if (changes['isInvalid']) {\n if (changes['isInvalid'].currentValue) {\n this._renderer.addClass(this._elementRef.nativeElement, 'eui-input-radio--invalid');\n } else {\n this._renderer.removeClass(this._elementRef.nativeElement, 'eui-input-radio--invalid');\n }\n }\n }\n\n writeValue(obj: string): void {\n // set checked state based if radio value matches the control's one\n this._elementRef.nativeElement.checked = this._value === obj;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n registerOnTouched(fn: any): void {\n this.onTouched = fn;\n }\n\n setDisabledState?(isDisabled: boolean): void {\n this.disabled = isDisabled;\n }\n\n @HostListener('change', ['$event'])\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n protected onCheckedChanged(event: ChangeEvent<any>): void {\n this._defaultChecked = event.target.checked;\n this.onChange(event.target.value === 'on' ? null : event.target.value);\n }\n\n @HostListener('keydown.space', ['$event'])\n protected onSpacePressed(event: KeyboardEvent): void {\n if (this.readonly) {\n event.preventDefault();\n event.stopPropagation();\n }\n }\n\n protected setInvalid(state): void {\n // in case it's controlled by NgControl override\n this._isInvalid = this.control ? this.control.invalid && this.control.touched : coerceBooleanProperty(state);\n\n // set BaseDirective Attribute\n super.euiDanger = this._isInvalid;\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n protected onChange = (_): void => {\n /* Nothing to be Done so far */\n };\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n protected onTouched = (_): void => {\n /* Nothing to be Done so far */\n };\n}\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EuiInputRadioComponent } from './eui-input-radio.component';\n\n@NgModule({\n imports: [CommonModule],\n declarations: [EuiInputRadioComponent],\n exports: [EuiInputRadioComponent],\n})\nexport class EuiInputRadioModule {}\n"],
5
- "mappings": "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",
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
@@ -22,7 +22,7 @@ var EuiLabelComponent = class _EuiLabelComponent {
22
22
  this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: _EuiLabelComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
23
23
  }
24
24
  static {
25
- this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,\n label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: { euiRequired: ["euiRequired", "euiRequired", booleanAttribute], euiReadonly: ["euiReadonly", "euiReadonly", booleanAttribute], euiSublabel: ["euiSublabel", "euiSublabel", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: ['.eui-label{display:inline-block;font-family:var(--eui-base-font-family)}.eui-label__sublabel{color:var(--eui-base-color-grey-75);display:block;font-family:var(--eui-base-font-family);margin-bottom:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs)}.eui-label--size-s{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-label--size-m{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-label--size-l{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-label--primary{color:var(--eui-base-color-primary-100)}.eui-label--secondary{color:var(--eui-base-color-grey-75)}.eui-label--info{color:var(--eui-base-color-info-100)}.eui-label--success{color:var(--eui-base-color-success-100)}.eui-label--warning{color:var(--eui-base-color-warning-100)}.eui-label--danger{color:var(--eui-base-color-danger-100)}.eui-label--required:after{color:var(--eui-base-color-danger-100);content:"*";line-height:1;padding-left:var(--eui-base-spacing-2xs);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-label--disabled{color:var(--eui-base-color-grey-50)}.eui-label--readonly{color:var(--eui-base-color-grey-75)}.eui-label--selected{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
25
+ this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,\n label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: { euiRequired: ["euiRequired", "euiRequired", booleanAttribute], euiReadonly: ["euiReadonly", "euiReadonly", booleanAttribute], euiSublabel: ["euiSublabel", "euiSublabel", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiSizeS", "euiSizeS", "euiSizeM", "euiSizeM", "euiSizeL", "euiSizeL", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: "<ng-content></ng-content>", isInline: true, styles: ['.eui-label{display:inline-block;font-family:var(--eui-base-font-family)}.eui-label__sublabel{color:var(--eui-base-color-grey-75);display:block;font-family:var(--eui-base-font-family);margin-bottom:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs)}.eui-label--size-s{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-label--size-m{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-label--size-l{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-label--primary{color:var(--eui-ctx-c-p)}.eui-label--secondary{color:var(--eui-ctx-c-s)}.eui-label--info{color:var(--eui-ctx-c-in)}.eui-label--success{color:var(--eui-ctx-c-su)}.eui-label--warning{color:var(--eui-ctx-c-wa)}.eui-label--danger{color:var(--eui-ctx-c-da)}.eui-label--required:after{color:var(--eui-ctx-c-da);content:"*";line-height:1;padding-left:var(--eui-base-spacing-2xs);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-label--disabled{color:var(--eui-ctx-c-disabled)}.eui-label--readonly{color:var(--eui-ctx-c-s-sub)}.eui-label--selected{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}\n'], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
26
26
  }
27
27
  };
28
28
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiLabelComponent, decorators: [{
@@ -44,7 +44,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
44
44
  "euiDisabled"
45
45
  ]
46
46
  }
47
- ], styles: ['.eui-label{display:inline-block;font-family:var(--eui-base-font-family)}.eui-label__sublabel{color:var(--eui-base-color-grey-75);display:block;font-family:var(--eui-base-font-family);margin-bottom:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs)}.eui-label--size-s{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-label--size-m{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-label--size-l{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-label--primary{color:var(--eui-base-color-primary-100)}.eui-label--secondary{color:var(--eui-base-color-grey-75)}.eui-label--info{color:var(--eui-base-color-info-100)}.eui-label--success{color:var(--eui-base-color-success-100)}.eui-label--warning{color:var(--eui-base-color-warning-100)}.eui-label--danger{color:var(--eui-base-color-danger-100)}.eui-label--required:after{color:var(--eui-base-color-danger-100);content:"*";line-height:1;padding-left:var(--eui-base-spacing-2xs);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-label--disabled{color:var(--eui-base-color-grey-50)}.eui-label--readonly{color:var(--eui-base-color-grey-75)}.eui-label--selected{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}\n'] }]
47
+ ], styles: ['.eui-label{display:inline-block;font-family:var(--eui-base-font-family)}.eui-label__sublabel{color:var(--eui-base-color-grey-75);display:block;font-family:var(--eui-base-font-family);margin-bottom:var(--eui-base-spacing-xs);margin-top:var(--eui-base-spacing-xs)}.eui-label--size-s{font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-label--size-m{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-label--size-l{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family)}.eui-label--primary{color:var(--eui-ctx-c-p)}.eui-label--secondary{color:var(--eui-ctx-c-s)}.eui-label--info{color:var(--eui-ctx-c-in)}.eui-label--success{color:var(--eui-ctx-c-su)}.eui-label--warning{color:var(--eui-ctx-c-wa)}.eui-label--danger{color:var(--eui-ctx-c-da)}.eui-label--required:after{color:var(--eui-ctx-c-da);content:"*";line-height:1;padding-left:var(--eui-base-spacing-2xs);font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-label--disabled{color:var(--eui-ctx-c-disabled)}.eui-label--readonly{color:var(--eui-ctx-c-s-sub)}.eui-label--selected{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}\n'] }]
48
48
  }], ctorParameters: () => [{ type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
49
49
  type: HostBinding,
50
50
  args: ["class"]
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../eui-label/eui-label.component.ts", "../../eui-label/eui-label.module.ts"],
4
4
  "sourcesContent": ["import { Component, HostBinding, Input, ChangeDetectionStrategy, ViewEncapsulation, booleanAttribute } from '@angular/core';\nimport { BaseStatesDirective } from '@eui/components/shared';\n\n@Component({\n selector: `label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label,\n label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel`,\n template: '<ng-content></ng-content>',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiSizeS',\n 'euiSizeM',\n 'euiSizeL',\n 'euiDisabled',\n ],\n },\n ],\n})\nexport class EuiLabelComponent {\n @HostBinding('class')\n public get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-label'),\n this.euiRequired ? 'eui-label--required' : '',\n this.euiReadonly ? 'eui-label--readonly' : '',\n this.euiSublabel ? 'eui-label__sublabel' : '',\n ]\n .join(' ')\n .trim();\n }\n\n @Input({ transform: booleanAttribute }) euiRequired = false;\n @Input({ transform: booleanAttribute }) euiReadonly = false;\n @Input({ transform: booleanAttribute }) euiSublabel = false;\n\n constructor(public baseStatesDirective: BaseStatesDirective) {}\n}\n", "import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { EuiLabelComponent } from './eui-label.component';\n\n@NgModule({\n imports: [CommonModule],\n exports: [EuiLabelComponent],\n declarations: [EuiLabelComponent],\n})\nexport class EuiLabelModule {}\n"],
5
- "mappings": ";AAAA,SAAS,WAAW,aAAa,OAAO,yBAAyB,mBAAmB,wBAAwB;AAC5G,SAAS,2BAA2B;;;AA2B9B,IAAO,oBAAP,MAAO,mBAAiB;EAC1B,IACW,aAAU;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,WAAW;MAClD,KAAK,cAAc,wBAAwB;MAC3C,KAAK,cAAc,wBAAwB;MAC3C,KAAK,cAAc,wBAAwB;MAE1C,KAAK,GAAG,EACR,KAAI;EACb;EAMA,YAAmB,qBAAwC;AAAxC,SAAA,sBAAA;AAJqB,SAAA,cAAc;AACd,SAAA,cAAc;AACd,SAAA,cAAc;EAEQ;;4GAjBrD,oBAAiB,MAAA,CAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAjB,oBAAiB,UAAA,iLAAA,QAAA,EAAA,aAAA,CAAA,eAAA,eAaN,gBAAgB,GAAA,aAAA,CAAA,eAAA,eAChB,gBAAgB,GAAA,aAAA,CAAA,eAAA,eAChB,gBAAgB,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,kBAAA,EAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,gBAAA,gBAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,YAAA,YAAA,YAAA,YAAA,YAAA,YAAA,eAAA,aAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UArC1B,6BAA2B,UAAA,MAAA,QAAA,CAAA,+wCAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGAsB5B,mBAAiB,YAAA,CAAA;QAzB7B;qBACa;uGACuF,UACvF,6BAA2B,iBAEpB,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,gBACrB;IACZ;MACI,WAAW;MACX,QAAQ;QACJ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;;KAGX,QAAA,CAAA,+wCAAA,EAAA,CAAA;gFAIU,YAAU,CAAA;QADpB;SAAY,OAAO;IAYoB,aAAW,CAAA;QAAlD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,aAAW,CAAA;QAAlD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,aAAW,CAAA;QAAlD;SAAM,EAAE,WAAW,iBAAgB,CAAE;;;;AC3C1C,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;;AASvB,IAAO,iBAAP,MAAO,gBAAc;;8GAAd,iBAAc,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAAd,iBAAc,cAAA,CAFR,iBAAiB,GAAA,SAAA,CAFtB,YAAY,GAAA,SAAA,CACZ,iBAAiB,EAAA,CAAA;EAAA;;+GAGlB,iBAAc,SAAA,CAJb,YAAY,EAAA,CAAA;EAAA;;oGAIb,gBAAc,YAAA,CAAA;QAL1B;SAAS;IACN,SAAS,CAAC,YAAY;IACtB,SAAS,CAAC,iBAAiB;IAC3B,cAAc,CAAC,iBAAiB;GACnC;;",
5
+ "mappings": ";AAAA,SAAS,WAAW,aAAa,OAAO,yBAAyB,mBAAmB,wBAAwB;AAC5G,SAAS,2BAA2B;;;AA2B9B,IAAO,oBAAP,MAAO,mBAAiB;EAC1B,IACW,aAAU;AACjB,WAAO;MACH,KAAK,oBAAoB,cAAc,WAAW;MAClD,KAAK,cAAc,wBAAwB;MAC3C,KAAK,cAAc,wBAAwB;MAC3C,KAAK,cAAc,wBAAwB;MAE1C,KAAK,GAAG,EACR,KAAI;EACb;EAMA,YAAmB,qBAAwC;AAAxC,SAAA,sBAAA;AAJqB,SAAA,cAAc;AACd,SAAA,cAAc;AACd,SAAA,cAAc;EAEQ;;4GAjBrD,oBAAiB,MAAA,CAAA,EAAA,OAAA,uBAAA,CAAA,GAAA,QAAA,mBAAA,UAAA,CAAA;EAAA;;gGAAjB,oBAAiB,UAAA,iLAAA,QAAA,EAAA,aAAA,CAAA,eAAA,eAaN,gBAAgB,GAAA,aAAA,CAAA,eAAA,eAChB,gBAAgB,GAAA,aAAA,CAAA,eAAA,eAChB,gBAAgB,EAAA,GAAA,MAAA,EAAA,YAAA,EAAA,SAAA,kBAAA,EAAA,GAAA,gBAAA,CAAA,EAAA,WAAA,wBAAA,QAAA,CAAA,cAAA,cAAA,gBAAA,gBAAA,cAAA,cAAA,WAAA,WAAA,cAAA,cAAA,aAAA,aAAA,YAAA,YAAA,YAAA,YAAA,YAAA,YAAA,eAAA,aAAA,EAAA,CAAA,GAAA,UAAA,IAAA,UArC1B,6BAA2B,UAAA,MAAA,QAAA,CAAA,yqCAAA,GAAA,iBAAA,2BAAA,QAAA,eAAA,qBAAA,KAAA,CAAA;EAAA;;kGAsB5B,mBAAiB,YAAA,CAAA;QAzB7B;qBACa;uGACuF,UACvF,6BAA2B,iBAEpB,wBAAwB,QAAM,eAChC,kBAAkB,MAAI,gBACrB;IACZ;MACI,WAAW;MACX,QAAQ;QACJ;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;;KAGX,QAAA,CAAA,yqCAAA,EAAA,CAAA;gFAIU,YAAU,CAAA;QADpB;SAAY,OAAO;IAYoB,aAAW,CAAA;QAAlD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,aAAW,CAAA;QAAlD;SAAM,EAAE,WAAW,iBAAgB,CAAE;IACE,aAAW,CAAA;QAAlD;SAAM,EAAE,WAAW,iBAAgB,CAAE;;;;AC3C1C,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;;AASvB,IAAO,iBAAP,MAAO,gBAAc;;8GAAd,iBAAc,MAAA,CAAA,GAAA,QAAA,oBAAA,SAAA,CAAA;EAAA;;+GAAd,iBAAc,cAAA,CAFR,iBAAiB,GAAA,SAAA,CAFtB,YAAY,GAAA,SAAA,CACZ,iBAAiB,EAAA,CAAA;EAAA;;+GAGlB,iBAAc,SAAA,CAJb,YAAY,EAAA,CAAA;EAAA;;oGAIb,gBAAc,YAAA,CAAA;QAL1B;SAAS;IACN,SAAS,CAAC,YAAY;IACtB,SAAS,CAAC,iBAAiB;IAC3B,cAAc,CAAC,iBAAiB;GACnC;;",
6
6
  "names": []
7
7
  }
@@ -40,7 +40,6 @@ var EuiMenuItemComponent = class _EuiMenuItemComponent {
40
40
  this.isUrlItem = false;
41
41
  this.isLinkItem = false;
42
42
  this.isLabelItem = false;
43
- this.isCategoryItem = false;
44
43
  this.isActionIconFocused = false;
45
44
  this.hasIcon = false;
46
45
  this.hasTooltip = false;
@@ -53,7 +52,6 @@ var EuiMenuItemComponent = class _EuiMenuItemComponent {
53
52
  this.isLabelItem = !this.item.url && !this.item.urlExternal && !this.item.command && !this.item.children && !this.item.link;
54
53
  this.isLinkItem = !this.isUrlItem && !this.isLabelItem;
55
54
  this.ariaLabel = this.getAriaLabel();
56
- this.isCategoryItem = this.item.label && !this.item.url && !this.item.urlExternal && !this.item.hasMarker && !this.item.children && !this.item.command && !this.item.actionIcon;
57
55
  }
58
56
  stopPropagation(event) {
59
57
  this.itemClick.emit(this.item);
@@ -297,7 +295,7 @@ var EuiMenuItemComponent = class _EuiMenuItemComponent {
297
295
  </eui-icon-svg>
298
296
 
299
297
  <eui-icon-svg
300
- *ngIf="!item.iconSvgName"
298
+ *ngIf="!item.iconSvgName && !item.hasMarker"
301
299
  class="eui-menu-item__category-icon--default"
302
300
  icon="eui-ellipse"
303
301
  fillColor="grey-75"
@@ -305,6 +303,7 @@ var EuiMenuItemComponent = class _EuiMenuItemComponent {
305
303
  </eui-icon-svg>
306
304
  } @else {
307
305
  <eui-icon-svg
306
+ *ngIf="!item.hasMarker"
308
307
  class="eui-menu-item__link-icon--default"
309
308
  icon="eui-ellipse"
310
309
  size="xs"
@@ -314,7 +313,7 @@ var EuiMenuItemComponent = class _EuiMenuItemComponent {
314
313
  }
315
314
  }
316
315
  </ng-template>
317
- `, styles: ['.eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu:focus:not([readonly]),.eui-menu-wrapper:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu:focus-visible:not([readonly]),.eui-menu-wrapper:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu [tabindex="0"]:focus:not([readonly]),.eui-menu-wrapper [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-toggle{display:inherit;position:absolute;right:0;transform:scale(.65);visibility:visible}.eui-menu--flat a.eui-menu-item__link--active{background-color:var(--eui-base-color-info-130);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu--flat a.eui-menu-item__link--active .eui-menu-item__link-label{color:var(--eui-base-color-white)}.eui-menu--flat a.eui-menu-item__link--active:hover{background-color:var(--eui-base-color-info-100);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu--flat a.eui-menu-item__link--active:hover .eui-menu-item__link-label{color:var(--eui-base-color-white)}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-3xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%;border:1px solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-page-column__body .eui-menu-item__category{text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__category-label{position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-page-column__body .eui-menu-item__category-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__category .eui-menu-item__link-icon{margin-right:var(--eui-base-spacing-xs)}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;justify-content:center;padding:calc(.5 * var(--eui-base-spacing-xs)) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-info-130)}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-info-130)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-initials{display:flex;background-color:var(--eui-base-color-grey-5);padding:var(--eui-base-spacing-2xs);border-radius:var(--eui-base-spacing-s);min-width:2rem;text-align:center;justify-content:center;border:1px solid var(--eui-base-color-grey-15);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-50);margin-left:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item .eui-button.eui-menu-item__link-toggle [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item--lowercase .eui-menu-item__link,.eui-menu-item--lowercase .eui-menu-item__label,.eui-menu-item--lowercase .eui-menu-item__category,.eui-menu-item--lowercase .eui-menu-item__category-label{text-transform:initial!important}.eui-menu-item--lowercase .eui-menu-item__link-label{font-size:var(--eui-base-font-size)}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xl);text-decoration:none;text-transform:uppercase}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-info-110);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__category-label .eui-menu-item__label{display:block;border-bottom:1px solid var(--eui-base-color-grey-15);padding-bottom:var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category{padding-left:0}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:var(--eui-base-spacing-xl);text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-2xs);padding-right:0}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i5.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["ariaLabel", "e2eAttr", "euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: i6.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "directive", type: i7.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }], encapsulation: i0.ViewEncapsulation.None });
316
+ `, styles: ['.eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu:focus:not([readonly]),.eui-menu-wrapper:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu:focus-visible:not([readonly]),.eui-menu-wrapper:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu [tabindex="0"]:focus:not([readonly]),.eui-menu-wrapper [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-toggle{display:inherit;position:absolute;right:0;transform:scale(.65);visibility:visible}.eui-menu--flat a.eui-menu-item__link--active{background-color:var(--eui-base-color-info-130);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu--flat a.eui-menu-item__link--active .eui-menu-item__link-label{color:var(--eui-base-color-white)}.eui-menu--flat a.eui-menu-item__link--active:hover{background-color:var(--eui-ctx-c-in);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu--flat a.eui-menu-item__link--active:hover .eui-menu-item__link-label{color:var(--eui-base-color-white)}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-3xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%;border:1px solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-page-column__body .eui-menu-item__category{text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__category-label{position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-page-column__body .eui-menu-item__category-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__category .eui-menu-item__link-icon{margin-right:var(--eui-base-spacing-xs)}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;justify-content:center;padding:calc(.5 * var(--eui-base-spacing-xs)) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-ctx-c-p-bg);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-info-130)}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-ctx-c-p-bg);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-info-130)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-initials{display:flex;background-color:var(--eui-base-color-grey-5);border-radius:var(--eui-base-spacing-xs);min-width:var(--eui-base-spacing-2xl);text-align:center;justify-content:center;border:1px solid var(--eui-base-color-grey-15);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-50);margin-left:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item .eui-button.eui-menu-item__link-toggle [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item--lowercase .eui-menu-item__link,.eui-menu-item--lowercase .eui-menu-item__label,.eui-menu-item--lowercase .eui-menu-item__category,.eui-menu-item--lowercase .eui-menu-item__category-label{text-transform:initial!important}.eui-menu-item--lowercase .eui-menu-item__link-label{font-size:var(--eui-base-font-size)}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xl);text-decoration:none;text-transform:uppercase}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-info-110);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__category-label .eui-menu-item__label{display:block;border-bottom:1px solid var(--eui-base-color-grey-15);padding-bottom:var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category{padding-left:0}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:var(--eui-base-spacing-xl);text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-2xs);padding-right:0}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n'], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i5.EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: ["ariaLabel", "e2eAttr", "euiInternalId", "tooltipMessage", "id", "data", "isChipRemovable", "isSquared"], outputs: ["remove"] }, { kind: "component", type: i6.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "directive", type: i7.EuiTooltipDirective, selector: "[euiTooltip]", inputs: ["e2eAttr", "showDelay", "hideDelay", "contentAlignment", "position", "isDisabled", "euiTooltip", "euiTooltipPrimary", "euiTooltipSecondary", "euiTooltipInfo", "euiTooltipSuccess", "euiTooltipWarning", "euiTooltipDanger", "euiTooltipAccent"], exportAs: ["euiTooltip"] }], encapsulation: i0.ViewEncapsulation.None });
318
317
  }
319
318
  };
320
319
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiMenuItemComponent, decorators: [{
@@ -485,7 +484,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
485
484
  </eui-icon-svg>
486
485
 
487
486
  <eui-icon-svg
488
- *ngIf="!item.iconSvgName"
487
+ *ngIf="!item.iconSvgName && !item.hasMarker"
489
488
  class="eui-menu-item__category-icon--default"
490
489
  icon="eui-ellipse"
491
490
  fillColor="grey-75"
@@ -493,6 +492,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
493
492
  </eui-icon-svg>
494
493
  } @else {
495
494
  <eui-icon-svg
495
+ *ngIf="!item.hasMarker"
496
496
  class="eui-menu-item__link-icon--default"
497
497
  icon="eui-ellipse"
498
498
  size="xs"
@@ -502,7 +502,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
502
502
  }
503
503
  }
504
504
  </ng-template>
505
- `, styles: ['.eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu:focus:not([readonly]),.eui-menu-wrapper:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu:focus-visible:not([readonly]),.eui-menu-wrapper:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu [tabindex="0"]:focus:not([readonly]),.eui-menu-wrapper [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-toggle{display:inherit;position:absolute;right:0;transform:scale(.65);visibility:visible}.eui-menu--flat a.eui-menu-item__link--active{background-color:var(--eui-base-color-info-130);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu--flat a.eui-menu-item__link--active .eui-menu-item__link-label{color:var(--eui-base-color-white)}.eui-menu--flat a.eui-menu-item__link--active:hover{background-color:var(--eui-base-color-info-100);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu--flat a.eui-menu-item__link--active:hover .eui-menu-item__link-label{color:var(--eui-base-color-white)}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-3xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%;border:1px solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-page-column__body .eui-menu-item__category{text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__category-label{position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-page-column__body .eui-menu-item__category-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__category .eui-menu-item__link-icon{margin-right:var(--eui-base-spacing-xs)}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;justify-content:center;padding:calc(.5 * var(--eui-base-spacing-xs)) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-info-130)}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-info-130)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-initials{display:flex;background-color:var(--eui-base-color-grey-5);padding:var(--eui-base-spacing-2xs);border-radius:var(--eui-base-spacing-s);min-width:2rem;text-align:center;justify-content:center;border:1px solid var(--eui-base-color-grey-15);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-50);margin-left:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item .eui-button.eui-menu-item__link-toggle [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item--lowercase .eui-menu-item__link,.eui-menu-item--lowercase .eui-menu-item__label,.eui-menu-item--lowercase .eui-menu-item__category,.eui-menu-item--lowercase .eui-menu-item__category-label{text-transform:initial!important}.eui-menu-item--lowercase .eui-menu-item__link-label{font-size:var(--eui-base-font-size)}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xl);text-decoration:none;text-transform:uppercase}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-info-110);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__category-label .eui-menu-item__label{display:block;border-bottom:1px solid var(--eui-base-color-grey-15);padding-bottom:var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category{padding-left:0}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:var(--eui-base-spacing-xl);text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-2xs);padding-right:0}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n'] }]
505
+ `, styles: ['.eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu:focus:not([readonly]),.eui-menu-wrapper:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu:focus-visible:not([readonly]),.eui-menu-wrapper:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu [tabindex="0"]:focus:not([readonly]),.eui-menu-wrapper [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-toggle{display:inherit;position:absolute;right:0;transform:scale(.65);visibility:visible}.eui-menu--flat a.eui-menu-item__link--active{background-color:var(--eui-base-color-info-130);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu--flat a.eui-menu-item__link--active .eui-menu-item__link-label{color:var(--eui-base-color-white)}.eui-menu--flat a.eui-menu-item__link--active:hover{background-color:var(--eui-ctx-c-in);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu--flat a.eui-menu-item__link--active:hover .eui-menu-item__link-label{color:var(--eui-base-color-white)}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-3xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%;border:1px solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-page-column__body .eui-menu-item__category{text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__category-label{position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-page-column__body .eui-menu-item__category-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__category .eui-menu-item__link-icon{margin-right:var(--eui-base-spacing-xs)}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;justify-content:center;padding:calc(.5 * var(--eui-base-spacing-xs)) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-ctx-c-p-bg);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-info-130)}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-ctx-c-p-bg);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-info-130)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-initials{display:flex;background-color:var(--eui-base-color-grey-5);border-radius:var(--eui-base-spacing-xs);min-width:var(--eui-base-spacing-2xl);text-align:center;justify-content:center;border:1px solid var(--eui-base-color-grey-15);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-50);margin-left:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item .eui-button.eui-menu-item__link-toggle [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item--lowercase .eui-menu-item__link,.eui-menu-item--lowercase .eui-menu-item__label,.eui-menu-item--lowercase .eui-menu-item__category,.eui-menu-item--lowercase .eui-menu-item__category-label{text-transform:initial!important}.eui-menu-item--lowercase .eui-menu-item__link-label{font-size:var(--eui-base-font-size)}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xl);text-decoration:none;text-transform:uppercase}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-info-110);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__category-label .eui-menu-item__label{display:block;border-bottom:1px solid var(--eui-base-color-grey-15);padding-bottom:var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category{padding-left:0}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:var(--eui-base-spacing-xl);text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-2xs);padding-right:0}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n'] }]
506
506
  }], ctorParameters: () => [{ type: i1.BaseStatesDirective }, { type: i0.ElementRef }], propDecorators: { role: [{
507
507
  type: HostBinding,
508
508
  args: ["attr.role"]
@@ -953,7 +953,7 @@ var EuiMenuComponent = class _EuiMenuComponent {
953
953
  this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i02, type: _EuiMenuComponent, deps: [{ token: i12.Router }, { token: i12.ActivatedRoute }, { token: i22.BaseStatesDirective }, { token: i02.ChangeDetectorRef }], target: i02.ɵɵFactoryTarget.Component });
954
954
  }
955
955
  static {
956
- this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiMenuComponent, selector: "eui-menu", inputs: { items: "items", searchFilterLabel: "searchFilterLabel", externalLinkLabel: "externalLinkLabel", fragmentId: "fragmentId", filterValue: "filterValue", isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute2], hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute2], hasFilter: ["hasFilter", "hasFilter", booleanAttribute2], hasIcons: ["hasIcons", "hasIcons", booleanAttribute2], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute2], expandAllItems: ["expandAllItems", "expandAllItems", booleanAttribute2], isFlat: ["isFlat", "isFlat", booleanAttribute2], hasScrollToItem: ["hasScrollToItem", "hasScrollToItem", booleanAttribute2], hasLowercaseItems: ["hasLowercaseItems", "hasLowercaseItems", booleanAttribute2] }, outputs: { isClick: "isClick", itemClick: "itemClick" }, host: { listeners: { "click": "stopPropagation($event)", "keydown": "onKeydown($event)" }, properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "focusableItems", predicate: EuiMenuItemComponent, descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i22.BaseStatesDirective }], ngImport: i02, template: '<div *ngIf="hasFilter && !isCollapsed" class="eui-menu-filter" (click)="onMenuFilterClick($event)">\n <div class="eui-menu-filter__input-wrapper">\n <input\n euiInputText\n [euiClearable]="true"\n (input)="onFilter($event)"\n class="eui-menu-filter__input"\n [placeholder]="searchFilterLabel"\n [attr.aria-label]="searchFilterLabel"\n [value]="filterValue" />\n <eui-icon-svg icon="eui-search" class="eui-menu-filter__input-search" fillColor="grey-50" aria-label="Search Icon"></eui-icon-svg>\n </div>\n</div>\n<ul euiList class="eui-menu" role="menubar" aria-orientation="vertical" tabindex="0">\n <span *ngIf="!items" class="eui-menu--no-items">No menu items defined</span>\n <ng-template ngFor let-item let-index [ngForOf]="items">\n <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: item, index: index }"> </ng-template>\n </ng-template>\n</ul>\n\n<!-- describe the recursive template of the menu item -->\n<ng-template #menuItemTemplateRef let-item="menuItem" let-parent="parent" let-i="index">\n <!-- render the menu item-->\n <eui-menu-item\n *ngIf="item.filtered"\n [item]="item"\n [parent]="parent"\n [hasIcon]="hasIcons"\n [hasTooltip]="hasTooltip"\n [isCollapsed]="isCollapsed"\n [hasCollapsedInitials]="hasCollapsedInitials"\n [isLabelLowercase]="hasLowercaseItems"\n (expandToggle)="onExpandToggle($event)"\n (itemClick)="onClick($event)">\n <!-- if the menu item has children, render the children -->\n <ul euiList *ngIf="item.children && item.expanded" class="eui-menu eui-menu-sub" role="menu" [attr.aria-label]="item.label" tabindex="-1">\n <ng-container *ngFor="let child of item.children; let childIndex = index">\n <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: child, index: childIndex, parent: item }">\n </ng-template>\n </ng-container>\n </ul>\n </eui-menu-item>\n</ng-template>\n', styles: ['.eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu:focus:not([readonly]),.eui-menu-wrapper:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu:focus-visible:not([readonly]),.eui-menu-wrapper:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu [tabindex="0"]:focus:not([readonly]),.eui-menu-wrapper [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-toggle{display:inherit;position:absolute;right:0;transform:scale(.65);visibility:visible}.eui-menu--flat a.eui-menu-item__link--active{background-color:var(--eui-base-color-info-130);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu--flat a.eui-menu-item__link--active .eui-menu-item__link-label{color:var(--eui-base-color-white)}.eui-menu--flat a.eui-menu-item__link--active:hover{background-color:var(--eui-base-color-info-100);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu--flat a.eui-menu-item__link--active:hover .eui-menu-item__link-label{color:var(--eui-base-color-white)}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-3xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%;border:1px solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-page-column__body .eui-menu-item__category{text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__category-label{position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-page-column__body .eui-menu-item__category-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__category .eui-menu-item__link-icon{margin-right:var(--eui-base-spacing-xs)}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;justify-content:center;padding:calc(.5 * var(--eui-base-spacing-xs)) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-info-130)}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-info-130)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-initials{display:flex;background-color:var(--eui-base-color-grey-5);padding:var(--eui-base-spacing-2xs);border-radius:var(--eui-base-spacing-s);min-width:2rem;text-align:center;justify-content:center;border:1px solid var(--eui-base-color-grey-15);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-50);margin-left:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item .eui-button.eui-menu-item__link-toggle [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item--lowercase .eui-menu-item__link,.eui-menu-item--lowercase .eui-menu-item__label,.eui-menu-item--lowercase .eui-menu-item__category,.eui-menu-item--lowercase .eui-menu-item__category-label{text-transform:initial!important}.eui-menu-item--lowercase .eui-menu-item__link-label{font-size:var(--eui-base-font-size)}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xl);text-decoration:none;text-transform:uppercase}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-info-110);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__category-label .eui-menu-item__label{display:block;border-bottom:1px solid var(--eui-base-color-grey-15);padding-bottom:var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category{padding-left:0}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:var(--eui-base-spacing-xl);text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-2xs);padding-right:0}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n'], dependencies: [{ kind: "directive", type: i32.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i32.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i32.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i42.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i52.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: ["item", "parent", "hasIcon", "hasTooltip", "isCollapsed", "hasCollapsedInitials", "isLabelLowercase"], outputs: ["expandToggle", "itemClick"] }], encapsulation: i02.ViewEncapsulation.None });
956
+ this.ɵcmp = i02.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: _EuiMenuComponent, selector: "eui-menu", inputs: { items: "items", searchFilterLabel: "searchFilterLabel", externalLinkLabel: "externalLinkLabel", fragmentId: "fragmentId", filterValue: "filterValue", isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute2], hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute2], hasFilter: ["hasFilter", "hasFilter", booleanAttribute2], hasIcons: ["hasIcons", "hasIcons", booleanAttribute2], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute2], expandAllItems: ["expandAllItems", "expandAllItems", booleanAttribute2], isFlat: ["isFlat", "isFlat", booleanAttribute2], hasScrollToItem: ["hasScrollToItem", "hasScrollToItem", booleanAttribute2], hasLowercaseItems: ["hasLowercaseItems", "hasLowercaseItems", booleanAttribute2] }, outputs: { isClick: "isClick", itemClick: "itemClick" }, host: { listeners: { "click": "stopPropagation($event)", "keydown": "onKeydown($event)" }, properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "focusableItems", predicate: EuiMenuItemComponent, descendants: true }], usesOnChanges: true, hostDirectives: [{ directive: i22.BaseStatesDirective }], ngImport: i02, template: '<div *ngIf="hasFilter && !isCollapsed" class="eui-menu-filter" (click)="onMenuFilterClick($event)">\n <div class="eui-menu-filter__input-wrapper">\n <input\n euiInputText\n [euiClearable]="true"\n (input)="onFilter($event)"\n class="eui-menu-filter__input"\n [placeholder]="searchFilterLabel"\n [attr.aria-label]="searchFilterLabel"\n [value]="filterValue" />\n <eui-icon-svg icon="eui-search" class="eui-menu-filter__input-search" fillColor="grey-50" aria-label="Search Icon"></eui-icon-svg>\n </div>\n</div>\n<ul euiList class="eui-menu" role="menubar" aria-orientation="vertical" tabindex="0">\n <span *ngIf="!items" class="eui-menu--no-items">No menu items defined</span>\n <ng-template ngFor let-item let-index [ngForOf]="items">\n <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: item, index: index }"> </ng-template>\n </ng-template>\n</ul>\n\n<!-- describe the recursive template of the menu item -->\n<ng-template #menuItemTemplateRef let-item="menuItem" let-parent="parent" let-i="index">\n <!-- render the menu item-->\n <eui-menu-item\n *ngIf="item.filtered"\n [item]="item"\n [parent]="parent"\n [hasIcon]="hasIcons"\n [hasTooltip]="hasTooltip"\n [isCollapsed]="isCollapsed"\n [hasCollapsedInitials]="hasCollapsedInitials"\n [isLabelLowercase]="hasLowercaseItems"\n (expandToggle)="onExpandToggle($event)"\n (itemClick)="onClick($event)">\n <!-- if the menu item has children, render the children -->\n <ul euiList *ngIf="item.children && item.expanded" class="eui-menu eui-menu-sub" role="menu" [attr.aria-label]="item.label" tabindex="-1">\n <ng-container *ngFor="let child of item.children; let childIndex = index">\n <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: child, index: childIndex, parent: item }">\n </ng-template>\n </ng-container>\n </ul>\n </eui-menu-item>\n</ng-template>\n', styles: ['.eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu:focus:not([readonly]),.eui-menu-wrapper:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu:focus-visible:not([readonly]),.eui-menu-wrapper:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu [tabindex="0"]:focus:not([readonly]),.eui-menu-wrapper [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-toggle{display:inherit;position:absolute;right:0;transform:scale(.65);visibility:visible}.eui-menu--flat a.eui-menu-item__link--active{background-color:var(--eui-base-color-info-130);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu--flat a.eui-menu-item__link--active .eui-menu-item__link-label{color:var(--eui-base-color-white)}.eui-menu--flat a.eui-menu-item__link--active:hover{background-color:var(--eui-ctx-c-in);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu--flat a.eui-menu-item__link--active:hover .eui-menu-item__link-label{color:var(--eui-base-color-white)}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-3xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%;border:1px solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-page-column__body .eui-menu-item__category{text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__category-label{position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-page-column__body .eui-menu-item__category-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__category .eui-menu-item__link-icon{margin-right:var(--eui-base-spacing-xs)}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;justify-content:center;padding:calc(.5 * var(--eui-base-spacing-xs)) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-ctx-c-p-bg);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-info-130)}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-ctx-c-p-bg);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-info-130)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-initials{display:flex;background-color:var(--eui-base-color-grey-5);border-radius:var(--eui-base-spacing-xs);min-width:var(--eui-base-spacing-2xl);text-align:center;justify-content:center;border:1px solid var(--eui-base-color-grey-15);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-50);margin-left:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item .eui-button.eui-menu-item__link-toggle [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item--lowercase .eui-menu-item__link,.eui-menu-item--lowercase .eui-menu-item__label,.eui-menu-item--lowercase .eui-menu-item__category,.eui-menu-item--lowercase .eui-menu-item__category-label{text-transform:initial!important}.eui-menu-item--lowercase .eui-menu-item__link-label{font-size:var(--eui-base-font-size)}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xl);text-decoration:none;text-transform:uppercase}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-info-110);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__category-label .eui-menu-item__label{display:block;border-bottom:1px solid var(--eui-base-color-grey-15);padding-bottom:var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category{padding-left:0}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:var(--eui-base-spacing-xl);text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-2xs);padding-right:0}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n'], dependencies: [{ kind: "directive", type: i32.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i32.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i32.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i42.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i52.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: EuiMenuItemComponent, selector: "eui-menu-item", inputs: ["item", "parent", "hasIcon", "hasTooltip", "isCollapsed", "hasCollapsedInitials", "isLabelLowercase"], outputs: ["expandToggle", "itemClick"] }], encapsulation: i02.ViewEncapsulation.None });
957
957
  }
958
958
  };
959
959
  i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i02, type: EuiMenuComponent, decorators: [{
@@ -962,7 +962,7 @@ i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
962
962
  {
963
963
  directive: BaseStatesDirective3
964
964
  }
965
- ], encapsulation: ViewEncapsulation3.None, template: '<div *ngIf="hasFilter && !isCollapsed" class="eui-menu-filter" (click)="onMenuFilterClick($event)">\n <div class="eui-menu-filter__input-wrapper">\n <input\n euiInputText\n [euiClearable]="true"\n (input)="onFilter($event)"\n class="eui-menu-filter__input"\n [placeholder]="searchFilterLabel"\n [attr.aria-label]="searchFilterLabel"\n [value]="filterValue" />\n <eui-icon-svg icon="eui-search" class="eui-menu-filter__input-search" fillColor="grey-50" aria-label="Search Icon"></eui-icon-svg>\n </div>\n</div>\n<ul euiList class="eui-menu" role="menubar" aria-orientation="vertical" tabindex="0">\n <span *ngIf="!items" class="eui-menu--no-items">No menu items defined</span>\n <ng-template ngFor let-item let-index [ngForOf]="items">\n <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: item, index: index }"> </ng-template>\n </ng-template>\n</ul>\n\n<!-- describe the recursive template of the menu item -->\n<ng-template #menuItemTemplateRef let-item="menuItem" let-parent="parent" let-i="index">\n <!-- render the menu item-->\n <eui-menu-item\n *ngIf="item.filtered"\n [item]="item"\n [parent]="parent"\n [hasIcon]="hasIcons"\n [hasTooltip]="hasTooltip"\n [isCollapsed]="isCollapsed"\n [hasCollapsedInitials]="hasCollapsedInitials"\n [isLabelLowercase]="hasLowercaseItems"\n (expandToggle)="onExpandToggle($event)"\n (itemClick)="onClick($event)">\n <!-- if the menu item has children, render the children -->\n <ul euiList *ngIf="item.children && item.expanded" class="eui-menu eui-menu-sub" role="menu" [attr.aria-label]="item.label" tabindex="-1">\n <ng-container *ngFor="let child of item.children; let childIndex = index">\n <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: child, index: childIndex, parent: item }">\n </ng-template>\n </ng-container>\n </ul>\n </eui-menu-item>\n</ng-template>\n', styles: ['.eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu:focus:not([readonly]),.eui-menu-wrapper:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu:focus-visible:not([readonly]),.eui-menu-wrapper:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu [tabindex="0"]:focus:not([readonly]),.eui-menu-wrapper [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-toggle{display:inherit;position:absolute;right:0;transform:scale(.65);visibility:visible}.eui-menu--flat a.eui-menu-item__link--active{background-color:var(--eui-base-color-info-130);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu--flat a.eui-menu-item__link--active .eui-menu-item__link-label{color:var(--eui-base-color-white)}.eui-menu--flat a.eui-menu-item__link--active:hover{background-color:var(--eui-base-color-info-100);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu--flat a.eui-menu-item__link--active:hover .eui-menu-item__link-label{color:var(--eui-base-color-white)}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-3xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%;border:1px solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-page-column__body .eui-menu-item__category{text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__category-label{position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-page-column__body .eui-menu-item__category-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__category .eui-menu-item__link-icon{margin-right:var(--eui-base-spacing-xs)}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;justify-content:center;padding:calc(.5 * var(--eui-base-spacing-xs)) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-info-130)}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-primary-10);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-info-130)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-initials{display:flex;background-color:var(--eui-base-color-grey-5);padding:var(--eui-base-spacing-2xs);border-radius:var(--eui-base-spacing-s);min-width:2rem;text-align:center;justify-content:center;border:1px solid var(--eui-base-color-grey-15);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-50);margin-left:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item .eui-button.eui-menu-item__link-toggle [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item--lowercase .eui-menu-item__link,.eui-menu-item--lowercase .eui-menu-item__label,.eui-menu-item--lowercase .eui-menu-item__category,.eui-menu-item--lowercase .eui-menu-item__category-label{text-transform:initial!important}.eui-menu-item--lowercase .eui-menu-item__link-label{font-size:var(--eui-base-font-size)}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xl);text-decoration:none;text-transform:uppercase}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-info-110);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__category-label .eui-menu-item__label{display:block;border-bottom:1px solid var(--eui-base-color-grey-15);padding-bottom:var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category{padding-left:0}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:var(--eui-base-spacing-xl);text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-2xs);padding-right:0}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n'] }]
965
+ ], encapsulation: ViewEncapsulation3.None, template: '<div *ngIf="hasFilter && !isCollapsed" class="eui-menu-filter" (click)="onMenuFilterClick($event)">\n <div class="eui-menu-filter__input-wrapper">\n <input\n euiInputText\n [euiClearable]="true"\n (input)="onFilter($event)"\n class="eui-menu-filter__input"\n [placeholder]="searchFilterLabel"\n [attr.aria-label]="searchFilterLabel"\n [value]="filterValue" />\n <eui-icon-svg icon="eui-search" class="eui-menu-filter__input-search" fillColor="grey-50" aria-label="Search Icon"></eui-icon-svg>\n </div>\n</div>\n<ul euiList class="eui-menu" role="menubar" aria-orientation="vertical" tabindex="0">\n <span *ngIf="!items" class="eui-menu--no-items">No menu items defined</span>\n <ng-template ngFor let-item let-index [ngForOf]="items">\n <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: item, index: index }"> </ng-template>\n </ng-template>\n</ul>\n\n<!-- describe the recursive template of the menu item -->\n<ng-template #menuItemTemplateRef let-item="menuItem" let-parent="parent" let-i="index">\n <!-- render the menu item-->\n <eui-menu-item\n *ngIf="item.filtered"\n [item]="item"\n [parent]="parent"\n [hasIcon]="hasIcons"\n [hasTooltip]="hasTooltip"\n [isCollapsed]="isCollapsed"\n [hasCollapsedInitials]="hasCollapsedInitials"\n [isLabelLowercase]="hasLowercaseItems"\n (expandToggle)="onExpandToggle($event)"\n (itemClick)="onClick($event)">\n <!-- if the menu item has children, render the children -->\n <ul euiList *ngIf="item.children && item.expanded" class="eui-menu eui-menu-sub" role="menu" [attr.aria-label]="item.label" tabindex="-1">\n <ng-container *ngFor="let child of item.children; let childIndex = index">\n <ng-template [ngTemplateOutlet]="menuItemTemplateRef" [ngTemplateOutletContext]="{ menuItem: child, index: childIndex, parent: item }">\n </ng-template>\n </ng-container>\n </ul>\n </eui-menu-item>\n</ng-template>\n', styles: ['.eui-menu,.eui-menu-wrapper{display:flex;flex-direction:column;flex-shrink:0;width:100%;list-style:none;margin-bottom:0;margin-top:0;padding:0}.eui-menu--no-items,.eui-menu-wrapper--no-items{color:var(--eui-base-color-grey-25);display:block;text-align:center}.eui-menu:focus:not([readonly]),.eui-menu-wrapper:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu:focus-visible:not([readonly]),.eui-menu-wrapper:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu [tabindex="0"]:focus:not([readonly]),.eui-menu-wrapper [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu--collapsed .eui-menu-filter{transition:none;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content{margin:0;visibility:hidden}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-action-icon{display:none}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875);visibility:visible}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-menu-item__link-toggle{display:inherit;position:absolute;right:0;transform:scale(.65);visibility:visible}.eui-menu--flat a.eui-menu-item__link--active{background-color:var(--eui-base-color-info-130);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu--flat a.eui-menu-item__link--active .eui-menu-item__link-label{color:var(--eui-base-color-white)}.eui-menu--flat a.eui-menu-item__link--active:hover{background-color:var(--eui-ctx-c-in);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu--flat a.eui-menu-item__link--active:hover .eui-menu-item__link-label{color:var(--eui-base-color-white)}.eui-menu-filter{margin:var(--eui-base-spacing-m) 0;padding:0 var(--eui-base-spacing-m);position:relative}.eui-menu-filter__input-wrapper{align-items:center;display:flex;position:relative}.eui-menu-filter__input-wrapper .eui-menu-filter__input{padding-left:var(--eui-base-spacing-3xl);padding-right:var(--eui-base-spacing-xl)}.eui-menu-filter__input-wrapper .eui-menu-filter__input-search{color:var(--eui-base-color-grey-25);left:var(--eui-base-spacing-xs);position:absolute;top:var(--eui-base-spacing-xs)}.eui-menu-item{display:flex;flex-direction:column;position:relative;width:100%;border:1px solid transparent}.eui-menu-item:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu--collapsed .eui-menu-item{align-items:center;display:flex;flex-direction:column}.eui-menu-item__category{align-items:center;color:var(--eui-base-color-grey-75);display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-page-column__body .eui-menu-item__category{text-transform:inherit}.eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--none)+.eui-menu-item__category-label,.eui-menu-item__category-icon:not(.eui-menu-item__category-icon--default)+.eui-menu-item__category-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__category-icon--none{padding:0}.eui-menu-item__category-icon--default{align-items:center;display:flex;justify-content:center;width:100%}.ff.eui-menu--collapsed .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__category-label{position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__category-label{display:none}.eui-page-column__body .eui-menu-item__category-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__category .eui-menu-item__link-icon{margin-right:var(--eui-base-spacing-xs)}.eui-menu-item a.eui-menu-item__link{border-bottom:none}.eui-menu-item__link{align-items:center;border-top:1px solid var(--eui-base-color-grey-10);color:var(--eui-base-color-text)!important;cursor:pointer;display:flex;justify-content:center;padding:calc(.5 * var(--eui-base-spacing-xs)) var(--eui-base-spacing-m);text-decoration:none;text-transform:uppercase;white-space:nowrap;width:100%}.eui-page-column__body .eui-menu-item__link{text-transform:inherit}.eui-menu-item__link:focus{border-bottom:none;text-decoration:none}.eui-menu-item__link:hover:not(.eui-menu-item--disabled){background-color:var(--eui-ctx-c-p-bg);text-decoration:none!important}.eui-menu-item__link:hover:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-info-130)}.eui-menu-item__link--active:not(.eui-menu-item--disabled){background-color:var(--eui-ctx-c-p-bg);text-decoration:none;font:normal normal 400 1rem/1.75rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__link--active:not(.eui-menu-item--disabled) .eui-menu-item__link-label{color:var(--eui-base-color-info-130)}.eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-item__link-icon--with-badge .eui-chip{display:flex;height:var(--eui-base-spacing-m);left:-12px;position:absolute;top:-4px}.eui-menu-item__link-icon--none{padding:0}.eui-menu-item__link-icon--none+.eui-menu-item__category-label{margin-left:calc(-1 * var(--eui-base-spacing-s))}.eui-menu-item__link-icon--default{align-items:center;display:flex;flex-direction:column;font-size:var(--eui-base-font-size-xs);justify-content:inherit;width:100%}.ff.eui-menu--collapsed .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);position:relative;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-item__link-label{display:none}.eui-page-column__body .eui-menu-item__link-label{font:normal normal 400 1rem/1.75rem var(--eui-base-font-family)}.eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__link-tag-label{display:flex;margin-left:var(--eui-base-spacing-xs);transform:scale(1)}.eui-menu--collapsed .eui-menu-item__link-tag-label{position:absolute;right:1px;top:0;transform:scale(.875)}.eui-menu-item__link-toggle{margin-left:var(--eui-base-spacing-2xs);margin-right:calc(-1 * var(--eui-base-spacing-xs));transition:all .3s linear}.eui-menu--collapsed .eui-menu-item__link-toggle{display:none;transition:none}.eui-menu-item__link-action-icon{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-item__link-initials{display:flex;background-color:var(--eui-base-color-grey-5);border-radius:var(--eui-base-spacing-xs);min-width:var(--eui-base-spacing-2xl);text-align:center;justify-content:center;border:1px solid var(--eui-base-color-grey-15);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700}.eui-menu-item__label{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-item__label-external{color:var(--eui-base-color-grey-50);margin-left:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-menu-item__label-external .eui-icon-svg{fill:var(--eui-base-color-grey-75);height:var(--eui-base-spacing-s);width:var(--eui-base-spacing-s)}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item .eui-button.eui-menu-item__link-toggle:focus-visible:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-menu-item .eui-button.eui-menu-item__link-toggle [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-ctx-color-focus-visible)!important;outline-offset:-2px!important;transition:none!important}.eui-app.ff.sidebar--close .eui-menu-item__link-tag-label{right:0}.eui-menu-item--expanded .eui-menu-item__category{display:flex}.eui-menu-item--disabled{background-image:none;box-shadow:none;cursor:default;opacity:.65;pointer-events:none}.eui-menu-item--lowercase .eui-menu-item__link,.eui-menu-item--lowercase .eui-menu-item__label,.eui-menu-item--lowercase .eui-menu-item__category,.eui-menu-item--lowercase .eui-menu-item__category-label{text-transform:initial!important}.eui-menu-item--lowercase .eui-menu-item__link-label{font-size:var(--eui-base-font-size)}.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__category-icon--default,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon,.eui-menu--no-icons:not(.eui-menu--collapsed) .eui-menu-item__link-icon--default{display:none}.eui-menu-sub{text-decoration:none}.eui-menu-sub .eui-menu-item__category{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xl);text-decoration:none;text-transform:uppercase}.eui-page-column__body .eui-menu-sub .eui-menu-item__category{text-transform:inherit}.eui-menu-sub .eui-menu-item__category:hover:not(.eui-menu-item--disabled){background-color:var(--eui-base-color-grey-10);cursor:default;text-decoration:none}.eui-menu-sub .eui-menu-item__category-icon--default{color:var(--eui-base-color-info-110);font-size:var(--eui-base-font-size)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__category-label .eui-menu-item__label{display:block;border-bottom:1px solid var(--eui-base-color-grey-15);padding-bottom:var(--eui-base-spacing-2xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__category{padding-left:0}.eui-menu-sub .eui-menu-item__link{border:none;height:calc(2.25 * var(--eui-base-spacing-m));padding-left:var(--eui-base-spacing-xl);text-transform:initial}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link{padding-left:var(--eui-base-spacing-2xs);padding-right:0}.eui-menu-sub .eui-menu-item__link-icon+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.eui-menu-sub .eui-menu-item__link-icon--default{font-size:var(--eui-base-font-size-xs);margin:0}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-icon--default{margin-left:var(--eui-base-spacing-2xs)}.eui-menu-sub .eui-menu-item__link-icon--none{display:none}.eui-menu-sub .eui-menu-item__link-marker{display:flex;justify-content:center;position:relative}.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--none+.eui-menu-item__link-label,.eui-menu-sub .eui-menu-item__link-marker.eui-menu-item__link-marker--default+.eui-menu-item__link-label{padding-left:var(--eui-base-spacing-xs)}.ff.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-marker{margin-left:calc(-1 * var(--eui-base-spacing-2xs))}.eui-menu-sub .eui-menu-item__link-label{font-size:calc(var(--eui-base-font-size) - 1px);height:auto;padding-top:var(--eui-base-spacing-3xs);width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-item__link-right-content{align-items:center;display:flex;height:calc(2.5 * var(--eui-base-spacing-m));margin-left:auto}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content{margin-left:var(--eui-base-spacing-2xs)}.eui-menu--collapsed .eui-menu-sub .eui-menu-item__link-right-content .eui-chip .eui-chip__content-container>span{display:inline-block;max-width:var(--eui-base-spacing-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-menu-sub .eui-menu-sub .eui-menu-item{padding-left:calc(1 * var(--eui-base-spacing-m))}.eui-menu--collapsed .eui-menu--no-icons .eui-menu-sub .eui-menu-item__link{margin-left:calc(-1 * var(--eui-base-spacing-m))}\n'] }]
966
966
  }], ctorParameters: () => [{ type: i12.Router }, { type: i12.ActivatedRoute }, { type: i22.BaseStatesDirective }, { type: i02.ChangeDetectorRef }], propDecorators: { focusableItems: [{
967
967
  type: ViewChildren,
968
968
  args: [EuiMenuItemComponent]