@eui/components 18.0.0-next.57 → 18.0.0-next.58

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 (53) hide show
  1. package/docs/components/EuiAppSidebarMenuComponent.html +25 -1
  2. package/docs/components/EuiDashboardCardComponent.html +24 -0
  3. package/docs/components/EuiMenuComponent.html +25 -1
  4. package/docs/components/EuiMenuItemComponent.html +24 -0
  5. package/docs/components/EuiSidebarMenuComponent.html +25 -1
  6. package/docs/components/EuiToolbarNavbarComponent.html +105 -4
  7. package/docs/dependencies.html +1 -1
  8. package/docs/js/menu-wc.js +6 -6
  9. package/docs/js/menu-wc_es5.js +1 -1
  10. package/docs/js/search/search_index.js +2 -2
  11. package/docs/modules/EuiToolbarModule.html +3 -0
  12. package/esm2022/eui-dashboard-card/eui-dashboard-card.component.mjs +14 -4
  13. package/esm2022/eui-dialog/container/eui-dialog-container.component.mjs +2 -2
  14. package/esm2022/eui-dialog/eui-dialog.component.mjs +2 -2
  15. package/esm2022/eui-menu/eui-menu-item.component.mjs +11 -4
  16. package/esm2022/eui-menu/eui-menu.component.mjs +7 -3
  17. package/esm2022/eui-sidebar-menu/eui-sidebar-menu.component.mjs +7 -3
  18. package/esm2022/eui-slide-toggle/eui-slide-toggle.component.mjs +2 -2
  19. package/esm2022/eui-timebar/eui-timebar.component.mjs +2 -2
  20. package/esm2022/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.mjs +7 -3
  21. package/esm2022/layout/eui-app/eui-app.component.mjs +1 -1
  22. package/esm2022/layout/eui-search/search.component.mjs +2 -2
  23. package/esm2022/layout/eui-toolbar/toolbar-navbar/toolbar-navbar.component.mjs +15 -11
  24. package/esm2022/layout/eui-toolbar/toolbar.component.mjs +2 -2
  25. package/esm2022/layout/eui-toolbar/toolbar.module.mjs +5 -1
  26. package/eui-dashboard-card/eui-dashboard-card.component.d.ts +3 -1
  27. package/eui-dashboard-card/eui-dashboard-card.component.d.ts.map +1 -1
  28. package/eui-menu/eui-menu-item.component.d.ts +3 -1
  29. package/eui-menu/eui-menu-item.component.d.ts.map +1 -1
  30. package/eui-menu/eui-menu.component.d.ts +3 -1
  31. package/eui-menu/eui-menu.component.d.ts.map +1 -1
  32. package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts +3 -1
  33. package/eui-sidebar-menu/eui-sidebar-menu.component.d.ts.map +1 -1
  34. package/fesm2022/eui-components-eui-dashboard-card.mjs +15 -5
  35. package/fesm2022/eui-components-eui-dashboard-card.mjs.map +2 -2
  36. package/fesm2022/eui-components-eui-dialog.mjs +4 -4
  37. package/fesm2022/eui-components-eui-dialog.mjs.map +1 -1
  38. package/fesm2022/eui-components-eui-menu.mjs +17 -6
  39. package/fesm2022/eui-components-eui-menu.mjs.map +2 -2
  40. package/fesm2022/eui-components-eui-sidebar-menu.mjs +6 -2
  41. package/fesm2022/eui-components-eui-sidebar-menu.mjs.map +2 -2
  42. package/fesm2022/eui-components-eui-slide-toggle.mjs +2 -2
  43. package/fesm2022/eui-components-eui-timebar.mjs +2 -2
  44. package/fesm2022/eui-components-eui-timebar.mjs.map +1 -1
  45. package/fesm2022/eui-components-layout.mjs +161 -119
  46. package/fesm2022/eui-components-layout.mjs.map +4 -4
  47. package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts +3 -1
  48. package/layout/eui-app/eui-app-sidebar/sidebar-menu/sidebar-menu.component.d.ts.map +1 -1
  49. package/layout/eui-toolbar/toolbar-navbar/toolbar-navbar.component.d.ts +7 -2
  50. package/layout/eui-toolbar/toolbar-navbar/toolbar-navbar.component.d.ts.map +1 -1
  51. package/layout/eui-toolbar/toolbar.module.d.ts +4 -3
  52. package/layout/eui-toolbar/toolbar.module.d.ts.map +1 -1
  53. package/package.json +3 -3
package/fesm2022/eui-components-layout.mjs CHANGED
@@ -128,6 +128,7 @@ var EuiAppSidebarMenuComponent = class _EuiAppSidebarMenuComponent {
128
128
  this.isFlat = false;
129
129
  this.hasScrollToItem = false;
130
130
  this.hasLowercaseItems = false;
131
+ this.hasBoldRootLevel = false;
131
132
  this.sidebarItemClick = new EventEmitter();
132
133
  this.subs = new Subscription();
133
134
  }
@@ -159,12 +160,12 @@ var EuiAppSidebarMenuComponent = class _EuiAppSidebarMenuComponent {
159
160
  this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i04, type: _EuiAppSidebarMenuComponent, deps: [{ token: i13.EuiAppShellService }], target: i04.ɵɵFactoryTarget.Component });
160
161
  }
161
162
  static {
162
- this.ɵcmp = i04.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiAppSidebarMenuComponent, selector: "eui-app-sidebar-menu", inputs: { hasFilter: ["hasFilter", "hasFilter", booleanAttribute], hasIcons: ["hasIcons", "hasIcons", booleanAttribute], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute], expandAllItems: ["expandAllItems", "expandAllItems", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute], isFlat: ["isFlat", "isFlat", booleanAttribute], hasScrollToItem: ["hasScrollToItem", "hasScrollToItem", booleanAttribute], hasLowercaseItems: ["hasLowercaseItems", "hasLowercaseItems", booleanAttribute], items: "items" }, outputs: { sidebarItemClick: "sidebarItemClick" }, host: { properties: { "class": "this.class" } }, usesOnChanges: true, ngImport: i04, template: '<eui-menu\n [items]="items"\n [hasFilter]="hasFilter"\n [hasIcons]="hasIcons"\n [hasTooltip]="hasTooltip"\n [expandAllItems]="expandAllItems"\n [isFlat]="isFlat"\n [hasScrollToItem]="hasScrollToItem"\n [hasCollapsedInitials]="hasCollapsedInitials"\n [isCollapsed]="!(asService.state$ | async).isSidebarOpen && !(asService.state$ | async).isSidebarHover"\n (itemClick)="onMenuItemClicked($event)">\n</eui-menu>\n', dependencies: [{ kind: "component", type: i2.EuiMenuComponent, selector: "eui-menu", inputs: ["items", "searchFilterLabel", "externalLinkLabel", "fragmentId", "filterValue", "isCollapsed", "hasCollapsedInitials", "hasFilter", "hasIcons", "hasTooltip", "expandAllItems", "isFlat", "hasScrollToItem"], outputs: ["isClick", "itemClick"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], encapsulation: i04.ViewEncapsulation.None });
163
+ this.ɵcmp = i04.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiAppSidebarMenuComponent, selector: "eui-app-sidebar-menu", inputs: { hasFilter: ["hasFilter", "hasFilter", booleanAttribute], hasIcons: ["hasIcons", "hasIcons", booleanAttribute], hasTooltip: ["hasTooltip", "hasTooltip", booleanAttribute], expandAllItems: ["expandAllItems", "expandAllItems", booleanAttribute], isCollapsed: ["isCollapsed", "isCollapsed", booleanAttribute], hasCollapsedInitials: ["hasCollapsedInitials", "hasCollapsedInitials", booleanAttribute], isFlat: ["isFlat", "isFlat", booleanAttribute], hasScrollToItem: ["hasScrollToItem", "hasScrollToItem", booleanAttribute], hasLowercaseItems: ["hasLowercaseItems", "hasLowercaseItems", booleanAttribute], hasBoldRootLevel: ["hasBoldRootLevel", "hasBoldRootLevel", booleanAttribute], items: "items" }, outputs: { sidebarItemClick: "sidebarItemClick" }, host: { properties: { "class": "this.class" } }, usesOnChanges: true, ngImport: i04, template: '<eui-menu\n [items]="items"\n [hasFilter]="hasFilter"\n [hasIcons]="hasIcons"\n [hasTooltip]="hasTooltip"\n [expandAllItems]="expandAllItems"\n [isFlat]="isFlat"\n [hasScrollToItem]="hasScrollToItem"\n [hasCollapsedInitials]="hasCollapsedInitials"\n [hasBoldRootLevel]="hasBoldRootLevel"\n [isCollapsed]="!(asService.state$ | async).isSidebarOpen && !(asService.state$ | async).isSidebarHover"\n (itemClick)="onMenuItemClicked($event)">\n</eui-menu>\n', dependencies: [{ kind: "component", type: i2.EuiMenuComponent, selector: "eui-menu", inputs: ["items", "searchFilterLabel", "externalLinkLabel", "fragmentId", "filterValue", "isCollapsed", "hasCollapsedInitials", "hasFilter", "hasIcons", "hasTooltip", "expandAllItems", "isFlat", "hasScrollToItem", "hasBoldRootLevel"], outputs: ["isClick", "itemClick"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], encapsulation: i04.ViewEncapsulation.None });
163
164
  }
164
165
  };
165
166
  i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i04, type: EuiAppSidebarMenuComponent, decorators: [{
166
167
  type: Component4,
167
- args: [{ selector: "eui-app-sidebar-menu", encapsulation: ViewEncapsulation7.None, template: '<eui-menu\n [items]="items"\n [hasFilter]="hasFilter"\n [hasIcons]="hasIcons"\n [hasTooltip]="hasTooltip"\n [expandAllItems]="expandAllItems"\n [isFlat]="isFlat"\n [hasScrollToItem]="hasScrollToItem"\n [hasCollapsedInitials]="hasCollapsedInitials"\n [isCollapsed]="!(asService.state$ | async).isSidebarOpen && !(asService.state$ | async).isSidebarHover"\n (itemClick)="onMenuItemClicked($event)">\n</eui-menu>\n' }]
168
+ args: [{ selector: "eui-app-sidebar-menu", encapsulation: ViewEncapsulation7.None, template: '<eui-menu\n [items]="items"\n [hasFilter]="hasFilter"\n [hasIcons]="hasIcons"\n [hasTooltip]="hasTooltip"\n [expandAllItems]="expandAllItems"\n [isFlat]="isFlat"\n [hasScrollToItem]="hasScrollToItem"\n [hasCollapsedInitials]="hasCollapsedInitials"\n [hasBoldRootLevel]="hasBoldRootLevel"\n [isCollapsed]="!(asService.state$ | async).isSidebarOpen && !(asService.state$ | async).isSidebarHover"\n (itemClick)="onMenuItemClicked($event)">\n</eui-menu>\n' }]
168
169
  }], ctorParameters: () => [{ type: i13.EuiAppShellService }], propDecorators: { class: [{
169
170
  type: HostBinding4
170
171
  }], hasFilter: [{
@@ -194,6 +195,9 @@ i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", n
194
195
  }], hasLowercaseItems: [{
195
196
  type: Input,
196
197
  args: [{ transform: booleanAttribute }]
198
+ }], hasBoldRootLevel: [{
199
+ type: Input,
200
+ args: [{ transform: booleanAttribute }]
197
201
  }], items: [{
198
202
  type: Input
199
203
  }], sidebarItemClick: [{
@@ -1092,12 +1096,12 @@ var EuiToolbarComponent = class _EuiToolbarComponent {
1092
1096
  this.ɵfac = i015.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i015, type: _EuiToolbarComponent, deps: [{ token: i110.EuiAppShellService }], target: i015.ɵɵFactoryTarget.Component });
1093
1097
  }
1094
1098
  static {
1095
- this.ɵcmp = i015.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.0", type: _EuiToolbarComponent, selector: "eui-toolbar", inputs: { euiSecondary: ["euiSecondary", "euiSecondary", booleanAttribute4] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "hasLanguageSelector", first: true, predicate: i015.forwardRef(() => EuiLanguageSelectorComponent), descendants: true }, { propertyName: "hasMenu", first: true, predicate: i015.forwardRef(() => EuiToolbarMenuComponent), descendants: true }], ngImport: i015, template: '@if ( (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile ) {\n\n <div class="eui-toolbar__left">\n @if ( ( asService.state$ | async).hasHeaderLogo ) {\n <eui-toolbar-logo></eui-toolbar-logo>\n }\n @if ( ( asService.state$ | async).hasHeaderEnvironment ) {\n <eui-toolbar-environment>\n {{ (asService.state$ | async).environmentValue }}\n </eui-toolbar-environment>\n }\n @if ( (asService.state$ | async).appName ) {\n <eui-toolbar-app appName="{{ (asService.state$ | async).appName }}"></eui-toolbar-app>\n }\n </div>\n\n <ng-container *ngTemplateOutlet="toolbarCenter"></ng-container>\n <ng-container *ngTemplateOutlet="toolbarItems"></ng-container>\n <ng-container *ngTemplateOutlet="toolbarLanguageSelector"></ng-container>\n\n} @else {\n @if ( (asService.state$ | async).hasHeader ) {\n\n @if ( hasMenu ) {\n <ng-container *ngTemplateOutlet="toolbarMenu"></ng-container>\n } @else {\n <ng-container *ngTemplateOutlet="toolbarCenter"></ng-container>\n }\n <ng-container *ngTemplateOutlet="toolbarItems"></ng-container>\n\n } @else {\n\n <div class="eui-toolbar__left">\n <ng-content select="eui-toolbar-logo"></ng-content>\n <ng-content select="eui-toolbar-app"></ng-content>\n <ng-content select="eui-toolbar-environment"></ng-content>\n <ng-content select="eui-toolbar-start"></ng-content>\n </div>\n\n <ng-container *ngTemplateOutlet="toolbarCenter"></ng-container>\n\n <div class="eui-toolbar__right">\n <ng-container *ngTemplateOutlet="toolbarItems"></ng-container>\n </div>\n\n }\n <ng-container *ngTemplateOutlet="toolbarLanguageSelector"></ng-container>\n}\n\n<ng-template #toolbarCenter>\n <ng-content select="eui-toolbar-center"></ng-content>\n</ng-template>\n\n<ng-template #toolbarItems>\n <ng-content select="eui-toolbar-items"></ng-content>\n</ng-template>\n\n<ng-template #toolbarMenu>\n <ng-container *ngIf="hasMenu">\n <div class="eui-toolbar__left">\n <ng-content select="eui-toolbar-menu"></ng-content>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #toolbarLanguageSelector>\n <ng-container *ngIf="hasLanguageSelector">\n <div class="eui-toolbar__language-selector">\n <ng-content select="eui-language-selector"></ng-content>\n </div>\n </ng-container>\n</ng-template>\n', styles: ['.eui-toolbar{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:var(--eui-app-toolbar-height);justify-content:space-between;padding:0 var(--eui-s-m) 0 var(--eui-s-xs);position:relative;width:100%;border-bottom:1px solid var(--eui-c-neutral-lightest)}.eui-toolbar__left,.eui-toolbar__start{display:flex;align-items:center;flex:1}.eui-toolbar__center{display:block;margin-left:auto;text-align:center}.eui-toolbar__right{align-items:center;display:flex;flex:1;justify-content:right}.eui-toolbar-items{align-items:center;display:flex;margin-left:auto;position:relative}.eui-toolbar-items--position-left{margin-right:auto}.eui-toolbar-items--position-right{margin-left:auto}.eui-toolbar-items>*{display:inline-flex}.eui-toolbar-item{display:flex;align-items:center;margin-left:var(--eui-s-s)}.eui-toolbar-logo{background-image:url(data:image/png;base64,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);background-size:cover;cursor:pointer;flex:0 0 auto;height:40px;margin-right:var(--eui-s-m);outline:1px solid var(--eui-c-neutral-lightest);outline-offset:-1px;width:60px}.eui-toolbar-app{font:var(--eui-f-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__name{font:var(--eui-f-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__subTitle{font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-environment{background-color:var(--eui-c-danger);color:var(--eui-c-white);cursor:pointer;font:var(--eui-f-s);left:var(--eui-s-3xs);pointer-events:none;position:absolute;text-align:center;transform:rotate(-20deg);width:4.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar--primary{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui-toolbar--secondary{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui-t-ec .eui-toolbar-logo{background-image:url(data:image/png;base64,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);height:39px;margin-top:-5px;outline:none;width:83px}.eui-t-ec .eui-toolbar-app{margin-top:10px}.eui--secondary .eui-toolbar{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui--primary .eui-toolbar{background-color:var(--eui-c-branding);color:var(--eui-c-white)}@media screen and (max-width: 767px){.eui-toolbar-logo,.eui-toolbar-environment{display:none}.eui-toolbar-app{display:block;font:var(--eui-f-l);padding-left:0}.eui-t-ec .eui-toolbar-app{margin-top:0}}.eui-toolbar-menu{display:flex;height:var(--eui-app-toolbar-height);width:100%}.eui-toolbar-menu.eui-toolbar-menu--lowercase-items ul>li>a{text-transform:initial}.eui-toolbar-menu-content{display:grid;height:var(--eui-app-toolbar-height);list-style-type:none;margin:0;padding:0;position:relative;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content ul:not(.show){display:flex;list-style:none;width:100%;z-index:calc(var(--eui-zi-sidebar) + 1)}.eui-toolbar-menu-content ul,.eui-toolbar-menu-content ul li,.eui-toolbar-menu-content ul li a{border:var(--eui-bw-none);border-bottom:2px solid var(--eui-c-branding);color:var(--eui-c-white);display:block;height:var(--eui-app-toolbar-height);line-height:var(--eui-s-l);margin:0;max-height:var(--eui-app-toolbar-height);min-width:0;padding:0;position:relative;text-decoration:none}.eui-toolbar-menu-content ul.disabled,.eui-toolbar-menu-content ul li.disabled,.eui-toolbar-menu-content ul li a.disabled{color:var(--eui-c-neutral-lighter)!important;font-style:italic}.eui-toolbar-menu-content ul.hidden,.eui-toolbar-menu-content ul li.hidden,.eui-toolbar-menu-content ul li a.hidden{display:none!important}.eui-toolbar-menu-content ul:hover,.eui-toolbar-menu-content ul li:hover,.eui-toolbar-menu-content ul li a:hover{background-color:var(--eui-c-branding);text-decoration:none!important}.eui-toolbar-menu-content:after,.eui-toolbar-menu-content>ul:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}.eui-toolbar-menu-content>ul>li{border-right:1px ridge rgba(255,255,255,.25);box-sizing:border-box;display:inline-block;min-width:60px}.eui-toolbar-menu-content>ul>li:empty{min-width:0}.eui-toolbar-menu-content>ul>li:last-child{border-right:none}.eui-toolbar-menu-content>ul>li>a{border-bottom:3px solid transparent;padding:var(--eui-s-m) var(--eui-s-s) var(--eui-s-xs);text-align:center;text-transform:uppercase;transition:color 0s linear,background-color .3s linear}.eui-toolbar-menu-content>ul>li>a:hover,.eui-toolbar-menu-content>ul>li>a:focus{border-color:var(--eui-c-neutral-lighter)!important}.eui-toolbar-menu-content>ul>li>a:hover.disabled,.eui-toolbar-menu-content>ul>li>a:focus.disabled{border-bottom:0 transparent}.eui-toolbar-menu-content>ul>li>a:not(.icon-home-link){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-menu-content>ul>li.selected>a,.eui-toolbar-menu-content>ul>li:hover>a{background-color:var(--eui-c-accent);border-bottom:3px solid var(--eui-c-accent-dark);color:var(--eui-c-black)!important}.eui-toolbar-menu-content>ul>li.selected>a .eui-icon-svg>svg,.eui-toolbar-menu-content>ul>li:hover>a .eui-icon-svg>svg{color:var(--eui-c-neutral-bg-light);fill:var(--eui-c-neutral-bg-light)}.eui-toolbar-menu-content>ul>li.selected>a.disabled,.eui-toolbar-menu-content>ul>li:hover>a.disabled{background-color:transparent!important;border-bottom:0;border-left:0;color:var(--eui-c-neutral-lighter)!important;cursor:not-allowed;font-style:italic}.eui-toolbar-menu-content ul ul{left:-9999px;position:absolute;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content li:hover>ul.show,.eui-toolbar-menu-content li:focus-within>ul.showOnEnter{left:auto}.eui-toolbar-menu-content .showOnEnter a:focus{border-color:var(--eui-c-neutral-bg-light)}.eui-toolbar-menu-content ul.show .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white);height:1.25rem;width:1.25rem}.eui-toolbar-menu-content ul ul ul{margin-left:100%;top:0;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content ul ul li{height:0;transition:height .2s ease-in-out}.eui-toolbar-menu-content ul ul li.child{background:var(--eui-c-branding-dark);height:auto;min-height:var(--eui-s-3xl)}.eui-toolbar-menu-content ul ul li.child:empty{min-height:0}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__icon{margin-right:var(--eui-s-xs)}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__label{padding:var(--eui-s-2xs);position:relative}.eui-toolbar-menu-content ul ul li.hidden{display:none!important}.eui-toolbar-menu-content ul ul li a,.eui-toolbar-menu-content ul ul li h2{align-items:center;background:var(--eui-c-branding-dark);display:flex;line-height:1.25;min-height:var(--eui-s-3xl);min-width:260px;padding:var(--eui-s-2xs) var(--eui-s-xs);text-decoration:none;transition:color .2s ease-in-out}.eui-toolbar-menu-content ul ul li h2{color:var(--eui-c-accent);font-size:var(--eui-f-size-m);padding-left:var(--eui-s-xs);padding-top:var(--eui-s-s)}.eui-toolbar-menu-content ul ul li a{border-left:3px solid transparent;padding-left:var(--eui-s-2xs)}.eui-toolbar-menu-content ul ul li:hover>a,.eui-toolbar-menu-content ul ul li a:hover{border-left:3px solid var(--eui-c-accent-dark);color:var(--eui-c-accent)!important}.eui-toolbar-menu-content ul ul li.has-sub>a:after{border-bottom:2px solid var(--eui-c-neutral-lightest);border-right:2px solid var(--eui-c-neutral-lightest);content:"";height:10px;position:absolute;right:10px;top:var(--eui-s-s);transform:rotate(-45deg);width:10px}.eui-toolbar-menu-content ul ul li a.disabled{color:var(--eui-c-neutral-lighter)!important;cursor:default;font-style:italic}.eui-toolbar-menu-content ul ul li a.disabled:hover{border-left:0}.eui-toolbar-menu-content ul ul li.separator{background-color:var(--eui-c-neutral-bg-light)!important;height:1px!important}.eui-toolbar-menu-content .icon-home-link .eui-icon-svg>svg{height:1.5rem;width:1.5rem}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:after,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:after{border-right:0}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:before,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:before{border-left:0}.eui-toolbar-menu-content .eui-toolbar-menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#nav-bar.sidebar-toggle-with-top-menu #top-menu{left:calc(var(--eui-layout-sidebar-width) + var(--eui-f-size-base));position:absolute}.eui-toolbar-navbar{display:flex;align-items:center;width:100%;padding:0 var(--eui-s-s);height:var(--eui-s-5xl)}.eui-toolbar-navbar-item{display:inline-flex;align-items:center;height:100%;padding:var(--eui-s-m) var(--eui-s-s);border-bottom:3px solid transparent;font:var(--eui-f-bold);cursor:pointer}.eui-toolbar-navbar-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-toolbar-navbar-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-toolbar-navbar-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-toolbar-navbar-item:hover{background-color:var(--eui-c-neutral-bg)}.eui-toolbar-navbar-item--active{border-bottom:3px solid var(--eui-c-primary);color:var(--eui-c-primary)}\n'], dependencies: [{ kind: "directive", type: i25.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i25.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EuiToolbarLogoComponent, selector: "eui-toolbar-logo", inputs: ["homeUrl"] }, { kind: "component", type: EuiToolbarAppComponent, selector: "eui-toolbar-app", inputs: ["appName", "appSubTitle"] }, { kind: "component", type: EuiToolbarEnvironmentComponent, selector: "eui-toolbar-environment" }, { kind: "pipe", type: i25.AsyncPipe, name: "async" }], encapsulation: i015.ViewEncapsulation.None });
1099
+ this.ɵcmp = i015.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.0", type: _EuiToolbarComponent, selector: "eui-toolbar", inputs: { euiSecondary: ["euiSecondary", "euiSecondary", booleanAttribute4] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "hasLanguageSelector", first: true, predicate: i015.forwardRef(() => EuiLanguageSelectorComponent), descendants: true }, { propertyName: "hasMenu", first: true, predicate: i015.forwardRef(() => EuiToolbarMenuComponent), descendants: true }], ngImport: i015, template: '@if ( (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile ) {\n\n <div class="eui-toolbar__left">\n @if ( ( asService.state$ | async).hasHeaderLogo ) {\n <eui-toolbar-logo></eui-toolbar-logo>\n }\n @if ( ( asService.state$ | async).hasHeaderEnvironment ) {\n <eui-toolbar-environment>\n {{ (asService.state$ | async).environmentValue }}\n </eui-toolbar-environment>\n }\n @if ( (asService.state$ | async).appName ) {\n <eui-toolbar-app appName="{{ (asService.state$ | async).appName }}"></eui-toolbar-app>\n }\n </div>\n\n <ng-container *ngTemplateOutlet="toolbarCenter"></ng-container>\n <ng-container *ngTemplateOutlet="toolbarItems"></ng-container>\n <ng-container *ngTemplateOutlet="toolbarLanguageSelector"></ng-container>\n\n} @else {\n @if ( (asService.state$ | async).hasHeader ) {\n\n @if ( hasMenu ) {\n <ng-container *ngTemplateOutlet="toolbarMenu"></ng-container>\n } @else {\n <ng-container *ngTemplateOutlet="toolbarCenter"></ng-container>\n }\n <ng-container *ngTemplateOutlet="toolbarItems"></ng-container>\n\n } @else {\n\n <div class="eui-toolbar__left">\n <ng-content select="eui-toolbar-logo"></ng-content>\n <ng-content select="eui-toolbar-app"></ng-content>\n <ng-content select="eui-toolbar-environment"></ng-content>\n <ng-content select="eui-toolbar-start"></ng-content>\n </div>\n\n <ng-container *ngTemplateOutlet="toolbarCenter"></ng-container>\n\n <div class="eui-toolbar__right">\n <ng-container *ngTemplateOutlet="toolbarItems"></ng-container>\n </div>\n\n }\n <ng-container *ngTemplateOutlet="toolbarLanguageSelector"></ng-container>\n}\n\n<ng-template #toolbarCenter>\n <ng-content select="eui-toolbar-center"></ng-content>\n</ng-template>\n\n<ng-template #toolbarItems>\n <ng-content select="eui-toolbar-items"></ng-content>\n</ng-template>\n\n<ng-template #toolbarMenu>\n <ng-container *ngIf="hasMenu">\n <div class="eui-toolbar__left">\n <ng-content select="eui-toolbar-menu"></ng-content>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #toolbarLanguageSelector>\n <ng-container *ngIf="hasLanguageSelector">\n <div class="eui-toolbar__language-selector">\n <ng-content select="eui-language-selector"></ng-content>\n </div>\n </ng-container>\n</ng-template>\n', styles: ['.eui-toolbar{align-items:center;display:flex;flex-direction:row;height:var(--eui-app-toolbar-height);justify-content:space-between;padding:0 var(--eui-s-m) 0 var(--eui-s-xs);position:relative;width:100%;border-bottom:1px solid var(--eui-c-neutral-lightest)}.eui-toolbar__left,.eui-toolbar__start{display:flex;align-items:center;flex:1}.eui-toolbar__center{display:block;margin-left:auto;text-align:center}.eui-toolbar__right{align-items:center;display:flex;flex:1;justify-content:right}.eui-toolbar-items{align-items:center;display:flex;margin-left:auto;position:relative}.eui-toolbar-items--position-left{margin-right:auto}.eui-toolbar-items--position-right{margin-left:auto}.eui-toolbar-items>*{display:inline-flex}.eui-toolbar-item{display:flex;align-items:center;margin-left:var(--eui-s-s)}.eui-toolbar-logo{background-image:url(data:image/png;base64,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);background-size:cover;cursor:pointer;flex:0 0 auto;height:40px;margin-right:var(--eui-s-m);outline:1px solid var(--eui-c-neutral-lightest);outline-offset:-1px;width:60px}.eui-toolbar-app{font:var(--eui-f-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__name{font:var(--eui-f-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__subTitle{font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-environment{background-color:var(--eui-c-danger);color:var(--eui-c-white);cursor:pointer;font:var(--eui-f-s);left:var(--eui-s-3xs);pointer-events:none;position:absolute;text-align:center;transform:rotate(-20deg);width:4.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar--primary{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui-toolbar--secondary{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui-t-ec .eui-toolbar-logo{background-image:url(data:image/png;base64,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);height:39px;margin-top:-5px;outline:none;width:83px}.eui-t-ec .eui-toolbar-app{margin-top:10px}.eui--secondary .eui-toolbar{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui--primary .eui-toolbar{background-color:var(--eui-c-branding);color:var(--eui-c-white)}@media screen and (max-width: 767px){.eui-toolbar-logo,.eui-toolbar-environment{display:none}.eui-toolbar-app{display:block;font:var(--eui-f-l);padding-left:0}.eui-t-ec .eui-toolbar-app{margin-top:0}}.eui-toolbar-menu{display:flex;height:var(--eui-app-toolbar-height);width:100%}.eui-toolbar-menu.eui-toolbar-menu--lowercase-items ul>li>a{text-transform:initial}.eui-toolbar-menu-content{display:grid;height:var(--eui-app-toolbar-height);list-style-type:none;margin:0;padding:0;position:relative;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content ul:not(.show){display:flex;list-style:none;width:100%;z-index:calc(var(--eui-zi-sidebar) + 1)}.eui-toolbar-menu-content ul,.eui-toolbar-menu-content ul li,.eui-toolbar-menu-content ul li a{border:var(--eui-bw-none);border-bottom:2px solid var(--eui-c-branding);color:var(--eui-c-white);display:block;height:var(--eui-app-toolbar-height);line-height:var(--eui-s-l);margin:0;max-height:var(--eui-app-toolbar-height);min-width:0;padding:0;position:relative;text-decoration:none}.eui-toolbar-menu-content ul.disabled,.eui-toolbar-menu-content ul li.disabled,.eui-toolbar-menu-content ul li a.disabled{color:var(--eui-c-neutral-lighter)!important;font-style:italic}.eui-toolbar-menu-content ul.hidden,.eui-toolbar-menu-content ul li.hidden,.eui-toolbar-menu-content ul li a.hidden{display:none!important}.eui-toolbar-menu-content ul:hover,.eui-toolbar-menu-content ul li:hover,.eui-toolbar-menu-content ul li a:hover{background-color:var(--eui-c-branding);text-decoration:none!important}.eui-toolbar-menu-content:after,.eui-toolbar-menu-content>ul:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}.eui-toolbar-menu-content>ul>li{border-right:1px ridge rgba(255,255,255,.25);box-sizing:border-box;display:inline-block;min-width:60px}.eui-toolbar-menu-content>ul>li:empty{min-width:0}.eui-toolbar-menu-content>ul>li:last-child{border-right:none}.eui-toolbar-menu-content>ul>li>a{border-bottom:3px solid transparent;padding:var(--eui-s-m) var(--eui-s-s) var(--eui-s-xs);text-align:center;text-transform:uppercase;transition:color 0s linear,background-color .3s linear}.eui-toolbar-menu-content>ul>li>a:hover,.eui-toolbar-menu-content>ul>li>a:focus{border-color:var(--eui-c-neutral-lighter)!important}.eui-toolbar-menu-content>ul>li>a:hover.disabled,.eui-toolbar-menu-content>ul>li>a:focus.disabled{border-bottom:0 transparent}.eui-toolbar-menu-content>ul>li>a:not(.icon-home-link){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-menu-content>ul>li.selected>a,.eui-toolbar-menu-content>ul>li:hover>a{background-color:var(--eui-c-accent);border-bottom:3px solid var(--eui-c-accent-dark);color:var(--eui-c-black)!important}.eui-toolbar-menu-content>ul>li.selected>a .eui-icon-svg>svg,.eui-toolbar-menu-content>ul>li:hover>a .eui-icon-svg>svg{color:var(--eui-c-neutral-bg-light);fill:var(--eui-c-neutral-bg-light)}.eui-toolbar-menu-content>ul>li.selected>a.disabled,.eui-toolbar-menu-content>ul>li:hover>a.disabled{background-color:transparent!important;border-bottom:0;border-left:0;color:var(--eui-c-neutral-lighter)!important;cursor:not-allowed;font-style:italic}.eui-toolbar-menu-content ul ul{left:-9999px;position:absolute;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content li:hover>ul.show,.eui-toolbar-menu-content li:focus-within>ul.showOnEnter{left:auto}.eui-toolbar-menu-content .showOnEnter a:focus{border-color:var(--eui-c-neutral-bg-light)}.eui-toolbar-menu-content ul.show .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white);height:1.25rem;width:1.25rem}.eui-toolbar-menu-content ul ul ul{margin-left:100%;top:0;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content ul ul li{height:0;transition:height .2s ease-in-out}.eui-toolbar-menu-content ul ul li.child{background:var(--eui-c-branding-dark);height:auto;min-height:var(--eui-s-3xl)}.eui-toolbar-menu-content ul ul li.child:empty{min-height:0}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__icon{margin-right:var(--eui-s-xs)}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__label{padding:var(--eui-s-2xs);position:relative}.eui-toolbar-menu-content ul ul li.hidden{display:none!important}.eui-toolbar-menu-content ul ul li a,.eui-toolbar-menu-content ul ul li h2{align-items:center;background:var(--eui-c-branding-dark);display:flex;line-height:1.25;min-height:var(--eui-s-3xl);min-width:260px;padding:var(--eui-s-2xs) var(--eui-s-xs);text-decoration:none;transition:color .2s ease-in-out}.eui-toolbar-menu-content ul ul li h2{color:var(--eui-c-accent);font-size:var(--eui-f-size-m);padding-left:var(--eui-s-xs);padding-top:var(--eui-s-s)}.eui-toolbar-menu-content ul ul li a{border-left:3px solid transparent;padding-left:var(--eui-s-2xs)}.eui-toolbar-menu-content ul ul li:hover>a,.eui-toolbar-menu-content ul ul li a:hover{border-left:3px solid var(--eui-c-accent-dark);color:var(--eui-c-accent)!important}.eui-toolbar-menu-content ul ul li.has-sub>a:after{border-bottom:2px solid var(--eui-c-neutral-lightest);border-right:2px solid var(--eui-c-neutral-lightest);content:"";height:10px;position:absolute;right:10px;top:var(--eui-s-s);transform:rotate(-45deg);width:10px}.eui-toolbar-menu-content ul ul li a.disabled{color:var(--eui-c-neutral-lighter)!important;cursor:default;font-style:italic}.eui-toolbar-menu-content ul ul li a.disabled:hover{border-left:0}.eui-toolbar-menu-content ul ul li.separator{background-color:var(--eui-c-neutral-bg-light)!important;height:1px!important}.eui-toolbar-menu-content .icon-home-link .eui-icon-svg>svg{height:1.5rem;width:1.5rem}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:after,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:after{border-right:0}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:before,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:before{border-left:0}.eui-toolbar-menu-content .eui-toolbar-menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#nav-bar.sidebar-toggle-with-top-menu #top-menu{left:calc(var(--eui-layout-sidebar-width) + var(--eui-f-size-base));position:absolute}.eui-toolbar-navbar{display:flex;align-items:center;width:100%;padding:0 var(--eui-s-s);height:var(--eui-s-5xl)}.eui-toolbar-navbar-item{display:inline-flex;align-items:center;height:100%;padding:var(--eui-s-m) var(--eui-s-s);border-bottom:3px solid transparent;font:var(--eui-f-bold);cursor:pointer}.eui-toolbar-navbar-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-toolbar-navbar-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-toolbar-navbar-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-toolbar-navbar-item:hover{background-color:var(--eui-c-neutral-bg)}.eui-toolbar-navbar-item--active{border-bottom:3px solid var(--eui-c-primary);color:var(--eui-c-primary)}\n'], dependencies: [{ kind: "directive", type: i25.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i25.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EuiToolbarLogoComponent, selector: "eui-toolbar-logo", inputs: ["homeUrl"] }, { kind: "component", type: EuiToolbarAppComponent, selector: "eui-toolbar-app", inputs: ["appName", "appSubTitle"] }, { kind: "component", type: EuiToolbarEnvironmentComponent, selector: "eui-toolbar-environment" }, { kind: "pipe", type: i25.AsyncPipe, name: "async" }], encapsulation: i015.ViewEncapsulation.None });
1096
1100
  }
1097
1101
  };
1098
1102
  i015.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i015, type: EuiToolbarComponent, decorators: [{
1099
1103
  type: Component13,
1100
- args: [{ selector: "eui-toolbar", encapsulation: ViewEncapsulation25.None, template: '@if ( (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile ) {\n\n <div class="eui-toolbar__left">\n @if ( ( asService.state$ | async).hasHeaderLogo ) {\n <eui-toolbar-logo></eui-toolbar-logo>\n }\n @if ( ( asService.state$ | async).hasHeaderEnvironment ) {\n <eui-toolbar-environment>\n {{ (asService.state$ | async).environmentValue }}\n </eui-toolbar-environment>\n }\n @if ( (asService.state$ | async).appName ) {\n <eui-toolbar-app appName="{{ (asService.state$ | async).appName }}"></eui-toolbar-app>\n }\n </div>\n\n <ng-container *ngTemplateOutlet="toolbarCenter"></ng-container>\n <ng-container *ngTemplateOutlet="toolbarItems"></ng-container>\n <ng-container *ngTemplateOutlet="toolbarLanguageSelector"></ng-container>\n\n} @else {\n @if ( (asService.state$ | async).hasHeader ) {\n\n @if ( hasMenu ) {\n <ng-container *ngTemplateOutlet="toolbarMenu"></ng-container>\n } @else {\n <ng-container *ngTemplateOutlet="toolbarCenter"></ng-container>\n }\n <ng-container *ngTemplateOutlet="toolbarItems"></ng-container>\n\n } @else {\n\n <div class="eui-toolbar__left">\n <ng-content select="eui-toolbar-logo"></ng-content>\n <ng-content select="eui-toolbar-app"></ng-content>\n <ng-content select="eui-toolbar-environment"></ng-content>\n <ng-content select="eui-toolbar-start"></ng-content>\n </div>\n\n <ng-container *ngTemplateOutlet="toolbarCenter"></ng-container>\n\n <div class="eui-toolbar__right">\n <ng-container *ngTemplateOutlet="toolbarItems"></ng-container>\n </div>\n\n }\n <ng-container *ngTemplateOutlet="toolbarLanguageSelector"></ng-container>\n}\n\n<ng-template #toolbarCenter>\n <ng-content select="eui-toolbar-center"></ng-content>\n</ng-template>\n\n<ng-template #toolbarItems>\n <ng-content select="eui-toolbar-items"></ng-content>\n</ng-template>\n\n<ng-template #toolbarMenu>\n <ng-container *ngIf="hasMenu">\n <div class="eui-toolbar__left">\n <ng-content select="eui-toolbar-menu"></ng-content>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #toolbarLanguageSelector>\n <ng-container *ngIf="hasLanguageSelector">\n <div class="eui-toolbar__language-selector">\n <ng-content select="eui-language-selector"></ng-content>\n </div>\n </ng-container>\n</ng-template>\n', styles: ['.eui-toolbar{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;height:var(--eui-app-toolbar-height);justify-content:space-between;padding:0 var(--eui-s-m) 0 var(--eui-s-xs);position:relative;width:100%;border-bottom:1px solid var(--eui-c-neutral-lightest)}.eui-toolbar__left,.eui-toolbar__start{display:flex;align-items:center;flex:1}.eui-toolbar__center{display:block;margin-left:auto;text-align:center}.eui-toolbar__right{align-items:center;display:flex;flex:1;justify-content:right}.eui-toolbar-items{align-items:center;display:flex;margin-left:auto;position:relative}.eui-toolbar-items--position-left{margin-right:auto}.eui-toolbar-items--position-right{margin-left:auto}.eui-toolbar-items>*{display:inline-flex}.eui-toolbar-item{display:flex;align-items:center;margin-left:var(--eui-s-s)}.eui-toolbar-logo{background-image:url(data:image/png;base64,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);background-size:cover;cursor:pointer;flex:0 0 auto;height:40px;margin-right:var(--eui-s-m);outline:1px solid var(--eui-c-neutral-lightest);outline-offset:-1px;width:60px}.eui-toolbar-app{font:var(--eui-f-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__name{font:var(--eui-f-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__subTitle{font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-environment{background-color:var(--eui-c-danger);color:var(--eui-c-white);cursor:pointer;font:var(--eui-f-s);left:var(--eui-s-3xs);pointer-events:none;position:absolute;text-align:center;transform:rotate(-20deg);width:4.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar--primary{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui-toolbar--secondary{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui-t-ec .eui-toolbar-logo{background-image:url(data:image/png;base64,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);height:39px;margin-top:-5px;outline:none;width:83px}.eui-t-ec .eui-toolbar-app{margin-top:10px}.eui--secondary .eui-toolbar{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui--primary .eui-toolbar{background-color:var(--eui-c-branding);color:var(--eui-c-white)}@media screen and (max-width: 767px){.eui-toolbar-logo,.eui-toolbar-environment{display:none}.eui-toolbar-app{display:block;font:var(--eui-f-l);padding-left:0}.eui-t-ec .eui-toolbar-app{margin-top:0}}.eui-toolbar-menu{display:flex;height:var(--eui-app-toolbar-height);width:100%}.eui-toolbar-menu.eui-toolbar-menu--lowercase-items ul>li>a{text-transform:initial}.eui-toolbar-menu-content{display:grid;height:var(--eui-app-toolbar-height);list-style-type:none;margin:0;padding:0;position:relative;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content ul:not(.show){display:flex;list-style:none;width:100%;z-index:calc(var(--eui-zi-sidebar) + 1)}.eui-toolbar-menu-content ul,.eui-toolbar-menu-content ul li,.eui-toolbar-menu-content ul li a{border:var(--eui-bw-none);border-bottom:2px solid var(--eui-c-branding);color:var(--eui-c-white);display:block;height:var(--eui-app-toolbar-height);line-height:var(--eui-s-l);margin:0;max-height:var(--eui-app-toolbar-height);min-width:0;padding:0;position:relative;text-decoration:none}.eui-toolbar-menu-content ul.disabled,.eui-toolbar-menu-content ul li.disabled,.eui-toolbar-menu-content ul li a.disabled{color:var(--eui-c-neutral-lighter)!important;font-style:italic}.eui-toolbar-menu-content ul.hidden,.eui-toolbar-menu-content ul li.hidden,.eui-toolbar-menu-content ul li a.hidden{display:none!important}.eui-toolbar-menu-content ul:hover,.eui-toolbar-menu-content ul li:hover,.eui-toolbar-menu-content ul li a:hover{background-color:var(--eui-c-branding);text-decoration:none!important}.eui-toolbar-menu-content:after,.eui-toolbar-menu-content>ul:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}.eui-toolbar-menu-content>ul>li{border-right:1px ridge rgba(255,255,255,.25);box-sizing:border-box;display:inline-block;min-width:60px}.eui-toolbar-menu-content>ul>li:empty{min-width:0}.eui-toolbar-menu-content>ul>li:last-child{border-right:none}.eui-toolbar-menu-content>ul>li>a{border-bottom:3px solid transparent;padding:var(--eui-s-m) var(--eui-s-s) var(--eui-s-xs);text-align:center;text-transform:uppercase;transition:color 0s linear,background-color .3s linear}.eui-toolbar-menu-content>ul>li>a:hover,.eui-toolbar-menu-content>ul>li>a:focus{border-color:var(--eui-c-neutral-lighter)!important}.eui-toolbar-menu-content>ul>li>a:hover.disabled,.eui-toolbar-menu-content>ul>li>a:focus.disabled{border-bottom:0 transparent}.eui-toolbar-menu-content>ul>li>a:not(.icon-home-link){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-menu-content>ul>li.selected>a,.eui-toolbar-menu-content>ul>li:hover>a{background-color:var(--eui-c-accent);border-bottom:3px solid var(--eui-c-accent-dark);color:var(--eui-c-black)!important}.eui-toolbar-menu-content>ul>li.selected>a .eui-icon-svg>svg,.eui-toolbar-menu-content>ul>li:hover>a .eui-icon-svg>svg{color:var(--eui-c-neutral-bg-light);fill:var(--eui-c-neutral-bg-light)}.eui-toolbar-menu-content>ul>li.selected>a.disabled,.eui-toolbar-menu-content>ul>li:hover>a.disabled{background-color:transparent!important;border-bottom:0;border-left:0;color:var(--eui-c-neutral-lighter)!important;cursor:not-allowed;font-style:italic}.eui-toolbar-menu-content ul ul{left:-9999px;position:absolute;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content li:hover>ul.show,.eui-toolbar-menu-content li:focus-within>ul.showOnEnter{left:auto}.eui-toolbar-menu-content .showOnEnter a:focus{border-color:var(--eui-c-neutral-bg-light)}.eui-toolbar-menu-content ul.show .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white);height:1.25rem;width:1.25rem}.eui-toolbar-menu-content ul ul ul{margin-left:100%;top:0;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content ul ul li{height:0;transition:height .2s ease-in-out}.eui-toolbar-menu-content ul ul li.child{background:var(--eui-c-branding-dark);height:auto;min-height:var(--eui-s-3xl)}.eui-toolbar-menu-content ul ul li.child:empty{min-height:0}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__icon{margin-right:var(--eui-s-xs)}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__label{padding:var(--eui-s-2xs);position:relative}.eui-toolbar-menu-content ul ul li.hidden{display:none!important}.eui-toolbar-menu-content ul ul li a,.eui-toolbar-menu-content ul ul li h2{align-items:center;background:var(--eui-c-branding-dark);display:flex;line-height:1.25;min-height:var(--eui-s-3xl);min-width:260px;padding:var(--eui-s-2xs) var(--eui-s-xs);text-decoration:none;transition:color .2s ease-in-out}.eui-toolbar-menu-content ul ul li h2{color:var(--eui-c-accent);font-size:var(--eui-f-size-m);padding-left:var(--eui-s-xs);padding-top:var(--eui-s-s)}.eui-toolbar-menu-content ul ul li a{border-left:3px solid transparent;padding-left:var(--eui-s-2xs)}.eui-toolbar-menu-content ul ul li:hover>a,.eui-toolbar-menu-content ul ul li a:hover{border-left:3px solid var(--eui-c-accent-dark);color:var(--eui-c-accent)!important}.eui-toolbar-menu-content ul ul li.has-sub>a:after{border-bottom:2px solid var(--eui-c-neutral-lightest);border-right:2px solid var(--eui-c-neutral-lightest);content:"";height:10px;position:absolute;right:10px;top:var(--eui-s-s);transform:rotate(-45deg);width:10px}.eui-toolbar-menu-content ul ul li a.disabled{color:var(--eui-c-neutral-lighter)!important;cursor:default;font-style:italic}.eui-toolbar-menu-content ul ul li a.disabled:hover{border-left:0}.eui-toolbar-menu-content ul ul li.separator{background-color:var(--eui-c-neutral-bg-light)!important;height:1px!important}.eui-toolbar-menu-content .icon-home-link .eui-icon-svg>svg{height:1.5rem;width:1.5rem}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:after,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:after{border-right:0}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:before,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:before{border-left:0}.eui-toolbar-menu-content .eui-toolbar-menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#nav-bar.sidebar-toggle-with-top-menu #top-menu{left:calc(var(--eui-layout-sidebar-width) + var(--eui-f-size-base));position:absolute}.eui-toolbar-navbar{display:flex;align-items:center;width:100%;padding:0 var(--eui-s-s);height:var(--eui-s-5xl)}.eui-toolbar-navbar-item{display:inline-flex;align-items:center;height:100%;padding:var(--eui-s-m) var(--eui-s-s);border-bottom:3px solid transparent;font:var(--eui-f-bold);cursor:pointer}.eui-toolbar-navbar-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-toolbar-navbar-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-toolbar-navbar-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-toolbar-navbar-item:hover{background-color:var(--eui-c-neutral-bg)}.eui-toolbar-navbar-item--active{border-bottom:3px solid var(--eui-c-primary);color:var(--eui-c-primary)}\n'] }]
1104
+ args: [{ selector: "eui-toolbar", encapsulation: ViewEncapsulation25.None, template: '@if ( (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile ) {\n\n <div class="eui-toolbar__left">\n @if ( ( asService.state$ | async).hasHeaderLogo ) {\n <eui-toolbar-logo></eui-toolbar-logo>\n }\n @if ( ( asService.state$ | async).hasHeaderEnvironment ) {\n <eui-toolbar-environment>\n {{ (asService.state$ | async).environmentValue }}\n </eui-toolbar-environment>\n }\n @if ( (asService.state$ | async).appName ) {\n <eui-toolbar-app appName="{{ (asService.state$ | async).appName }}"></eui-toolbar-app>\n }\n </div>\n\n <ng-container *ngTemplateOutlet="toolbarCenter"></ng-container>\n <ng-container *ngTemplateOutlet="toolbarItems"></ng-container>\n <ng-container *ngTemplateOutlet="toolbarLanguageSelector"></ng-container>\n\n} @else {\n @if ( (asService.state$ | async).hasHeader ) {\n\n @if ( hasMenu ) {\n <ng-container *ngTemplateOutlet="toolbarMenu"></ng-container>\n } @else {\n <ng-container *ngTemplateOutlet="toolbarCenter"></ng-container>\n }\n <ng-container *ngTemplateOutlet="toolbarItems"></ng-container>\n\n } @else {\n\n <div class="eui-toolbar__left">\n <ng-content select="eui-toolbar-logo"></ng-content>\n <ng-content select="eui-toolbar-app"></ng-content>\n <ng-content select="eui-toolbar-environment"></ng-content>\n <ng-content select="eui-toolbar-start"></ng-content>\n </div>\n\n <ng-container *ngTemplateOutlet="toolbarCenter"></ng-container>\n\n <div class="eui-toolbar__right">\n <ng-container *ngTemplateOutlet="toolbarItems"></ng-container>\n </div>\n\n }\n <ng-container *ngTemplateOutlet="toolbarLanguageSelector"></ng-container>\n}\n\n<ng-template #toolbarCenter>\n <ng-content select="eui-toolbar-center"></ng-content>\n</ng-template>\n\n<ng-template #toolbarItems>\n <ng-content select="eui-toolbar-items"></ng-content>\n</ng-template>\n\n<ng-template #toolbarMenu>\n <ng-container *ngIf="hasMenu">\n <div class="eui-toolbar__left">\n <ng-content select="eui-toolbar-menu"></ng-content>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #toolbarLanguageSelector>\n <ng-container *ngIf="hasLanguageSelector">\n <div class="eui-toolbar__language-selector">\n <ng-content select="eui-language-selector"></ng-content>\n </div>\n </ng-container>\n</ng-template>\n', styles: ['.eui-toolbar{align-items:center;display:flex;flex-direction:row;height:var(--eui-app-toolbar-height);justify-content:space-between;padding:0 var(--eui-s-m) 0 var(--eui-s-xs);position:relative;width:100%;border-bottom:1px solid var(--eui-c-neutral-lightest)}.eui-toolbar__left,.eui-toolbar__start{display:flex;align-items:center;flex:1}.eui-toolbar__center{display:block;margin-left:auto;text-align:center}.eui-toolbar__right{align-items:center;display:flex;flex:1;justify-content:right}.eui-toolbar-items{align-items:center;display:flex;margin-left:auto;position:relative}.eui-toolbar-items--position-left{margin-right:auto}.eui-toolbar-items--position-right{margin-left:auto}.eui-toolbar-items>*{display:inline-flex}.eui-toolbar-item{display:flex;align-items:center;margin-left:var(--eui-s-s)}.eui-toolbar-logo{background-image:url(data:image/png;base64,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);background-size:cover;cursor:pointer;flex:0 0 auto;height:40px;margin-right:var(--eui-s-m);outline:1px solid var(--eui-c-neutral-lightest);outline-offset:-1px;width:60px}.eui-toolbar-app{font:var(--eui-f-xl);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__name{font:var(--eui-f-l);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-app__subTitle{font:var(--eui-f-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-environment{background-color:var(--eui-c-danger);color:var(--eui-c-white);cursor:pointer;font:var(--eui-f-s);left:var(--eui-s-3xs);pointer-events:none;position:absolute;text-align:center;transform:rotate(-20deg);width:4.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar--primary{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui-toolbar--secondary{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui-t-ec .eui-toolbar-logo{background-image:url(data:image/png;base64,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);height:39px;margin-top:-5px;outline:none;width:83px}.eui-t-ec .eui-toolbar-app{margin-top:10px}.eui--secondary .eui-toolbar{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.eui--primary .eui-toolbar{background-color:var(--eui-c-branding);color:var(--eui-c-white)}@media screen and (max-width: 767px){.eui-toolbar-logo,.eui-toolbar-environment{display:none}.eui-toolbar-app{display:block;font:var(--eui-f-l);padding-left:0}.eui-t-ec .eui-toolbar-app{margin-top:0}}.eui-toolbar-menu{display:flex;height:var(--eui-app-toolbar-height);width:100%}.eui-toolbar-menu.eui-toolbar-menu--lowercase-items ul>li>a{text-transform:initial}.eui-toolbar-menu-content{display:grid;height:var(--eui-app-toolbar-height);list-style-type:none;margin:0;padding:0;position:relative;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content ul:not(.show){display:flex;list-style:none;width:100%;z-index:calc(var(--eui-zi-sidebar) + 1)}.eui-toolbar-menu-content ul,.eui-toolbar-menu-content ul li,.eui-toolbar-menu-content ul li a{border:var(--eui-bw-none);border-bottom:2px solid var(--eui-c-branding);color:var(--eui-c-white);display:block;height:var(--eui-app-toolbar-height);line-height:var(--eui-s-l);margin:0;max-height:var(--eui-app-toolbar-height);min-width:0;padding:0;position:relative;text-decoration:none}.eui-toolbar-menu-content ul.disabled,.eui-toolbar-menu-content ul li.disabled,.eui-toolbar-menu-content ul li a.disabled{color:var(--eui-c-neutral-lighter)!important;font-style:italic}.eui-toolbar-menu-content ul.hidden,.eui-toolbar-menu-content ul li.hidden,.eui-toolbar-menu-content ul li a.hidden{display:none!important}.eui-toolbar-menu-content ul:hover,.eui-toolbar-menu-content ul li:hover,.eui-toolbar-menu-content ul li a:hover{background-color:var(--eui-c-branding);text-decoration:none!important}.eui-toolbar-menu-content:after,.eui-toolbar-menu-content>ul:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}.eui-toolbar-menu-content>ul>li{border-right:1px ridge rgba(255,255,255,.25);box-sizing:border-box;display:inline-block;min-width:60px}.eui-toolbar-menu-content>ul>li:empty{min-width:0}.eui-toolbar-menu-content>ul>li:last-child{border-right:none}.eui-toolbar-menu-content>ul>li>a{border-bottom:3px solid transparent;padding:var(--eui-s-m) var(--eui-s-s) var(--eui-s-xs);text-align:center;text-transform:uppercase;transition:color 0s linear,background-color .3s linear}.eui-toolbar-menu-content>ul>li>a:hover,.eui-toolbar-menu-content>ul>li>a:focus{border-color:var(--eui-c-neutral-lighter)!important}.eui-toolbar-menu-content>ul>li>a:hover.disabled,.eui-toolbar-menu-content>ul>li>a:focus.disabled{border-bottom:0 transparent}.eui-toolbar-menu-content>ul>li>a:not(.icon-home-link){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eui-toolbar-menu-content>ul>li.selected>a,.eui-toolbar-menu-content>ul>li:hover>a{background-color:var(--eui-c-accent);border-bottom:3px solid var(--eui-c-accent-dark);color:var(--eui-c-black)!important}.eui-toolbar-menu-content>ul>li.selected>a .eui-icon-svg>svg,.eui-toolbar-menu-content>ul>li:hover>a .eui-icon-svg>svg{color:var(--eui-c-neutral-bg-light);fill:var(--eui-c-neutral-bg-light)}.eui-toolbar-menu-content>ul>li.selected>a.disabled,.eui-toolbar-menu-content>ul>li:hover>a.disabled{background-color:transparent!important;border-bottom:0;border-left:0;color:var(--eui-c-neutral-lighter)!important;cursor:not-allowed;font-style:italic}.eui-toolbar-menu-content ul ul{left:-9999px;position:absolute;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content li:hover>ul.show,.eui-toolbar-menu-content li:focus-within>ul.showOnEnter{left:auto}.eui-toolbar-menu-content .showOnEnter a:focus{border-color:var(--eui-c-neutral-bg-light)}.eui-toolbar-menu-content ul.show .eui-icon-svg>svg{color:var(--eui-c-white);fill:var(--eui-c-white);height:1.25rem;width:1.25rem}.eui-toolbar-menu-content ul ul ul{margin-left:100%;top:0;z-index:var(--eui-zi-nav)}.eui-toolbar-menu-content ul ul li{height:0;transition:height .2s ease-in-out}.eui-toolbar-menu-content ul ul li.child{background:var(--eui-c-branding-dark);height:auto;min-height:var(--eui-s-3xl)}.eui-toolbar-menu-content ul ul li.child:empty{min-height:0}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__icon{margin-right:var(--eui-s-xs)}.eui-toolbar-menu-content ul ul li.child .eui-toolbar-menu-item__label{padding:var(--eui-s-2xs);position:relative}.eui-toolbar-menu-content ul ul li.hidden{display:none!important}.eui-toolbar-menu-content ul ul li a,.eui-toolbar-menu-content ul ul li h2{align-items:center;background:var(--eui-c-branding-dark);display:flex;line-height:1.25;min-height:var(--eui-s-3xl);min-width:260px;padding:var(--eui-s-2xs) var(--eui-s-xs);text-decoration:none;transition:color .2s ease-in-out}.eui-toolbar-menu-content ul ul li h2{color:var(--eui-c-accent);font-size:var(--eui-f-size-m);padding-left:var(--eui-s-xs);padding-top:var(--eui-s-s)}.eui-toolbar-menu-content ul ul li a{border-left:3px solid transparent;padding-left:var(--eui-s-2xs)}.eui-toolbar-menu-content ul ul li:hover>a,.eui-toolbar-menu-content ul ul li a:hover{border-left:3px solid var(--eui-c-accent-dark);color:var(--eui-c-accent)!important}.eui-toolbar-menu-content ul ul li.has-sub>a:after{border-bottom:2px solid var(--eui-c-neutral-lightest);border-right:2px solid var(--eui-c-neutral-lightest);content:"";height:10px;position:absolute;right:10px;top:var(--eui-s-s);transform:rotate(-45deg);width:10px}.eui-toolbar-menu-content ul ul li a.disabled{color:var(--eui-c-neutral-lighter)!important;cursor:default;font-style:italic}.eui-toolbar-menu-content ul ul li a.disabled:hover{border-left:0}.eui-toolbar-menu-content ul ul li.separator{background-color:var(--eui-c-neutral-bg-light)!important;height:1px!important}.eui-toolbar-menu-content .icon-home-link .eui-icon-svg>svg{height:1.5rem;width:1.5rem}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:after,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:after{border-right:0}.eui-toolbar-menu-content .icon-menu-item.selected .icon-home-link:before,.eui-toolbar-menu-content .icon-menu-item:hover .icon-home-link:before{border-left:0}.eui-toolbar-menu-content .eui-toolbar-menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#nav-bar.sidebar-toggle-with-top-menu #top-menu{left:calc(var(--eui-layout-sidebar-width) + var(--eui-f-size-base));position:absolute}.eui-toolbar-navbar{display:flex;align-items:center;width:100%;padding:0 var(--eui-s-s);height:var(--eui-s-5xl)}.eui-toolbar-navbar-item{display:inline-flex;align-items:center;height:100%;padding:var(--eui-s-m) var(--eui-s-s);border-bottom:3px solid transparent;font:var(--eui-f-bold);cursor:pointer}.eui-toolbar-navbar-item:focus:not([readonly]){outline:2px solid var(--eui-c-focus)!important;outline-offset:-2px!important;transition:none}.eui-toolbar-navbar-item:focus-visible:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-toolbar-navbar-item [tabindex="0"]:focus:not([readonly]){outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important;transition:none}.eui-toolbar-navbar-item:hover{background-color:var(--eui-c-neutral-bg)}.eui-toolbar-navbar-item--active{border-bottom:3px solid var(--eui-c-primary);color:var(--eui-c-primary)}\n'] }]
1101
1105
  }], ctorParameters: () => [{ type: i110.EuiAppShellService }], propDecorators: { cssClasses: [{
1102
1106
  type: HostBinding13,
1103
1107
  args: ["class"]
@@ -1300,11 +1304,20 @@ i020.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
1300
1304
  // eui-toolbar/toolbar-navbar/toolbar-navbar.component.mjs
1301
1305
  import { Component as Component19, ChangeDetectionStrategy as ChangeDetectionStrategy9, HostBinding as HostBinding19, ViewEncapsulation as ViewEncapsulation27, Output as Output4, EventEmitter as EventEmitter4, ContentChildren as ContentChildren2, forwardRef as forwardRef6 } from "@angular/core";
1302
1306
  import * as i021 from "@angular/core";
1307
+ import * as i111 from "@eui/core";
1308
+ import * as i26 from "@angular/common";
1309
+ import * as i35 from "@eui/components/eui-icon";
1310
+ import * as i43 from "@eui/components/eui-button";
1311
+ import * as i52 from "@eui/components/eui-dropdown";
1303
1312
  var EuiToolbarNavbarComponent = class _EuiToolbarNavbarComponent {
1304
- constructor() {
1313
+ constructor(asService) {
1314
+ this.asService = asService;
1305
1315
  this.class = "eui-toolbar-navbar";
1306
1316
  this.itemClick = new EventEmitter4();
1307
1317
  }
1318
+ ngAfterContentInit() {
1319
+ this.baseItemSelected = this.items.filter((i) => i.isActive)[0];
1320
+ }
1308
1321
  itemSelected(id) {
1309
1322
  this.items.forEach((item) => {
1310
1323
  if (item.id === id) {
@@ -1316,21 +1329,46 @@ var EuiToolbarNavbarComponent = class _EuiToolbarNavbarComponent {
1316
1329
  this.itemClick.emit(id);
1317
1330
  }
1318
1331
  static {
1319
- this.ɵfac = i021.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i021, type: _EuiToolbarNavbarComponent, deps: [], target: i021.ɵɵFactoryTarget.Component });
1332
+ this.ɵfac = i021.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i021, type: _EuiToolbarNavbarComponent, deps: [{ token: i111.EuiAppShellService }], target: i021.ɵɵFactoryTarget.Component });
1320
1333
  }
1321
1334
  static {
1322
- this.ɵcmp = i021.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiToolbarNavbarComponent, selector: "eui-toolbar-navbar", outputs: { itemClick: "itemClick" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "items", predicate: i021.forwardRef(() => EuiToolbarNavbarItemComponent) }], ngImport: i021, template: "<ng-content></ng-content>", isInline: true, changeDetection: i021.ChangeDetectionStrategy.Default, encapsulation: i021.ViewEncapsulation.None });
1335
+ this.ɵcmp = i021.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.0", type: _EuiToolbarNavbarComponent, selector: "eui-toolbar-navbar", outputs: { itemClick: "itemClick" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "items", predicate: i021.forwardRef(() => EuiToolbarNavbarItemComponent) }], ngImport: i021, template: `@if ( (asService.breakpoints$ | async).isTablet || (asService.breakpoints$ | async).isMobile ) {
1336
+ <eui-dropdown isLabelUpdatedFromSelectedItem>
1337
+ <button euiButton euiSecondary [attr.aria-label]="'Button trigger'">
1338
+ <span class="eui-label">{{ baseItemSelected.id }}</span>
1339
+ <eui-icon-svg icon="eui-ellipsis-vertical" size="s"></eui-icon-svg>
1340
+ </button>
1341
+ <eui-dropdown-content>
1342
+ <button *ngFor="let item of items" euiDropdownItem (click)="itemSelected(item.id)" ariaLabel="{{item.id}}">
1343
+ {{ item.id }}
1344
+ </button>
1345
+ </eui-dropdown-content>
1346
+ </eui-dropdown>
1347
+ } @else {
1348
+ <ng-content></ng-content>
1349
+ }
1350
+ `, dependencies: [{ kind: "directive", type: i26.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i35.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i43.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i52.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled", "euiDisabled"] }, { kind: "component", type: i52.EuiDropdownItemComponent, selector: "eui-dropdown-item, [euiDropdownItem]", inputs: ["subDropdown", "isActive"] }, { kind: "directive", type: i52.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "pipe", type: i26.AsyncPipe, name: "async" }], changeDetection: i021.ChangeDetectionStrategy.Default, encapsulation: i021.ViewEncapsulation.None });
1323
1351
  }
1324
1352
  };
1325
1353
  i021.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i021, type: EuiToolbarNavbarComponent, decorators: [{
1326
1354
  type: Component19,
1327
- args: [{
1328
- selector: "eui-toolbar-navbar",
1329
- template: "<ng-content></ng-content>",
1330
- changeDetection: ChangeDetectionStrategy9.Default,
1331
- encapsulation: ViewEncapsulation27.None
1332
- }]
1333
- }], propDecorators: { class: [{
1355
+ args: [{ selector: "eui-toolbar-navbar", changeDetection: ChangeDetectionStrategy9.Default, encapsulation: ViewEncapsulation27.None, template: `@if ( (asService.breakpoints$ | async).isTablet || (asService.breakpoints$ | async).isMobile ) {
1356
+ <eui-dropdown isLabelUpdatedFromSelectedItem>
1357
+ <button euiButton euiSecondary [attr.aria-label]="'Button trigger'">
1358
+ <span class="eui-label">{{ baseItemSelected.id }}</span>
1359
+ <eui-icon-svg icon="eui-ellipsis-vertical" size="s"></eui-icon-svg>
1360
+ </button>
1361
+ <eui-dropdown-content>
1362
+ <button *ngFor="let item of items" euiDropdownItem (click)="itemSelected(item.id)" ariaLabel="{{item.id}}">
1363
+ {{ item.id }}
1364
+ </button>
1365
+ </eui-dropdown-content>
1366
+ </eui-dropdown>
1367
+ } @else {
1368
+ <ng-content></ng-content>
1369
+ }
1370
+ ` }]
1371
+ }], ctorParameters: () => [{ type: i111.EuiAppShellService }], propDecorators: { class: [{
1334
1372
  type: HostBinding19
1335
1373
  }], itemClick: [{
1336
1374
  type: Output4
@@ -1346,6 +1384,7 @@ import { RouterModule as RouterModule2 } from "@angular/router";
1346
1384
  import { TranslateModule } from "@ngx-translate/core";
1347
1385
  import { EuiIconModule as EuiIconModule3 } from "@eui/components/eui-icon";
1348
1386
  import { EuiButtonModule as EuiButtonModule2 } from "@eui/components/eui-button";
1387
+ import { EuiDropdownModule } from "@eui/components/eui-dropdown";
1349
1388
  import { EuiLanguageSelectorModule } from "@eui/components/eui-language-selector";
1350
1389
  import * as i022 from "@angular/core";
1351
1390
  var COMPONENTS2 = [
@@ -1383,6 +1422,7 @@ var EuiToolbarModule = class _EuiToolbarModule {
1383
1422
  RouterModule2,
1384
1423
  EuiIconModule3,
1385
1424
  EuiButtonModule2,
1425
+ EuiDropdownModule,
1386
1426
  EuiLanguageSelectorModule,
1387
1427
  TranslateModule
1388
1428
  ], exports: [
@@ -1405,6 +1445,7 @@ var EuiToolbarModule = class _EuiToolbarModule {
1405
1445
  RouterModule2,
1406
1446
  EuiIconModule3,
1407
1447
  EuiButtonModule2,
1448
+ EuiDropdownModule,
1408
1449
  EuiLanguageSelectorModule,
1409
1450
  TranslateModule
1410
1451
  ] });
@@ -1418,6 +1459,7 @@ i022.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
1418
1459
  RouterModule2,
1419
1460
  EuiIconModule3,
1420
1461
  EuiButtonModule2,
1462
+ EuiDropdownModule,
1421
1463
  EuiLanguageSelectorModule,
1422
1464
  TranslateModule
1423
1465
  ],
@@ -1429,10 +1471,10 @@ i022.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
1429
1471
  // eui-app/eui-app-toolbar/toolbar.component.mjs
1430
1472
  import { Component as Component20, HostBinding as HostBinding20, ChangeDetectionStrategy as ChangeDetectionStrategy11, ViewEncapsulation as ViewEncapsulation29, Input as Input11, booleanAttribute as booleanAttribute7 } from "@angular/core";
1431
1473
  import * as i023 from "@angular/core";
1432
- import * as i111 from "@eui/core";
1433
- import * as i26 from "@angular/common";
1434
- import * as i43 from "@eui/components/eui-language-selector";
1435
- import * as i52 from "@eui/components/pipes";
1474
+ import * as i112 from "@eui/core";
1475
+ import * as i27 from "@angular/common";
1476
+ import * as i44 from "@eui/components/eui-language-selector";
1477
+ import * as i53 from "@eui/components/pipes";
1436
1478
  var EuiAppToolbarComponent = class _EuiAppToolbarComponent {
1437
1479
  get cssClasses() {
1438
1480
  return [
@@ -1457,7 +1499,7 @@ var EuiAppToolbarComponent = class _EuiAppToolbarComponent {
1457
1499
  document.documentElement.style.removeProperty("--eui-app-toolbar-height");
1458
1500
  }
1459
1501
  static {
1460
- this.ɵfac = i023.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i023, type: _EuiAppToolbarComponent, deps: [{ token: i111.EuiAppShellService }], target: i023.ɵɵFactoryTarget.Component });
1502
+ this.ɵfac = i023.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i023, type: _EuiAppToolbarComponent, deps: [{ token: i112.EuiAppShellService }], target: i023.ɵɵFactoryTarget.Component });
1461
1503
  }
1462
1504
  static {
1463
1505
  this.ɵcmp = i023.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiAppToolbarComponent, selector: "eui-app-toolbar", inputs: { euiSecondary: ["euiSecondary", "euiSecondary", booleanAttribute7], hasLanguageSelector: ["hasLanguageSelector", "hasLanguageSelector", booleanAttribute7] }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, ngImport: i023, template: `<!--Only render the toggle if there is a rendered sidebar in the DOM, otherwise it doesn't make sense. -->
@@ -1474,7 +1516,7 @@ var EuiAppToolbarComponent = class _EuiAppToolbarComponent {
1474
1516
  <eui-language-selector isToolbarSelector></eui-language-selector>
1475
1517
  </ng-container>
1476
1518
  </ng-container>
1477
- `, styles: [".eui-app-toolbar{align-items:center;width:100%;height:var(--eui-app-toolbar-height);display:flex;position:fixed;right:0;left:0;top:calc(var(--eui-app-header-height) + var(--eui-app-top-message-height));transition:top .1s ease,left .1s ease-in,width .1s ease-in;z-index:var(--eui-zi-nav);border-bottom:1px solid var(--eui-c-neutral-lightest)}.eui-app-toolbar__sidebar-toggle{padding-left:var(--eui-s-xs);padding-right:var(--eui-s-xs)}.eui-app-toolbar .eui-language-selector{margin-right:var(--eui-s-m)}.eui-app-toolbar--primary{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui-app-toolbar--secondary{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.modal-open .eui-app-toolbar{z-index:auto}.eui-t-ec .eui-app-toolbar__sidebar-toggle{padding-top:calc(var(--eui-s-m) + 2px)}\n"], dependencies: [{ kind: "directive", type: i26.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EuiSidebarToggleComponent, selector: "eui-sidebar-toggle", inputs: ["e2eAttr", "iconSvgFillColor"] }, { kind: "component", type: i43.EuiLanguageSelectorComponent, selector: "eui-language-selector", inputs: ["hasLanguageSelection", "isToolbarSelector", "euiPrimary"], outputs: ["languageSelectorClick"] }, { kind: "pipe", type: i26.AsyncPipe, name: "async" }, { kind: "pipe", type: i52.EuiCoerceBooleanPipe, name: "coerceBool" }], changeDetection: i023.ChangeDetectionStrategy.Default, encapsulation: i023.ViewEncapsulation.None });
1519
+ `, styles: [".eui-app-toolbar{align-items:center;width:100%;height:var(--eui-app-toolbar-height);display:flex;position:fixed;right:0;left:0;top:calc(var(--eui-app-header-height) + var(--eui-app-top-message-height));transition:top .1s ease,left .1s ease-in,width .1s ease-in;z-index:var(--eui-zi-nav);border-bottom:1px solid var(--eui-c-neutral-lightest)}.eui-app-toolbar__sidebar-toggle{padding-left:var(--eui-s-xs);padding-right:var(--eui-s-xs)}.eui-app-toolbar .eui-language-selector{margin-right:var(--eui-s-m)}.eui-app-toolbar--primary{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui-app-toolbar--secondary{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.modal-open .eui-app-toolbar{z-index:auto}.eui-t-ec .eui-app-toolbar__sidebar-toggle{padding-top:calc(var(--eui-s-m) + 2px)}\n"], dependencies: [{ kind: "directive", type: i27.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EuiSidebarToggleComponent, selector: "eui-sidebar-toggle", inputs: ["e2eAttr", "iconSvgFillColor"] }, { kind: "component", type: i44.EuiLanguageSelectorComponent, selector: "eui-language-selector", inputs: ["hasLanguageSelection", "isToolbarSelector", "euiPrimary"], outputs: ["languageSelectorClick"] }, { kind: "pipe", type: i27.AsyncPipe, name: "async" }, { kind: "pipe", type: i53.EuiCoerceBooleanPipe, name: "coerceBool" }], changeDetection: i023.ChangeDetectionStrategy.Default, encapsulation: i023.ViewEncapsulation.None });
1478
1520
  }
1479
1521
  };
1480
1522
  i023.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i023, type: EuiAppToolbarComponent, decorators: [{
@@ -1494,7 +1536,7 @@ i023.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
1494
1536
  </ng-container>
1495
1537
  </ng-container>
1496
1538
  `, styles: [".eui-app-toolbar{align-items:center;width:100%;height:var(--eui-app-toolbar-height);display:flex;position:fixed;right:0;left:0;top:calc(var(--eui-app-header-height) + var(--eui-app-top-message-height));transition:top .1s ease,left .1s ease-in,width .1s ease-in;z-index:var(--eui-zi-nav);border-bottom:1px solid var(--eui-c-neutral-lightest)}.eui-app-toolbar__sidebar-toggle{padding-left:var(--eui-s-xs);padding-right:var(--eui-s-xs)}.eui-app-toolbar .eui-language-selector{margin-right:var(--eui-s-m)}.eui-app-toolbar--primary{background-color:var(--eui-c-branding);color:var(--eui-c-white)}.eui-app-toolbar--secondary{background-color:var(--eui-c-neutral-bg-light);color:var(--eui-c-text)}.modal-open .eui-app-toolbar{z-index:auto}.eui-t-ec .eui-app-toolbar__sidebar-toggle{padding-top:calc(var(--eui-s-m) + 2px)}\n"] }]
1497
- }], ctorParameters: () => [{ type: i111.EuiAppShellService }], propDecorators: { cssClasses: [{
1539
+ }], ctorParameters: () => [{ type: i112.EuiAppShellService }], propDecorators: { cssClasses: [{
1498
1540
  type: HostBinding20,
1499
1541
  args: ["class"]
1500
1542
  }], role: [{
@@ -1541,9 +1583,9 @@ import { Subject, fromEvent } from "rxjs";
1541
1583
  import { debounceTime, takeUntil } from "rxjs/operators";
1542
1584
  import { CssUtils as CssUtils2 } from "@eui/core";
1543
1585
  import * as i025 from "@angular/core";
1544
- import * as i112 from "@eui/core";
1545
- import * as i27 from "@angular/common";
1546
- import * as i35 from "@angular/router";
1586
+ import * as i113 from "@eui/core";
1587
+ import * as i28 from "@angular/common";
1588
+ import * as i36 from "@angular/router";
1547
1589
  import * as i9 from "@eui/components/eui-block-document";
1548
1590
  import * as i10 from "@eui/components/eui-growl";
1549
1591
  import * as i11 from "@eui/components/eui-dimmer";
@@ -1622,16 +1664,16 @@ var EuiAppComponent = class _EuiAppComponent {
1622
1664
  this.destroy$.unsubscribe();
1623
1665
  }
1624
1666
  static {
1625
- this.ɵfac = i025.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i025, type: _EuiAppComponent, deps: [{ token: i112.EuiAppShellService }, { token: i112.EuiGrowlService }, { token: i025.ChangeDetectorRef }], target: i025.ɵɵFactoryTarget.Component });
1667
+ this.ɵfac = i025.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i025, type: _EuiAppComponent, deps: [{ token: i113.EuiAppShellService }, { token: i113.EuiGrowlService }, { token: i025.ChangeDetectorRef }], target: i025.ɵɵFactoryTarget.Component });
1626
1668
  }
1627
1669
  static {
1628
- this.ɵcmp = i025.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiAppComponent, selector: "eui-app", inputs: { appSubTitle: "appSubTitle", themeClass: "themeClass", isSidebarOpen: ["isSidebarOpen", "isSidebarOpen", booleanAttribute8], isSidebarExpandOnHover: ["isSidebarExpandOnHover", "isSidebarExpandOnHover", booleanAttribute8], isShrinkHeaderActive: ["isShrinkHeaderActive", "isShrinkHeaderActive", booleanAttribute8], isSidebarHidden: ["isSidebarHidden", "isSidebarHidden", booleanAttribute8] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "appSidebar", first: true, predicate: i025.forwardRef(() => EuiAppSidebarComponent), descendants: true }, { propertyName: "customPageWrapper", first: true, predicate: i025.forwardRef(() => EuiAppPageWrapperDirective), descendants: true }, { propertyName: "appToolbar", first: true, predicate: i025.forwardRef(() => EuiAppToolbarComponent), descendants: true }], usesOnChanges: true, ngImport: i025, template: '<eui-dimmer [isDimmerActive]="(asService.state$ | async).isDimmerActive"></eui-dimmer>\n\n<ng-content select="eui-app-sidebar"></ng-content>\n<ng-container *ngIf="!appSidebar && (asService.state$ | async).menuLinks.length !== 0 && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile">\n <eui-app-sidebar>\n <eui-app-sidebar-body>\n <eui-app-sidebar-menu [items]="(asService.state$ | async).menuLinks" [hasIcons]="true"></eui-app-sidebar-menu>\n </eui-app-sidebar-body>\n </eui-app-sidebar>\n</ng-container>\n\n<div class="eui-app-main">\n <ng-content select="eui-app-top-message"></ng-content>\n\n <ng-content select="eui-app-header"></ng-content>\n\n <ng-container\n *ngIf="!appToolbar && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile; else elseBlockToolbar">\n <eui-app-toolbar>\n <eui-toolbar></eui-toolbar>\n </eui-app-toolbar>\n </ng-container>\n\n <ng-template #elseBlockToolbar>\n <ng-content select="eui-app-toolbar"></ng-content>\n </ng-template>\n\n <ng-content select="eui-app-breadcrumb"></ng-content>\n\n <div class="eui-app-main-content" role="main">\n <ng-content select="eui-app-page-wrapper"></ng-content>\n <ng-container *ngIf="hasNoPageWrapper">\n <router-outlet></router-outlet>\n </ng-container>\n </div>\n\n <ng-content select="eui-app-footer"></ng-content>\n</div>\n\n<eui-growl\n [value]="euiGrowlService.growlMessages"\n [sticky]="euiGrowlService.isGrowlSticky"\n [closeAllSticky]="euiGrowlService.isCloseAllSticky"\n [life]="euiGrowlService.growlLife"\n [position]="euiGrowlService.growlPosition"\n (clicked)="euiGrowlService.growlCallback ? euiGrowlService.growlCallback(): null"></eui-growl>\n\n<eui-block-document [isBlocked]="(asService.state$ | async).isBlockDocumentActive"></eui-block-document>\n', styles: ['.eui-app{display:flex;overflow:hidden}@media screen and (max-width: 767px){.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:"";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:"";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 996px){.sidebar--hidden.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:"";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}.eui-app-main{min-height:100vh;background:var(--eui-c-bg);width:calc(100% - var(--eui-app-sidebar-width));margin-left:var(--eui-app-sidebar-width);display:flex;flex-direction:column}@media screen and (max-width: 767px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 996px){.sidebar--close .eui-app-main{margin-left:var(--eui-app-sidebar-width-close);width:calc(100% - var(--eui-app-sidebar-width-close))}.sidebar--hidden.sidebar--close .eui-app-main,.sidebar--hidden.sidebar--open .eui-app-main{margin-left:0;width:100%}}.eui-app-main-content{flex-grow:1;margin-top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height) - var(--eui-app-breadcrumb-height));position:relative}eui-app-page-wrapper{display:flex;width:100%}\n'], dependencies: [{ kind: "directive", type: i27.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i35.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EuiAppToolbarComponent, selector: "eui-app-toolbar", inputs: ["euiSecondary", "hasLanguageSelector"] }, { kind: "component", type: EuiToolbarComponent, selector: "eui-toolbar", inputs: ["euiSecondary"] }, { kind: "component", type: EuiAppSidebarComponent, selector: "eui-app-sidebar" }, { kind: "component", type: EuiAppSidebarBodyComponent, selector: "eui-app-sidebar-body" }, { kind: "component", type: EuiAppSidebarMenuComponent, selector: "eui-app-sidebar-menu", inputs: ["hasFilter", "hasIcons", "hasTooltip", "expandAllItems", "isCollapsed", "hasCollapsedInitials", "isFlat", "hasScrollToItem", "hasLowercaseItems", "items"], outputs: ["sidebarItemClick"] }, { kind: "component", type: i9.EuiBlockDocumentComponent, selector: "eui-block-document", inputs: ["isBlocked", "ariaLabel"] }, { kind: "component", type: i10.EuiGrowlComponent, selector: "eui-growl", inputs: ["sticky", "life", "value", "style", "position", "e2eAttr", "closeAllSticky"], outputs: ["growlClick"] }, { kind: "component", type: i11.EuiDimmerComponent, selector: "eui-dimmer", inputs: ["isDimmerActive", "e2eAttr"] }, { kind: "pipe", type: i27.AsyncPipe, name: "async" }], encapsulation: i025.ViewEncapsulation.None });
1670
+ this.ɵcmp = i025.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiAppComponent, selector: "eui-app", inputs: { appSubTitle: "appSubTitle", themeClass: "themeClass", isSidebarOpen: ["isSidebarOpen", "isSidebarOpen", booleanAttribute8], isSidebarExpandOnHover: ["isSidebarExpandOnHover", "isSidebarExpandOnHover", booleanAttribute8], isShrinkHeaderActive: ["isShrinkHeaderActive", "isShrinkHeaderActive", booleanAttribute8], isSidebarHidden: ["isSidebarHidden", "isSidebarHidden", booleanAttribute8] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "appSidebar", first: true, predicate: i025.forwardRef(() => EuiAppSidebarComponent), descendants: true }, { propertyName: "customPageWrapper", first: true, predicate: i025.forwardRef(() => EuiAppPageWrapperDirective), descendants: true }, { propertyName: "appToolbar", first: true, predicate: i025.forwardRef(() => EuiAppToolbarComponent), descendants: true }], usesOnChanges: true, ngImport: i025, template: '<eui-dimmer [isDimmerActive]="(asService.state$ | async).isDimmerActive"></eui-dimmer>\n\n<ng-content select="eui-app-sidebar"></ng-content>\n<ng-container *ngIf="!appSidebar && (asService.state$ | async).menuLinks.length !== 0 && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile">\n <eui-app-sidebar>\n <eui-app-sidebar-body>\n <eui-app-sidebar-menu [items]="(asService.state$ | async).menuLinks" [hasIcons]="true"></eui-app-sidebar-menu>\n </eui-app-sidebar-body>\n </eui-app-sidebar>\n</ng-container>\n\n<div class="eui-app-main">\n <ng-content select="eui-app-top-message"></ng-content>\n\n <ng-content select="eui-app-header"></ng-content>\n\n <ng-container\n *ngIf="!appToolbar && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile; else elseBlockToolbar">\n <eui-app-toolbar>\n <eui-toolbar></eui-toolbar>\n </eui-app-toolbar>\n </ng-container>\n\n <ng-template #elseBlockToolbar>\n <ng-content select="eui-app-toolbar"></ng-content>\n </ng-template>\n\n <ng-content select="eui-app-breadcrumb"></ng-content>\n\n <div class="eui-app-main-content" role="main">\n <ng-content select="eui-app-page-wrapper"></ng-content>\n <ng-container *ngIf="hasNoPageWrapper">\n <router-outlet></router-outlet>\n </ng-container>\n </div>\n\n <ng-content select="eui-app-footer"></ng-content>\n</div>\n\n<eui-growl\n [value]="euiGrowlService.growlMessages"\n [sticky]="euiGrowlService.isGrowlSticky"\n [closeAllSticky]="euiGrowlService.isCloseAllSticky"\n [life]="euiGrowlService.growlLife"\n [position]="euiGrowlService.growlPosition"\n (clicked)="euiGrowlService.growlCallback ? euiGrowlService.growlCallback(): null"></eui-growl>\n\n<eui-block-document [isBlocked]="(asService.state$ | async).isBlockDocumentActive"></eui-block-document>\n', styles: ['.eui-app{display:flex;overflow:hidden}@media screen and (max-width: 767px){.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:"";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:"";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 996px){.sidebar--hidden.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:"";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}.eui-app-main{min-height:100vh;background:var(--eui-c-bg);width:calc(100% - var(--eui-app-sidebar-width));margin-left:var(--eui-app-sidebar-width);display:flex;flex-direction:column}@media screen and (max-width: 767px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 996px){.sidebar--close .eui-app-main{margin-left:var(--eui-app-sidebar-width-close);width:calc(100% - var(--eui-app-sidebar-width-close))}.sidebar--hidden.sidebar--close .eui-app-main,.sidebar--hidden.sidebar--open .eui-app-main{margin-left:0;width:100%}}.eui-app-main-content{flex-grow:1;margin-top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height) - var(--eui-app-breadcrumb-height));position:relative}eui-app-page-wrapper{display:flex;width:100%}\n'], dependencies: [{ kind: "directive", type: i28.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i36.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EuiAppToolbarComponent, selector: "eui-app-toolbar", inputs: ["euiSecondary", "hasLanguageSelector"] }, { kind: "component", type: EuiToolbarComponent, selector: "eui-toolbar", inputs: ["euiSecondary"] }, { kind: "component", type: EuiAppSidebarComponent, selector: "eui-app-sidebar" }, { kind: "component", type: EuiAppSidebarBodyComponent, selector: "eui-app-sidebar-body" }, { kind: "component", type: EuiAppSidebarMenuComponent, selector: "eui-app-sidebar-menu", inputs: ["hasFilter", "hasIcons", "hasTooltip", "expandAllItems", "isCollapsed", "hasCollapsedInitials", "isFlat", "hasScrollToItem", "hasLowercaseItems", "hasBoldRootLevel", "items"], outputs: ["sidebarItemClick"] }, { kind: "component", type: i9.EuiBlockDocumentComponent, selector: "eui-block-document", inputs: ["isBlocked", "ariaLabel"] }, { kind: "component", type: i10.EuiGrowlComponent, selector: "eui-growl", inputs: ["sticky", "life", "value", "style", "position", "e2eAttr", "closeAllSticky"], outputs: ["growlClick"] }, { kind: "component", type: i11.EuiDimmerComponent, selector: "eui-dimmer", inputs: ["isDimmerActive", "e2eAttr"] }, { kind: "pipe", type: i28.AsyncPipe, name: "async" }], encapsulation: i025.ViewEncapsulation.None });
1629
1671
  }
1630
1672
  };
1631
1673
  i025.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i025, type: EuiAppComponent, decorators: [{
1632
1674
  type: Component21,
1633
1675
  args: [{ selector: "eui-app", encapsulation: ViewEncapsulation31.None, template: '<eui-dimmer [isDimmerActive]="(asService.state$ | async).isDimmerActive"></eui-dimmer>\n\n<ng-content select="eui-app-sidebar"></ng-content>\n<ng-container *ngIf="!appSidebar && (asService.state$ | async).menuLinks.length !== 0 && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile">\n <eui-app-sidebar>\n <eui-app-sidebar-body>\n <eui-app-sidebar-menu [items]="(asService.state$ | async).menuLinks" [hasIcons]="true"></eui-app-sidebar-menu>\n </eui-app-sidebar-body>\n </eui-app-sidebar>\n</ng-container>\n\n<div class="eui-app-main">\n <ng-content select="eui-app-top-message"></ng-content>\n\n <ng-content select="eui-app-header"></ng-content>\n\n <ng-container\n *ngIf="!appToolbar && (asService.state$ | async).hasHeader && (asService.breakpoints$ | async).isMobile; else elseBlockToolbar">\n <eui-app-toolbar>\n <eui-toolbar></eui-toolbar>\n </eui-app-toolbar>\n </ng-container>\n\n <ng-template #elseBlockToolbar>\n <ng-content select="eui-app-toolbar"></ng-content>\n </ng-template>\n\n <ng-content select="eui-app-breadcrumb"></ng-content>\n\n <div class="eui-app-main-content" role="main">\n <ng-content select="eui-app-page-wrapper"></ng-content>\n <ng-container *ngIf="hasNoPageWrapper">\n <router-outlet></router-outlet>\n </ng-container>\n </div>\n\n <ng-content select="eui-app-footer"></ng-content>\n</div>\n\n<eui-growl\n [value]="euiGrowlService.growlMessages"\n [sticky]="euiGrowlService.isGrowlSticky"\n [closeAllSticky]="euiGrowlService.isCloseAllSticky"\n [life]="euiGrowlService.growlLife"\n [position]="euiGrowlService.growlPosition"\n (clicked)="euiGrowlService.growlCallback ? euiGrowlService.growlCallback(): null"></eui-growl>\n\n<eui-block-document [isBlocked]="(asService.state$ | async).isBlockDocumentActive"></eui-block-document>\n', styles: ['.eui-app{display:flex;overflow:hidden}@media screen and (max-width: 767px){.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:"";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:"";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}@media screen and (min-width: 996px){.sidebar--hidden.eui-app.sidebar--open:before{background:#0000004d;bottom:0;content:"";position:fixed;right:0;top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));transition:all .1s ease;width:100vw;z-index:980}}.eui-app-main{min-height:100vh;background:var(--eui-c-bg);width:calc(100% - var(--eui-app-sidebar-width));margin-left:var(--eui-app-sidebar-width);display:flex;flex-direction:column}@media screen and (max-width: 767px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 768px) and (max-width: 995px){.eui-app-main{margin-left:0;width:100%}}@media screen and (min-width: 996px){.sidebar--close .eui-app-main{margin-left:var(--eui-app-sidebar-width-close);width:calc(100% - var(--eui-app-sidebar-width-close))}.sidebar--hidden.sidebar--close .eui-app-main,.sidebar--hidden.sidebar--open .eui-app-main{margin-left:0;width:100%}}.eui-app-main-content{flex-grow:1;margin-top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height) - var(--eui-app-breadcrumb-height));position:relative}eui-app-page-wrapper{display:flex;width:100%}\n'] }]
1634
- }], ctorParameters: () => [{ type: i112.EuiAppShellService }, { type: i112.EuiGrowlService }, { type: i025.ChangeDetectorRef }], propDecorators: { cssClasses: [{
1676
+ }], ctorParameters: () => [{ type: i113.EuiAppShellService }, { type: i113.EuiGrowlService }, { type: i025.ChangeDetectorRef }], propDecorators: { cssClasses: [{
1635
1677
  type: HostBinding21,
1636
1678
  args: ["class"]
1637
1679
  }], appSubTitle: [{
@@ -1680,9 +1722,9 @@ import { Subject as Subject2 } from "rxjs";
1680
1722
  import { filter as filter2, takeUntil as takeUntil2 } from "rxjs/operators";
1681
1723
  import { CssUtils as CssUtils3 } from "@eui/core";
1682
1724
  import * as i026 from "@angular/core";
1683
- import * as i113 from "@eui/core";
1684
- import * as i28 from "@angular/cdk/scrolling";
1685
- import * as i36 from "@angular/common";
1725
+ import * as i114 from "@eui/core";
1726
+ import * as i29 from "@angular/cdk/scrolling";
1727
+ import * as i37 from "@angular/common";
1686
1728
  var EuiAppHeaderComponent = class _EuiAppHeaderComponent {
1687
1729
  get cssClasses() {
1688
1730
  return this.getCssClasses();
@@ -1726,16 +1768,16 @@ var EuiAppHeaderComponent = class _EuiAppHeaderComponent {
1726
1768
  return ["eui-app-header", this.isHeaderShrinked ? "eui-app-header--shrinked" : ""].join(" ");
1727
1769
  }
1728
1770
  static {
1729
- this.ɵfac = i026.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i026, type: _EuiAppHeaderComponent, deps: [{ token: i113.EuiAppShellService }, { token: i026.NgZone }, { token: i28.ViewportRuler }, { token: i28.ScrollDispatcher }], target: i026.ɵɵFactoryTarget.Component });
1771
+ this.ɵfac = i026.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i026, type: _EuiAppHeaderComponent, deps: [{ token: i114.EuiAppShellService }, { token: i026.NgZone }, { token: i29.ViewportRuler }, { token: i29.ScrollDispatcher }], target: i026.ɵɵFactoryTarget.Component });
1730
1772
  }
1731
1773
  static {
1732
- this.ɵcmp = i026.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiAppHeaderComponent, selector: "eui-app-header", inputs: { isShrinkHeaderActive: "isShrinkHeaderActive" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, ngImport: i026, template: '<eui-sidebar-toggle\n *ngIf="(asService.state$ | async).hasSidebar && (asService.state$ | async).hasHeader && !(asService.state$ | async).hasToolbar"\n class="eui-app-header__sidebar-toggle"\n iconSvgFillColor="primary">\n</eui-sidebar-toggle>\n\n<ng-content select="eui-header"></ng-content>\n', styles: [".eui-app-header{align-items:center;background-color:var(--eui-c-white);display:flex;flex-direction:row;height:var(--eui-app-header-height);position:fixed;right:0;top:var(--eui-app-top-message-height);width:100%;z-index:var(--eui-zi-header);transition:all .1s ease}.eui-app-header--shrinked{visibility:hidden}.eui-app-header__sidebar-toggle{padding-left:var(--eui-s-xs);padding-top:var(--eui-s-m)}@media screen and (max-width: 767px){.eui-app-header{visibility:hidden}}\n"], dependencies: [{ kind: "directive", type: i36.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EuiSidebarToggleComponent, selector: "eui-sidebar-toggle", inputs: ["e2eAttr", "iconSvgFillColor"] }, { kind: "pipe", type: i36.AsyncPipe, name: "async" }], changeDetection: i026.ChangeDetectionStrategy.Default, encapsulation: i026.ViewEncapsulation.None });
1774
+ this.ɵcmp = i026.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiAppHeaderComponent, selector: "eui-app-header", inputs: { isShrinkHeaderActive: "isShrinkHeaderActive" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, ngImport: i026, template: '<eui-sidebar-toggle\n *ngIf="(asService.state$ | async).hasSidebar && (asService.state$ | async).hasHeader && !(asService.state$ | async).hasToolbar"\n class="eui-app-header__sidebar-toggle"\n iconSvgFillColor="primary">\n</eui-sidebar-toggle>\n\n<ng-content select="eui-header"></ng-content>\n', styles: [".eui-app-header{align-items:center;background-color:var(--eui-c-white);display:flex;flex-direction:row;height:var(--eui-app-header-height);position:fixed;right:0;top:var(--eui-app-top-message-height);width:100%;z-index:var(--eui-zi-header);transition:all .1s ease}.eui-app-header--shrinked{visibility:hidden}.eui-app-header__sidebar-toggle{padding-left:var(--eui-s-xs);padding-top:var(--eui-s-m)}@media screen and (max-width: 767px){.eui-app-header{visibility:hidden}}\n"], dependencies: [{ kind: "directive", type: i37.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: EuiSidebarToggleComponent, selector: "eui-sidebar-toggle", inputs: ["e2eAttr", "iconSvgFillColor"] }, { kind: "pipe", type: i37.AsyncPipe, name: "async" }], changeDetection: i026.ChangeDetectionStrategy.Default, encapsulation: i026.ViewEncapsulation.None });
1733
1775
  }
1734
1776
  };
1735
1777
  i026.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i026, type: EuiAppHeaderComponent, decorators: [{
1736
1778
  type: Component22,
1737
1779
  args: [{ selector: "eui-app-header", changeDetection: ChangeDetectionStrategy13.Default, encapsulation: ViewEncapsulation33.None, template: '<eui-sidebar-toggle\n *ngIf="(asService.state$ | async).hasSidebar && (asService.state$ | async).hasHeader && !(asService.state$ | async).hasToolbar"\n class="eui-app-header__sidebar-toggle"\n iconSvgFillColor="primary">\n</eui-sidebar-toggle>\n\n<ng-content select="eui-header"></ng-content>\n', styles: [".eui-app-header{align-items:center;background-color:var(--eui-c-white);display:flex;flex-direction:row;height:var(--eui-app-header-height);position:fixed;right:0;top:var(--eui-app-top-message-height);width:100%;z-index:var(--eui-zi-header);transition:all .1s ease}.eui-app-header--shrinked{visibility:hidden}.eui-app-header__sidebar-toggle{padding-left:var(--eui-s-xs);padding-top:var(--eui-s-m)}@media screen and (max-width: 767px){.eui-app-header{visibility:hidden}}\n"] }]
1738
- }], ctorParameters: () => [{ type: i113.EuiAppShellService }, { type: i026.NgZone }, { type: i28.ViewportRuler }, { type: i28.ScrollDispatcher }], propDecorators: { cssClasses: [{
1780
+ }], ctorParameters: () => [{ type: i114.EuiAppShellService }, { type: i026.NgZone }, { type: i29.ViewportRuler }, { type: i29.ScrollDispatcher }], propDecorators: { cssClasses: [{
1739
1781
  type: HostBinding22,
1740
1782
  args: ["class"]
1741
1783
  }], role: [{
@@ -1775,7 +1817,7 @@ i027.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
1775
1817
  // eui-app/eui-app-breadcrumb/breadcrumb.component.mjs
1776
1818
  import { Component as Component23, HostBinding as HostBinding23, ChangeDetectionStrategy as ChangeDetectionStrategy15, ViewEncapsulation as ViewEncapsulation35 } from "@angular/core";
1777
1819
  import * as i028 from "@angular/core";
1778
- import * as i114 from "@eui/core";
1820
+ import * as i115 from "@eui/core";
1779
1821
  var EuiAppBreadcrumbComponent = class _EuiAppBreadcrumbComponent {
1780
1822
  get cssClasses() {
1781
1823
  return this.getCssClasses();
@@ -1791,7 +1833,7 @@ var EuiAppBreadcrumbComponent = class _EuiAppBreadcrumbComponent {
1791
1833
  return ["eui-app-breadcrumb"].join(" ");
1792
1834
  }
1793
1835
  static {
1794
- this.ɵfac = i028.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i028, type: _EuiAppBreadcrumbComponent, deps: [{ token: i114.EuiAppShellService }], target: i028.ɵɵFactoryTarget.Component });
1836
+ this.ɵfac = i028.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i028, type: _EuiAppBreadcrumbComponent, deps: [{ token: i115.EuiAppShellService }], target: i028.ɵɵFactoryTarget.Component });
1795
1837
  }
1796
1838
  static {
1797
1839
  this.ɵcmp = i028.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiAppBreadcrumbComponent, selector: "eui-app-breadcrumb", host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, ngImport: i028, template: "<ng-content></ng-content>\n", styles: [".eui-app-breadcrumb{align-items:center;display:flex;flex-direction:row;height:var(--eui-app-breadcrumb-height);top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));position:relative;margin:var(--eui-s-m) 0 var(--eui-s-xs) 0;width:100%}@media screen and (max-width: 767px){.eui-app-breadcrumb{visibility:hidden}}\n"], changeDetection: i028.ChangeDetectionStrategy.Default, encapsulation: i028.ViewEncapsulation.None });
@@ -1800,7 +1842,7 @@ var EuiAppBreadcrumbComponent = class _EuiAppBreadcrumbComponent {
1800
1842
  i028.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i028, type: EuiAppBreadcrumbComponent, decorators: [{
1801
1843
  type: Component23,
1802
1844
  args: [{ selector: "eui-app-breadcrumb", changeDetection: ChangeDetectionStrategy15.Default, encapsulation: ViewEncapsulation35.None, template: "<ng-content></ng-content>\n", styles: [".eui-app-breadcrumb{align-items:center;display:flex;flex-direction:row;height:var(--eui-app-breadcrumb-height);top:calc(var(--eui-app-header-height) + var(--eui-app-toolbar-height) + var(--eui-app-top-message-height));position:relative;margin:var(--eui-s-m) 0 var(--eui-s-xs) 0;width:100%}@media screen and (max-width: 767px){.eui-app-breadcrumb{visibility:hidden}}\n"] }]
1803
- }], ctorParameters: () => [{ type: i114.EuiAppShellService }], propDecorators: { cssClasses: [{
1845
+ }], ctorParameters: () => [{ type: i115.EuiAppShellService }], propDecorators: { cssClasses: [{
1804
1846
  type: HostBinding23,
1805
1847
  args: ["class"]
1806
1848
  }], role: [{
@@ -1887,11 +1929,11 @@ import { BaseStatesDirective } from "@eui/components/shared";
1887
1929
  import { startWith } from "rxjs";
1888
1930
  import { CssUtils as CssUtils4 } from "@eui/core";
1889
1931
  import * as i032 from "@angular/core";
1890
- import * as i115 from "@eui/core";
1891
- import * as i29 from "@angular/cdk/observers";
1892
- import * as i37 from "@eui/components/shared";
1893
- import * as i44 from "@angular/common";
1894
- import * as i53 from "@eui/components/eui-icon";
1932
+ import * as i116 from "@eui/core";
1933
+ import * as i210 from "@angular/cdk/observers";
1934
+ import * as i38 from "@eui/components/shared";
1935
+ import * as i45 from "@angular/common";
1936
+ import * as i54 from "@eui/components/eui-icon";
1895
1937
  var EuiAppTopMessageComponent = class _EuiAppTopMessageComponent {
1896
1938
  get cssClasses() {
1897
1939
  return [
@@ -1943,10 +1985,10 @@ var EuiAppTopMessageComponent = class _EuiAppTopMessageComponent {
1943
1985
  this.cd.detectChanges();
1944
1986
  }
1945
1987
  static {
1946
- this.ɵfac = i032.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i032, type: _EuiAppTopMessageComponent, deps: [{ token: i115.EuiAppShellService }, { token: i032.ElementRef }, { token: i032.ChangeDetectorRef }, { token: i29.ContentObserver }, { token: i37.BaseStatesDirective }], target: i032.ɵɵFactoryTarget.Component });
1988
+ this.ɵfac = i032.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i032, type: _EuiAppTopMessageComponent, deps: [{ token: i116.EuiAppShellService }, { token: i032.ElementRef }, { token: i032.ChangeDetectorRef }, { token: i210.ContentObserver }, { token: i38.BaseStatesDirective }], target: i032.ɵɵFactoryTarget.Component });
1947
1989
  }
1948
1990
  static {
1949
- this.ɵcmp = i032.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiAppTopMessageComponent, selector: "eui-app-top-message", inputs: { isCloseable: ["isCloseable", "isCloseable", booleanAttribute9], hasCustomContent: ["hasCustomContent", "hasCustomContent", booleanAttribute9], isVisible: "isVisible" }, outputs: { topMessageClose: "topMessageClose" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, viewQueries: [{ propertyName: "appTopMessage", first: true, predicate: ["appTopMessage"], descendants: true }], hostDirectives: [{ directive: i37.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiSuccess", "euiSuccess", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i032, template: '<div class="eui-app-top-message__wrapper" #appTopMessage>\n <div class="eui-app-top-message__content">\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf="isCloseable"\n icon="eui-close"\n hasFocusBorder\n (click)="onCloseClick()"\n ariaLabel="Close top message"\n class="eui-u-ml-auto">\n </eui-icon-button>\n</div>\n', styles: [".eui-app-top-message{padding:var(--eui-s-xs) var(--eui-s-s);position:fixed;width:100%;right:0;top:0;z-index:var(--eui-zi-top-message);background-color:var(--eui-c-danger);color:var(--eui-c-danger-contrast)}.eui-app-top-message__wrapper{display:flex;flex-direction:row;align-items:center;width:100%}.eui-app-top-message__content{display:flex;flex-direction:column;width:100%}.eui-app-top-message--primary{background-color:var(--eui-c-primary)}.eui-app-top-message--info{background-color:var(--eui-c-info)}.eui-app-top-message--success{background-color:var(--eui-c-success)}.eui-app-top-message--warning{background-color:var(--eui-c-warning)}.eui-app-top-message--danger{background-color:var(--eui-c-danger)}.eui-app-top-message--hidden{display:none}.eui-app-top-message--custom{padding:0}\n"], dependencies: [{ kind: "directive", type: i44.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i53.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i032.ChangeDetectionStrategy.Default, encapsulation: i032.ViewEncapsulation.None });
1991
+ this.ɵcmp = i032.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiAppTopMessageComponent, selector: "eui-app-top-message", inputs: { isCloseable: ["isCloseable", "isCloseable", booleanAttribute9], hasCustomContent: ["hasCustomContent", "hasCustomContent", booleanAttribute9], isVisible: "isVisible" }, outputs: { topMessageClose: "topMessageClose" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, viewQueries: [{ propertyName: "appTopMessage", first: true, predicate: ["appTopMessage"], descendants: true }], hostDirectives: [{ directive: i38.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiSuccess", "euiSuccess", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant"] }], ngImport: i032, template: '<div class="eui-app-top-message__wrapper" #appTopMessage>\n <div class="eui-app-top-message__content">\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf="isCloseable"\n icon="eui-close"\n hasFocusBorder\n (click)="onCloseClick()"\n ariaLabel="Close top message"\n class="eui-u-ml-auto">\n </eui-icon-button>\n</div>\n', styles: [".eui-app-top-message{padding:var(--eui-s-xs) var(--eui-s-s);position:fixed;width:100%;right:0;top:0;z-index:var(--eui-zi-top-message);background-color:var(--eui-c-danger);color:var(--eui-c-danger-contrast)}.eui-app-top-message__wrapper{display:flex;flex-direction:row;align-items:center;width:100%}.eui-app-top-message__content{display:flex;flex-direction:column;width:100%}.eui-app-top-message--primary{background-color:var(--eui-c-primary)}.eui-app-top-message--info{background-color:var(--eui-c-info)}.eui-app-top-message--success{background-color:var(--eui-c-success)}.eui-app-top-message--warning{background-color:var(--eui-c-warning)}.eui-app-top-message--danger{background-color:var(--eui-c-danger)}.eui-app-top-message--hidden{display:none}.eui-app-top-message--custom{padding:0}\n"], dependencies: [{ kind: "directive", type: i45.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i54.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i032.ChangeDetectionStrategy.Default, encapsulation: i032.ViewEncapsulation.None });
1950
1992
  }
1951
1993
  };
1952
1994
  i032.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i032, type: EuiAppTopMessageComponent, decorators: [{
@@ -1965,7 +2007,7 @@ i032.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
1965
2007
  ]
1966
2008
  }
1967
2009
  ], template: '<div class="eui-app-top-message__wrapper" #appTopMessage>\n <div class="eui-app-top-message__content">\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf="isCloseable"\n icon="eui-close"\n hasFocusBorder\n (click)="onCloseClick()"\n ariaLabel="Close top message"\n class="eui-u-ml-auto">\n </eui-icon-button>\n</div>\n', styles: [".eui-app-top-message{padding:var(--eui-s-xs) var(--eui-s-s);position:fixed;width:100%;right:0;top:0;z-index:var(--eui-zi-top-message);background-color:var(--eui-c-danger);color:var(--eui-c-danger-contrast)}.eui-app-top-message__wrapper{display:flex;flex-direction:row;align-items:center;width:100%}.eui-app-top-message__content{display:flex;flex-direction:column;width:100%}.eui-app-top-message--primary{background-color:var(--eui-c-primary)}.eui-app-top-message--info{background-color:var(--eui-c-info)}.eui-app-top-message--success{background-color:var(--eui-c-success)}.eui-app-top-message--warning{background-color:var(--eui-c-warning)}.eui-app-top-message--danger{background-color:var(--eui-c-danger)}.eui-app-top-message--hidden{display:none}.eui-app-top-message--custom{padding:0}\n"] }]
1968
- }], ctorParameters: () => [{ type: i115.EuiAppShellService }, { type: i032.ElementRef }, { type: i032.ChangeDetectorRef }, { type: i29.ContentObserver }, { type: i37.BaseStatesDirective }], propDecorators: { cssClasses: [{
2010
+ }], ctorParameters: () => [{ type: i116.EuiAppShellService }, { type: i032.ElementRef }, { type: i032.ChangeDetectorRef }, { type: i210.ContentObserver }, { type: i38.BaseStatesDirective }], propDecorators: { cssClasses: [{
1969
2011
  type: HostBinding25,
1970
2012
  args: ["class"]
1971
2013
  }], role: [{
@@ -2015,11 +2057,11 @@ i033.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
2015
2057
  import { Component as Component26, ViewEncapsulation as ViewEncapsulation41, ContentChildren as ContentChildren3, ChangeDetectionStrategy as ChangeDetectionStrategy21, HostBinding as HostBinding26, Input as Input15, Output as Output6, EventEmitter as EventEmitter6, booleanAttribute as booleanAttribute10 } from "@angular/core";
2016
2058
  import { EuiTemplateDirective } from "@eui/components/directives";
2017
2059
  import * as i034 from "@angular/core";
2018
- import * as i116 from "@angular/common";
2019
- import * as i210 from "@eui/components/eui-icon";
2020
- import * as i38 from "@eui/components/eui-button";
2021
- import * as i45 from "@eui/components/eui-autocomplete";
2022
- import * as i54 from "@eui/components/directives";
2060
+ import * as i117 from "@angular/common";
2061
+ import * as i211 from "@eui/components/eui-icon";
2062
+ import * as i39 from "@eui/components/eui-button";
2063
+ import * as i46 from "@eui/components/eui-autocomplete";
2064
+ import * as i55 from "@eui/components/directives";
2023
2065
  import * as i6 from "@eui/components/eui-input-text";
2024
2066
  import * as i7 from "@eui/components/eui-input-group";
2025
2067
  import * as i8 from "@angular/forms";
@@ -2085,12 +2127,12 @@ var EuiSearchComponent = class _EuiSearchComponent {
2085
2127
  this.ɵfac = i034.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i034, type: _EuiSearchComponent, deps: [], target: i034.ɵɵFactoryTarget.Component });
2086
2128
  }
2087
2129
  static {
2088
- this.ɵcmp = i034.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiSearchComponent, selector: "eui-search", inputs: { placeholderLabel: "placeholderLabel", panelWidth: "panelWidth", searchResults: "searchResults", isAutocomplete: ["isAutocomplete", "isAutocomplete", booleanAttribute10], isInputText: ["isInputText", "isInputText", booleanAttribute10], hasSearchButton: ["hasSearchButton", "hasSearchButton", booleanAttribute10], hasExpandAnimation: ["hasExpandAnimation", "hasExpandAnimation", booleanAttribute10] }, outputs: { search: "search", inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], ngImport: i034, template: '<div euiInputGroup class="eui-u-mb-none">\n <div class="eui-input-group-addon">\n <eui-autocomplete *ngIf="isAutocomplete" [autocompleteData]="searchResults"\n placeholder="{{placeholderLabel}}"\n panelWidth="{{panelWidth}}"\n (inputBlur)="onInputBlur($event)"\n (inputFocus)="onInputFocus($event)"\n (inputChange)="onSearch($event)">\n <ng-container *ngIf="templates.length !== 0">\n <ng-template let-option euiTemplate="dropdownOption">\n <ng-container\n [ngTemplateOutlet]="resultItemTemplate"\n [ngTemplateOutletContext]="{ $implicit: option }">\n </ng-container>\n </ng-template>\n </ng-container>\n </eui-autocomplete>\n\n <input *ngIf="isInputText"\n class="mywp-search-bar__input" euiInputText [(ngModel)]="searchInput"\n placeholder="{{ placeholderLabel }}"\n (focus)="onInputFocus($event)" (blur)="onInputBlur($event)" (keydown)="onSearchInput($event)"/>\n\n <button *ngIf="hasSearchButton"\n class="eui-search__input-button"\n euiButton\n euiBasicButton\n euiSizeS\n [euiSecondary]="isInputFocus"\n euiIconButton\n (click)="onSearchClick()"\n aria-label="search button">\n <eui-icon-svg icon="eui-search"></eui-icon-svg>\n </button>\n\n <div *ngIf="!hasSearchButton" class="eui-search__icon">\n <eui-icon-svg icon="eui-search"></eui-icon-svg>\n </div>\n </div>\n</div>\n', styles: [".eui-search{display:flex;top:0}.eui-search .eui-button .eui-button__container{justify-content:center}.eui-search .eui-input-text{background-color:var(--eui-c-branding-dark);border-color:var(--eui-c-branding-light);border-radius:var(--eui-s-m)!important;text-overflow:ellipsis;transition:width .25s ease-in-out;color:var(--eui-c-branding-dark-contrast);width:200px}.eui-search .eui-input-text--clearable-icon{display:none}.eui-search--focus .eui-input-text{background-color:var(--eui-c-white);border-color:var(--eui-c-neutral-light);color:var(--eui-c-black);width:300px}.eui-search--focus .eui-search__input-button{color:var(--eui-c-black)!important}.eui-search--focus .eui-search__icon{display:none}.eui-search__input-button{position:absolute;right:6px;top:6px;color:var(--eui-c-neutral-lightest)!important}.eui-search__input-button .eui-icon-svg{z-index:1}.eui-search__input-button:focus .eui-icon-svg svg{color:var(--eui-c-black)!important;fill:var(--eui-c-black)!important}.eui-search__icon{position:absolute;right:8px;top:10px}.eui-search__icon svg{color:var(--eui-c-neutral-lightest)!important;fill:var(--eui-c-neutral-lightest)!important}.eui-search--no-animation .eui-input-text{transition:none}.eui-search--focus.eui-search--no-animation .eui-input-text{width:200px}@media screen and (max-width: 767px){.eui-search{display:none}}\n"], dependencies: [{ kind: "directive", type: i116.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i116.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i210.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i38.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i45.EuiAutocompleteComponent, selector: "eui-autocomplete, input[euiAutocomplete]", inputs: ["autocompleteData", "visibleOptions", "matching", "placeholder", "autocompleteDataSelected", "chipsSortOrder", "itemsSortOrder", "chipsPosition", "groupBy", "toggleLinkMoreLabel", "toggleLinkLessLabel", "classList", "panelWidth", "dragAndDropSourceName", "dragAndDropConnectedTo", "isFreeValueAllowed", "isReadonly", "isLoading", "hasChips", "isAsync", "isChipsSorted", "isItemsSorted", "isChipsRemovable", "isDuplicateValueAllowed", "isAddOnBlur", "isForceSelection", "maxVisibleChipsCount", "chipsLabelTruncateCount", "isMaxVisibleChipsOpened", "isChipsDragAndDrop"], outputs: ["panelClose", "panelOpen", "inputFocus", "inputBlur", "clear", "selectionChange", "itemAdd", "itemRemove", "inputChange", "chipDragStart", "chipDragRelease", "chipDrop"] }, { kind: "directive", type: i54.EuiTemplateDirective, selector: "[euiTemplate]", inputs: ["type", "euiTemplate"] }, { kind: "component", type: i6.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: i7.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr"] }, { kind: "directive", type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i034.ChangeDetectionStrategy.Default, encapsulation: i034.ViewEncapsulation.None });
2130
+ this.ɵcmp = i034.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiSearchComponent, selector: "eui-search", inputs: { placeholderLabel: "placeholderLabel", panelWidth: "panelWidth", searchResults: "searchResults", isAutocomplete: ["isAutocomplete", "isAutocomplete", booleanAttribute10], isInputText: ["isInputText", "isInputText", booleanAttribute10], hasSearchButton: ["hasSearchButton", "hasSearchButton", booleanAttribute10], hasExpandAnimation: ["hasExpandAnimation", "hasExpandAnimation", booleanAttribute10] }, outputs: { search: "search", inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], ngImport: i034, template: '<div euiInputGroup class="eui-u-mb-none">\n <div class="eui-input-group-addon">\n <eui-autocomplete *ngIf="isAutocomplete" [autocompleteData]="searchResults"\n placeholder="{{placeholderLabel}}"\n panelWidth="{{panelWidth}}"\n (inputBlur)="onInputBlur($event)"\n (inputFocus)="onInputFocus($event)"\n (inputChange)="onSearch($event)">\n <ng-container *ngIf="templates.length !== 0">\n <ng-template let-option euiTemplate="dropdownOption">\n <ng-container\n [ngTemplateOutlet]="resultItemTemplate"\n [ngTemplateOutletContext]="{ $implicit: option }">\n </ng-container>\n </ng-template>\n </ng-container>\n </eui-autocomplete>\n\n <input *ngIf="isInputText"\n class="mywp-search-bar__input" euiInputText [(ngModel)]="searchInput"\n placeholder="{{ placeholderLabel }}"\n (focus)="onInputFocus($event)" (blur)="onInputBlur($event)" (keydown)="onSearchInput($event)"/>\n\n <button *ngIf="hasSearchButton"\n class="eui-search__input-button"\n euiButton\n euiBasicButton\n euiSizeS\n [euiSecondary]="isInputFocus"\n euiIconButton\n (click)="onSearchClick()"\n aria-label="search button">\n <eui-icon-svg icon="eui-search"></eui-icon-svg>\n </button>\n\n <div *ngIf="!hasSearchButton" class="eui-search__icon">\n <eui-icon-svg icon="eui-search"></eui-icon-svg>\n </div>\n </div>\n</div>\n', styles: [".eui-search{display:flex;top:0}.eui-search .eui-button .eui-button__container{justify-content:center}.eui-search .eui-input-text{background-color:var(--eui-c-branding-dark);border-color:var(--eui-c-branding-light);border-radius:var(--eui-br-max)!important;text-overflow:ellipsis;transition:width .25s ease-in-out;color:var(--eui-c-branding-dark-contrast);width:200px}.eui-search .eui-input-text--clearable-icon{display:none}.eui-search--focus .eui-input-text{background-color:var(--eui-c-white);border-color:var(--eui-c-neutral-light);color:var(--eui-c-black);width:300px}.eui-search--focus .eui-search__input-button{color:var(--eui-c-black)!important}.eui-search--focus .eui-search__icon{display:none}.eui-search__input-button{position:absolute;right:6px;top:6px;color:var(--eui-c-neutral-lightest)!important}.eui-search__input-button .eui-icon-svg{z-index:1}.eui-search__input-button:focus .eui-icon-svg svg{color:var(--eui-c-black)!important;fill:var(--eui-c-black)!important}.eui-search__icon{position:absolute;right:8px;top:10px}.eui-search__icon svg{color:var(--eui-c-neutral-lightest)!important;fill:var(--eui-c-neutral-lightest)!important}.eui-search--no-animation .eui-input-text{transition:none}.eui-search--focus.eui-search--no-animation .eui-input-text{width:200px}@media screen and (max-width: 767px){.eui-search{display:none}}\n"], dependencies: [{ kind: "directive", type: i117.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i117.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i211.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i39.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i46.EuiAutocompleteComponent, selector: "eui-autocomplete, input[euiAutocomplete]", inputs: ["autocompleteData", "visibleOptions", "matching", "placeholder", "autocompleteDataSelected", "chipsSortOrder", "itemsSortOrder", "chipsPosition", "groupBy", "toggleLinkMoreLabel", "toggleLinkLessLabel", "classList", "panelWidth", "dragAndDropSourceName", "dragAndDropConnectedTo", "isFreeValueAllowed", "isReadonly", "isLoading", "hasChips", "isAsync", "isChipsSorted", "isItemsSorted", "isChipsRemovable", "isDuplicateValueAllowed", "isAddOnBlur", "isForceSelection", "maxVisibleChipsCount", "chipsLabelTruncateCount", "isMaxVisibleChipsOpened", "isChipsDragAndDrop"], outputs: ["panelClose", "panelOpen", "inputFocus", "inputBlur", "clear", "selectionChange", "itemAdd", "itemRemove", "inputChange", "chipDragStart", "chipDragRelease", "chipDrop"] }, { kind: "directive", type: i55.EuiTemplateDirective, selector: "[euiTemplate]", inputs: ["type", "euiTemplate"] }, { kind: "component", type: i6.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: i7.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr"] }, { kind: "directive", type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i034.ChangeDetectionStrategy.Default, encapsulation: i034.ViewEncapsulation.None });
2089
2131
  }
2090
2132
  };
2091
2133
  i034.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i034, type: EuiSearchComponent, decorators: [{
2092
2134
  type: Component26,
2093
- args: [{ selector: "eui-search", changeDetection: ChangeDetectionStrategy21.Default, encapsulation: ViewEncapsulation41.None, template: '<div euiInputGroup class="eui-u-mb-none">\n <div class="eui-input-group-addon">\n <eui-autocomplete *ngIf="isAutocomplete" [autocompleteData]="searchResults"\n placeholder="{{placeholderLabel}}"\n panelWidth="{{panelWidth}}"\n (inputBlur)="onInputBlur($event)"\n (inputFocus)="onInputFocus($event)"\n (inputChange)="onSearch($event)">\n <ng-container *ngIf="templates.length !== 0">\n <ng-template let-option euiTemplate="dropdownOption">\n <ng-container\n [ngTemplateOutlet]="resultItemTemplate"\n [ngTemplateOutletContext]="{ $implicit: option }">\n </ng-container>\n </ng-template>\n </ng-container>\n </eui-autocomplete>\n\n <input *ngIf="isInputText"\n class="mywp-search-bar__input" euiInputText [(ngModel)]="searchInput"\n placeholder="{{ placeholderLabel }}"\n (focus)="onInputFocus($event)" (blur)="onInputBlur($event)" (keydown)="onSearchInput($event)"/>\n\n <button *ngIf="hasSearchButton"\n class="eui-search__input-button"\n euiButton\n euiBasicButton\n euiSizeS\n [euiSecondary]="isInputFocus"\n euiIconButton\n (click)="onSearchClick()"\n aria-label="search button">\n <eui-icon-svg icon="eui-search"></eui-icon-svg>\n </button>\n\n <div *ngIf="!hasSearchButton" class="eui-search__icon">\n <eui-icon-svg icon="eui-search"></eui-icon-svg>\n </div>\n </div>\n</div>\n', styles: [".eui-search{display:flex;top:0}.eui-search .eui-button .eui-button__container{justify-content:center}.eui-search .eui-input-text{background-color:var(--eui-c-branding-dark);border-color:var(--eui-c-branding-light);border-radius:var(--eui-s-m)!important;text-overflow:ellipsis;transition:width .25s ease-in-out;color:var(--eui-c-branding-dark-contrast);width:200px}.eui-search .eui-input-text--clearable-icon{display:none}.eui-search--focus .eui-input-text{background-color:var(--eui-c-white);border-color:var(--eui-c-neutral-light);color:var(--eui-c-black);width:300px}.eui-search--focus .eui-search__input-button{color:var(--eui-c-black)!important}.eui-search--focus .eui-search__icon{display:none}.eui-search__input-button{position:absolute;right:6px;top:6px;color:var(--eui-c-neutral-lightest)!important}.eui-search__input-button .eui-icon-svg{z-index:1}.eui-search__input-button:focus .eui-icon-svg svg{color:var(--eui-c-black)!important;fill:var(--eui-c-black)!important}.eui-search__icon{position:absolute;right:8px;top:10px}.eui-search__icon svg{color:var(--eui-c-neutral-lightest)!important;fill:var(--eui-c-neutral-lightest)!important}.eui-search--no-animation .eui-input-text{transition:none}.eui-search--focus.eui-search--no-animation .eui-input-text{width:200px}@media screen and (max-width: 767px){.eui-search{display:none}}\n"] }]
2135
+ args: [{ selector: "eui-search", changeDetection: ChangeDetectionStrategy21.Default, encapsulation: ViewEncapsulation41.None, template: '<div euiInputGroup class="eui-u-mb-none">\n <div class="eui-input-group-addon">\n <eui-autocomplete *ngIf="isAutocomplete" [autocompleteData]="searchResults"\n placeholder="{{placeholderLabel}}"\n panelWidth="{{panelWidth}}"\n (inputBlur)="onInputBlur($event)"\n (inputFocus)="onInputFocus($event)"\n (inputChange)="onSearch($event)">\n <ng-container *ngIf="templates.length !== 0">\n <ng-template let-option euiTemplate="dropdownOption">\n <ng-container\n [ngTemplateOutlet]="resultItemTemplate"\n [ngTemplateOutletContext]="{ $implicit: option }">\n </ng-container>\n </ng-template>\n </ng-container>\n </eui-autocomplete>\n\n <input *ngIf="isInputText"\n class="mywp-search-bar__input" euiInputText [(ngModel)]="searchInput"\n placeholder="{{ placeholderLabel }}"\n (focus)="onInputFocus($event)" (blur)="onInputBlur($event)" (keydown)="onSearchInput($event)"/>\n\n <button *ngIf="hasSearchButton"\n class="eui-search__input-button"\n euiButton\n euiBasicButton\n euiSizeS\n [euiSecondary]="isInputFocus"\n euiIconButton\n (click)="onSearchClick()"\n aria-label="search button">\n <eui-icon-svg icon="eui-search"></eui-icon-svg>\n </button>\n\n <div *ngIf="!hasSearchButton" class="eui-search__icon">\n <eui-icon-svg icon="eui-search"></eui-icon-svg>\n </div>\n </div>\n</div>\n', styles: [".eui-search{display:flex;top:0}.eui-search .eui-button .eui-button__container{justify-content:center}.eui-search .eui-input-text{background-color:var(--eui-c-branding-dark);border-color:var(--eui-c-branding-light);border-radius:var(--eui-br-max)!important;text-overflow:ellipsis;transition:width .25s ease-in-out;color:var(--eui-c-branding-dark-contrast);width:200px}.eui-search .eui-input-text--clearable-icon{display:none}.eui-search--focus .eui-input-text{background-color:var(--eui-c-white);border-color:var(--eui-c-neutral-light);color:var(--eui-c-black);width:300px}.eui-search--focus .eui-search__input-button{color:var(--eui-c-black)!important}.eui-search--focus .eui-search__icon{display:none}.eui-search__input-button{position:absolute;right:6px;top:6px;color:var(--eui-c-neutral-lightest)!important}.eui-search__input-button .eui-icon-svg{z-index:1}.eui-search__input-button:focus .eui-icon-svg svg{color:var(--eui-c-black)!important;fill:var(--eui-c-black)!important}.eui-search__icon{position:absolute;right:8px;top:10px}.eui-search__icon svg{color:var(--eui-c-neutral-lightest)!important;fill:var(--eui-c-neutral-lightest)!important}.eui-search--no-animation .eui-input-text{transition:none}.eui-search--focus.eui-search--no-animation .eui-input-text{width:200px}@media screen and (max-width: 767px){.eui-search{display:none}}\n"] }]
2094
2136
  }], propDecorators: { cssClasses: [{
2095
2137
  type: HostBinding26,
2096
2138
  args: ["class"]
@@ -2187,11 +2229,11 @@ i035.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
2187
2229
  // eui-breadcrumb/item/breadcrumb-item.component.mjs
2188
2230
  import { ChangeDetectionStrategy as ChangeDetectionStrategy23, Component as Component27, HostBinding as HostBinding27, Input as Input16, Optional as Optional3, ViewEncapsulation as ViewEncapsulation43 } from "@angular/core";
2189
2231
  import * as i036 from "@angular/core";
2190
- import * as i117 from "@angular/router";
2191
- import * as i211 from "@eui/core";
2192
- import * as i39 from "@angular/common";
2193
- import * as i46 from "@eui/components/eui-button";
2194
- import * as i55 from "@eui/components/eui-icon";
2232
+ import * as i118 from "@angular/router";
2233
+ import * as i212 from "@eui/core";
2234
+ import * as i310 from "@angular/common";
2235
+ import * as i47 from "@eui/components/eui-button";
2236
+ import * as i56 from "@eui/components/eui-icon";
2195
2237
  import * as i62 from "@eui/components/eui-label";
2196
2238
  var EuiBreadcrumbItemComponent = class _EuiBreadcrumbItemComponent {
2197
2239
  constructor(host, router, cdr, elementRef, logService) {
@@ -2281,16 +2323,16 @@ var EuiBreadcrumbItemComponent = class _EuiBreadcrumbItemComponent {
2281
2323
  return !this.nextCrumb;
2282
2324
  }
2283
2325
  static {
2284
- this.ɵfac = i036.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i036, type: _EuiBreadcrumbItemComponent, deps: [{ token: i036.ElementRef }, { token: i117.Router }, { token: i036.ChangeDetectorRef }, { token: i036.ElementRef }, { token: i211.LogService, optional: true }], target: i036.ɵɵFactoryTarget.Component });
2326
+ this.ɵfac = i036.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i036, type: _EuiBreadcrumbItemComponent, deps: [{ token: i036.ElementRef }, { token: i118.Router }, { token: i036.ChangeDetectorRef }, { token: i036.ElementRef }, { token: i212.LogService, optional: true }], target: i036.ɵɵFactoryTarget.Component });
2285
2327
  }
2286
2328
  static {
2287
- this.ɵcmp = i036.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiBreadcrumbItemComponent, selector: "eui-breadcrumb-item", inputs: { id: "id", label: "label", link: "link", navigationExtras: "navigationExtras" }, host: { properties: { "class": "this.string" } }, ngImport: i036, template: '<div *ngIf="hasPrevious" class="eui-breadcrumb-item__separator">\n <eui-icon-svg icon="eui-chevron-forward" size="xs" fillColor="neutral"></eui-icon-svg>\n</div>\n<button type="button" class="eui-breadcrumb-item__label-wrapper" *ngIf="link" euiButton euiBasicButton euiSizeS [euiSecondary]="!hasNext" [euiPrimary]="hasNext" (click)="onClick()">\n <span class="eui-breadcrumb-item__label">{{ label }}</span>\n</button>\n<span class="eui-breadcrumb-item__label-wrapper" *ngIf="!link" euiLabel euiSizeS [euiSecondary]="!hasNext" [euiPrimary]="hasNext">\n <span class="eui-breadcrumb-item__label">{{ label }}</span>\n</span>\n', dependencies: [{ kind: "directive", type: i39.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i46.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i55.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i62.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }], changeDetection: i036.ChangeDetectionStrategy.Default, encapsulation: i036.ViewEncapsulation.None });
2329
+ this.ɵcmp = i036.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiBreadcrumbItemComponent, selector: "eui-breadcrumb-item", inputs: { id: "id", label: "label", link: "link", navigationExtras: "navigationExtras" }, host: { properties: { "class": "this.string" } }, ngImport: i036, template: '<div *ngIf="hasPrevious" class="eui-breadcrumb-item__separator">\n <eui-icon-svg icon="eui-chevron-forward" size="xs" fillColor="neutral"></eui-icon-svg>\n</div>\n<button type="button" class="eui-breadcrumb-item__label-wrapper" *ngIf="link" euiButton euiBasicButton euiSizeS [euiSecondary]="!hasNext" [euiPrimary]="hasNext" (click)="onClick()">\n <span class="eui-breadcrumb-item__label">{{ label }}</span>\n</button>\n<span class="eui-breadcrumb-item__label-wrapper" *ngIf="!link" euiLabel euiSizeS [euiSecondary]="!hasNext" [euiPrimary]="hasNext">\n <span class="eui-breadcrumb-item__label">{{ label }}</span>\n</span>\n', dependencies: [{ kind: "directive", type: i310.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i47.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i56.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i62.EuiLabelComponent, selector: "label[euiLabel], span[euiLabel], div[euiLabel], a[euiLabel], eui-label, label[euiSublabel], span[euiSublabel], div[euiSublabel], a[euiSublabel], eui-sublabel", inputs: ["euiRequired", "euiReadonly", "euiSublabel"] }], changeDetection: i036.ChangeDetectionStrategy.Default, encapsulation: i036.ViewEncapsulation.None });
2288
2330
  }
2289
2331
  };
2290
2332
  i036.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i036, type: EuiBreadcrumbItemComponent, decorators: [{
2291
2333
  type: Component27,
2292
2334
  args: [{ selector: "eui-breadcrumb-item", changeDetection: ChangeDetectionStrategy23.Default, encapsulation: ViewEncapsulation43.None, template: '<div *ngIf="hasPrevious" class="eui-breadcrumb-item__separator">\n <eui-icon-svg icon="eui-chevron-forward" size="xs" fillColor="neutral"></eui-icon-svg>\n</div>\n<button type="button" class="eui-breadcrumb-item__label-wrapper" *ngIf="link" euiButton euiBasicButton euiSizeS [euiSecondary]="!hasNext" [euiPrimary]="hasNext" (click)="onClick()">\n <span class="eui-breadcrumb-item__label">{{ label }}</span>\n</button>\n<span class="eui-breadcrumb-item__label-wrapper" *ngIf="!link" euiLabel euiSizeS [euiSecondary]="!hasNext" [euiPrimary]="hasNext">\n <span class="eui-breadcrumb-item__label">{{ label }}</span>\n</span>\n' }]
2293
- }], ctorParameters: () => [{ type: i036.ElementRef }, { type: i117.Router }, { type: i036.ChangeDetectorRef }, { type: i036.ElementRef }, { type: i211.LogService, decorators: [{
2335
+ }], ctorParameters: () => [{ type: i036.ElementRef }, { type: i118.Router }, { type: i036.ChangeDetectorRef }, { type: i036.ElementRef }, { type: i212.LogService, decorators: [{
2294
2336
  type: Optional3
2295
2337
  }] }], propDecorators: { string: [{
2296
2338
  type: HostBinding27,
@@ -2309,11 +2351,11 @@ i036.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
2309
2351
  import { ChangeDetectionStrategy as ChangeDetectionStrategy25, Component as Component28, ContentChild as ContentChild3, ContentChildren as ContentChildren4, Directive as Directive2, ElementRef as ElementRef3, forwardRef as forwardRef10, ViewChild as ViewChild2, ViewEncapsulation as ViewEncapsulation45 } from "@angular/core";
2310
2352
  import { EuiListComponent, EuiListItemComponent } from "@eui/components/eui-list";
2311
2353
  import * as i037 from "@angular/core";
2312
- import * as i118 from "@angular/common";
2313
- import * as i212 from "@eui/components/eui-button";
2314
- import * as i310 from "@eui/components/eui-icon";
2315
- import * as i47 from "@eui/components/eui-dropdown";
2316
- import * as i56 from "@eui/components/eui-list";
2354
+ import * as i119 from "@angular/common";
2355
+ import * as i213 from "@eui/components/eui-button";
2356
+ import * as i311 from "@eui/components/eui-icon";
2357
+ import * as i48 from "@eui/components/eui-dropdown";
2358
+ import * as i57 from "@eui/components/eui-list";
2317
2359
  var CollapsedBreadcrumbComponent = class _CollapsedBreadcrumbComponent {
2318
2360
  constructor(elementRef, renderer, viewRef) {
2319
2361
  this.elementRef = elementRef;
@@ -2366,7 +2408,7 @@ var CollapsedBreadcrumbComponent = class _CollapsedBreadcrumbComponent {
2366
2408
  this.ɵfac = i037.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i037, type: _CollapsedBreadcrumbComponent, deps: [{ token: i037.ElementRef }, { token: i037.Renderer2 }, { token: i037.ViewContainerRef }], target: i037.ɵɵFactoryTarget.Component });
2367
2409
  }
2368
2410
  static {
2369
- this.ɵcmp = i037.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _CollapsedBreadcrumbComponent, selector: "eui-collapsed-breadcrumb", queries: [{ propertyName: "customButton", first: true, predicate: i037.forwardRef(() => CollapsedButtonDirective), descendants: true, static: true }, { propertyName: "listItemComponents", predicate: i037.forwardRef(() => EuiListItemComponent) }], viewQueries: [{ propertyName: "list", first: true, predicate: EuiListComponent, descendants: true, read: ElementRef3, static: true }], ngImport: i037, template: '<eui-dropdown>\n <ng-container *ngIf="!hasCustomButton()">\n <button type="button" euiButton euiRounded euiSizeS euiIconButton euiOutline euiAccent>\n <eui-icon-svg icon="eui-ellipsis-horizontal"></eui-icon-svg>\n </button>\n </ng-container>\n <ng-content select="collapsed-button"></ng-content>\n <eui-dropdown-content>\n <ul euiList>\n <ng-content></ng-content>\n </ul>\n </eui-dropdown-content>\n</eui-dropdown>\n', styles: [".eui-breadcrumb-item{align-items:center;display:flex;z-index:v(eui-zi-breadcrumb)}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 v(eui-s-2xs)}.eui-breadcrumb-item__label-wrapper{padding:0 v(eui-s-2xs)}.eui-breadcrumb-item__label{font:v(eui-f-s-bold)}\n"], dependencies: [{ kind: "directive", type: i118.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i212.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i310.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i47.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled", "euiDisabled"] }, { kind: "directive", type: i47.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i56.EuiListComponent, selector: "[euiList], eui-list" }], changeDetection: i037.ChangeDetectionStrategy.Default, encapsulation: i037.ViewEncapsulation.None });
2411
+ this.ɵcmp = i037.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _CollapsedBreadcrumbComponent, selector: "eui-collapsed-breadcrumb", queries: [{ propertyName: "customButton", first: true, predicate: i037.forwardRef(() => CollapsedButtonDirective), descendants: true, static: true }, { propertyName: "listItemComponents", predicate: i037.forwardRef(() => EuiListItemComponent) }], viewQueries: [{ propertyName: "list", first: true, predicate: EuiListComponent, descendants: true, read: ElementRef3, static: true }], ngImport: i037, template: '<eui-dropdown>\n <ng-container *ngIf="!hasCustomButton()">\n <button type="button" euiButton euiRounded euiSizeS euiIconButton euiOutline euiAccent>\n <eui-icon-svg icon="eui-ellipsis-horizontal"></eui-icon-svg>\n </button>\n </ng-container>\n <ng-content select="collapsed-button"></ng-content>\n <eui-dropdown-content>\n <ul euiList>\n <ng-content></ng-content>\n </ul>\n </eui-dropdown-content>\n</eui-dropdown>\n', styles: [".eui-breadcrumb-item{align-items:center;display:flex;z-index:v(eui-zi-breadcrumb)}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 v(eui-s-2xs)}.eui-breadcrumb-item__label-wrapper{padding:0 v(eui-s-2xs)}.eui-breadcrumb-item__label{font:v(eui-f-s-bold)}\n"], dependencies: [{ kind: "directive", type: i119.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i213.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i311.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i48.EuiDropdownComponent, selector: "eui-dropdown", inputs: ["e2eAttr", "tabIndex", "width", "position", "isBlock", "isDropDownRightAligned", "hasClosedOnClickInside", "isLabelUpdatedFromSelectedItem", "isExpandOnHover", "hasTabNavigation", "isRightClickEnabled", "euiDisabled"] }, { kind: "directive", type: i48.EuiDropdownContentDirective, selector: "eui-dropdown-content" }, { kind: "component", type: i57.EuiListComponent, selector: "[euiList], eui-list" }], changeDetection: i037.ChangeDetectionStrategy.Default, encapsulation: i037.ViewEncapsulation.None });
2370
2412
  }
2371
2413
  };
2372
2414
  i037.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i037, type: CollapsedBreadcrumbComponent, decorators: [{
@@ -2399,10 +2441,10 @@ i037.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
2399
2441
  import { Component as Component29, ChangeDetectionStrategy as ChangeDetectionStrategy27, ComponentRef, ContentChildren as ContentChildren5, forwardRef as forwardRef12, HostBinding as HostBinding28, QueryList, ViewEncapsulation as ViewEncapsulation47, ViewContainerRef as ViewContainerRef2, ViewChild as ViewChild3 } from "@angular/core";
2400
2442
  import { startWith as startWith2, takeUntil as takeUntil3 } from "rxjs/operators";
2401
2443
  import { Subject as Subject3 } from "rxjs";
2402
- import { EuiIconSvgComponent as EuiIconSvgComponent6 } from "@eui/components/eui-icon";
2444
+ import { EuiIconSvgComponent as EuiIconSvgComponent7 } from "@eui/components/eui-icon";
2403
2445
  import * as i038 from "@angular/core";
2404
- import * as i119 from "@eui/core";
2405
- import * as i213 from "@angular/cdk/scrolling";
2446
+ import * as i120 from "@eui/core";
2447
+ import * as i214 from "@angular/cdk/scrolling";
2406
2448
  var EuiBreadcrumbComponent = class _EuiBreadcrumbComponent {
2407
2449
  constructor(appShellService, elementRef, cd, viewportRuler, renderer, viewContainerRef) {
2408
2450
  this.appShellService = appShellService;
@@ -2557,7 +2599,7 @@ var EuiBreadcrumbComponent = class _EuiBreadcrumbComponent {
2557
2599
  const container = this.viewContainerRef.createComponent(CollapsedBreadcrumbComponent);
2558
2600
  const second = this.breadcrumbItems.toArray()[1].elementRef.nativeElement;
2559
2601
  this.renderer.insertBefore(second.parentElement, container.instance.elementRef.nativeElement, second, true);
2560
- const icon = this.viewContainerRef.createComponent(EuiIconSvgComponent6);
2602
+ const icon = this.viewContainerRef.createComponent(EuiIconSvgComponent7);
2561
2603
  icon.instance.fillColor = "primary";
2562
2604
  icon.instance.size = "xs";
2563
2605
  icon.instance.icon = "eui-chevron-right";
@@ -2568,7 +2610,7 @@ var EuiBreadcrumbComponent = class _EuiBreadcrumbComponent {
2568
2610
  }
2569
2611
  }
2570
2612
  static {
2571
- this.ɵfac = i038.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i038, type: _EuiBreadcrumbComponent, deps: [{ token: i119.EuiAppShellService }, { token: i038.ElementRef }, { token: i038.ChangeDetectorRef }, { token: i213.ViewportRuler }, { token: i038.Renderer2 }, { token: i038.ViewContainerRef }], target: i038.ɵɵFactoryTarget.Component });
2613
+ this.ɵfac = i038.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i038, type: _EuiBreadcrumbComponent, deps: [{ token: i120.EuiAppShellService }, { token: i038.ElementRef }, { token: i038.ChangeDetectorRef }, { token: i214.ViewportRuler }, { token: i038.Renderer2 }, { token: i038.ViewContainerRef }], target: i038.ɵɵFactoryTarget.Component });
2572
2614
  }
2573
2615
  static {
2574
2616
  this.ɵcmp = i038.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiBreadcrumbComponent, selector: "eui-breadcrumb", host: { properties: { "class": "this.string" } }, queries: [{ propertyName: "breadcrumbItems", predicate: i038.forwardRef(() => EuiBreadcrumbItemComponent) }], viewQueries: [{ propertyName: "vcr", first: true, predicate: ["vcr"], descendants: true, read: ViewContainerRef2 }], ngImport: i038, template: '<div class="eui-breadcrumb__items">\n <ng-container #vcr>\n <ng-content></ng-content>\n </ng-container>\n</div>\n', styles: ['.eui-breadcrumb{align-items:center;display:flex;width:100%;position:relative}.eui-breadcrumb__items{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-breadcrumb+.eui-breadcrumb-item:before{color:var(--eui-c-neutral-lightest);height:1rem;width:1rem;content:"&#62;";display:inline-block;padding-left:var(--eui-s-xs);padding-right:var(--eui-s-xs)}.cdk-overlay-container .eui-breadcrumb-separator{margin:0 var(--eui-s-xs) 0 0}@media screen and (max-width: 767px){eui-breadcrumb,.eui-breadcrumb{display:none}}.eui-breadcrumb-item{align-items:center;display:flex;z-index:var(--eui-zi-breadcrumb)}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 var(--eui-s-2xs)}.eui-breadcrumb-item__label-wrapper{padding:0 var(--eui-s-2xs)}.eui-breadcrumb-item__label{font:var(--eui-f-s-bold)}\n'], changeDetection: i038.ChangeDetectionStrategy.Default, encapsulation: i038.ViewEncapsulation.None });
@@ -2577,7 +2619,7 @@ var EuiBreadcrumbComponent = class _EuiBreadcrumbComponent {
2577
2619
  i038.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i038, type: EuiBreadcrumbComponent, decorators: [{
2578
2620
  type: Component29,
2579
2621
  args: [{ selector: "eui-breadcrumb", changeDetection: ChangeDetectionStrategy27.Default, encapsulation: ViewEncapsulation47.None, template: '<div class="eui-breadcrumb__items">\n <ng-container #vcr>\n <ng-content></ng-content>\n </ng-container>\n</div>\n', styles: ['.eui-breadcrumb{align-items:center;display:flex;width:100%;position:relative}.eui-breadcrumb__items{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;list-style:none;margin:0;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-breadcrumb+.eui-breadcrumb-item:before{color:var(--eui-c-neutral-lightest);height:1rem;width:1rem;content:"&#62;";display:inline-block;padding-left:var(--eui-s-xs);padding-right:var(--eui-s-xs)}.cdk-overlay-container .eui-breadcrumb-separator{margin:0 var(--eui-s-xs) 0 0}@media screen and (max-width: 767px){eui-breadcrumb,.eui-breadcrumb{display:none}}.eui-breadcrumb-item{align-items:center;display:flex;z-index:var(--eui-zi-breadcrumb)}.eui-breadcrumb-item__separator{align-items:center;display:flex;padding:0 var(--eui-s-2xs)}.eui-breadcrumb-item__label-wrapper{padding:0 var(--eui-s-2xs)}.eui-breadcrumb-item__label{font:var(--eui-f-s-bold)}\n'] }]
2580
- }], ctorParameters: () => [{ type: i119.EuiAppShellService }, { type: i038.ElementRef }, { type: i038.ChangeDetectorRef }, { type: i213.ViewportRuler }, { type: i038.Renderer2 }, { type: i038.ViewContainerRef }], propDecorators: { string: [{
2622
+ }], ctorParameters: () => [{ type: i120.EuiAppShellService }, { type: i038.ElementRef }, { type: i038.ChangeDetectorRef }, { type: i214.ViewportRuler }, { type: i038.Renderer2 }, { type: i038.ViewContainerRef }], propDecorators: { string: [{
2581
2623
  type: HostBinding28,
2582
2624
  args: ["class"]
2583
2625
  }], breadcrumbItems: [{
@@ -2685,7 +2727,7 @@ import { PortalModule } from "@angular/cdk/portal";
2685
2727
  import { EuiButtonModule as EuiButtonModule4 } from "@eui/components/eui-button";
2686
2728
  import { EuiIconModule as EuiIconModule6 } from "@eui/components/eui-icon";
2687
2729
  import { EuiLabelModule } from "@eui/components/eui-label";
2688
- import { EuiDropdownModule } from "@eui/components/eui-dropdown";
2730
+ import { EuiDropdownModule as EuiDropdownModule2 } from "@eui/components/eui-dropdown";
2689
2731
  import { EuiListModule } from "@eui/components/eui-list";
2690
2732
  import * as i040 from "@angular/core";
2691
2733
  var EuiBreadcrumbModule = class _EuiBreadcrumbModule {
@@ -2693,7 +2735,7 @@ var EuiBreadcrumbModule = class _EuiBreadcrumbModule {
2693
2735
  this.ɵfac = i040.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i040, type: _EuiBreadcrumbModule, deps: [], target: i040.ɵɵFactoryTarget.NgModule });
2694
2736
  }
2695
2737
  static {
2696
- this.ɵmod = i040.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i040, type: _EuiBreadcrumbModule, declarations: [CollapsedButtonDirective, EuiBreadcrumbComponent, EuiBreadcrumbItemComponent, CollapsedBreadcrumbComponent], imports: [CommonModule10, RouterModule4, PortalModule, EuiButtonModule4, EuiIconModule6, EuiDropdownModule, EuiListModule, EuiLabelModule], exports: [
2738
+ this.ɵmod = i040.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i040, type: _EuiBreadcrumbModule, declarations: [CollapsedButtonDirective, EuiBreadcrumbComponent, EuiBreadcrumbItemComponent, CollapsedBreadcrumbComponent], imports: [CommonModule10, RouterModule4, PortalModule, EuiButtonModule4, EuiIconModule6, EuiDropdownModule2, EuiListModule, EuiLabelModule], exports: [
2697
2739
  CollapsedBreadcrumbComponent,
2698
2740
  CollapsedButtonDirective,
2699
2741
  EuiBreadcrumbComponent,
@@ -2701,13 +2743,13 @@ var EuiBreadcrumbModule = class _EuiBreadcrumbModule {
2701
2743
  ] });
2702
2744
  }
2703
2745
  static {
2704
- this.ɵinj = i040.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i040, type: _EuiBreadcrumbModule, providers: [EuiBreadcrumbService], imports: [CommonModule10, RouterModule4, PortalModule, EuiButtonModule4, EuiIconModule6, EuiDropdownModule, EuiListModule, EuiLabelModule] });
2746
+ this.ɵinj = i040.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i040, type: _EuiBreadcrumbModule, providers: [EuiBreadcrumbService], imports: [CommonModule10, RouterModule4, PortalModule, EuiButtonModule4, EuiIconModule6, EuiDropdownModule2, EuiListModule, EuiLabelModule] });
2705
2747
  }
2706
2748
  };
2707
2749
  i040.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i040, type: EuiBreadcrumbModule, decorators: [{
2708
2750
  type: NgModule10,
2709
2751
  args: [{
2710
- imports: [CommonModule10, RouterModule4, PortalModule, EuiButtonModule4, EuiIconModule6, EuiDropdownModule, EuiListModule, EuiLabelModule],
2752
+ imports: [CommonModule10, RouterModule4, PortalModule, EuiButtonModule4, EuiIconModule6, EuiDropdownModule2, EuiListModule, EuiLabelModule],
2711
2753
  declarations: [CollapsedButtonDirective, EuiBreadcrumbComponent, EuiBreadcrumbItemComponent, CollapsedBreadcrumbComponent],
2712
2754
  providers: [EuiBreadcrumbService],
2713
2755
  exports: [
@@ -2929,7 +2971,7 @@ i044.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
2929
2971
  // eui-header/header.component.mjs
2930
2972
  import { Component as Component32, HostBinding as HostBinding31, ChangeDetectionStrategy as ChangeDetectionStrategy33, ViewEncapsulation as ViewEncapsulation53, ContentChild as ContentChild4 } from "@angular/core";
2931
2973
  import * as i045 from "@angular/core";
2932
- import * as i120 from "@eui/components/eui-language-selector";
2974
+ import * as i121 from "@eui/components/eui-language-selector";
2933
2975
  var EuiHeaderComponent = class _EuiHeaderComponent {
2934
2976
  constructor() {
2935
2977
  this.string = "eui-header";
@@ -2938,7 +2980,7 @@ var EuiHeaderComponent = class _EuiHeaderComponent {
2938
2980
  this.ɵfac = i045.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i045, type: _EuiHeaderComponent, deps: [], target: i045.ɵɵFactoryTarget.Component });
2939
2981
  }
2940
2982
  static {
2941
- this.ɵcmp = i045.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.0", type: _EuiHeaderComponent, selector: "eui-header", host: { properties: { "class": "this.string" } }, queries: [{ propertyName: "rightContent", first: true, predicate: EuiHeaderRightContentComponent, descendants: true }], ngImport: i045, template: '<div class="eui-header-logo-wrapper">\n <ng-content select="eui-header-logo"></ng-content>\n <ng-content select="eui-header-environment"></ng-content>\n</div>\n\n<ng-content select="eui-header-app"></ng-content>\n\n<div class="eui-header-right-content-wrapper">\n @if (rightContent) {\n <ng-content select="eui-header-right-content"></ng-content>\n } @else {\n <ng-content select="eui-header-user-profile"></ng-content>\n }\n</div>\n\n<eui-language-selector euiPrimary></eui-language-selector>\n', styles: [".eui-header{align-items:center;background-color:var(--eui-c-white);display:flex;flex-direction:row;height:var(--eui-app-header-height);padding:var(--eui-s-xs) var(--eui-s-m);transition:margin-top .2s ease-in-out;width:100%}.eui-header-logo-wrapper{position:relative}.eui-header-right-content-wrapper{align-items:center;display:flex;margin-left:auto}.eui-header-right-content{padding-right:var(--eui-s-m)}.eui-header .eui-language-selector{margin-left:var(--eui-s-m)}.eui-header-app{align-self:flex-end;display:flex;flex-direction:column;height:var(--eui-s-4xl);justify-content:flex-end;min-height:var(--eui-s-4xl);margin-left:calc(-1 * var(--eui-s-m))}.eui-header-app__title{align-items:center;color:var(--eui-c-neutral);display:flex;font-size:var(--eui-f-size-3xl)}.eui-header-app__title.short{display:none}.eui-header-app__sub-title{align-items:center;color:var(--eui-c-neutral-light);display:flex;font:var(--eui-f-xl)}.eui-header-environment{background-color:var(--eui-c-danger);color:var(--eui-c-white);font:var(--eui-f-xl);opacity:var(--eui-o-50);position:absolute;text-align:center;top:var(--eui-s-l);transform:rotate(-10deg);width:90%}.eui-header-logo{display:flex}.eui-header-logo .logo{background-size:cover;cursor:pointer;height:78px;width:269px}.eui-header-logo .logo-svg{background-size:cover;cursor:pointer;height:64px;width:260px}.eui-header-logo .logo-svg--positive{display:inherit}.eui-header-logo .logo-svg--negative{display:none}@media screen and (min-width: 768px) and (max-width: 995px){.eui-header-logo .logo{background-image:url(data:image/png;base64,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);background-size:cover;cursor:pointer;height:60px;width:124px}.eui-header-logo .logo_img{display:none}}@media screen and (max-width: 767px){.eui-header-logo .logo{display:none}}.eui-header-user-profile{display:flex;margin-left:auto}\n"], dependencies: [{ kind: "component", type: i120.EuiLanguageSelectorComponent, selector: "eui-language-selector", inputs: ["hasLanguageSelection", "isToolbarSelector", "euiPrimary"], outputs: ["languageSelectorClick"] }], changeDetection: i045.ChangeDetectionStrategy.Default, encapsulation: i045.ViewEncapsulation.None });
2983
+ this.ɵcmp = i045.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.0", type: _EuiHeaderComponent, selector: "eui-header", host: { properties: { "class": "this.string" } }, queries: [{ propertyName: "rightContent", first: true, predicate: EuiHeaderRightContentComponent, descendants: true }], ngImport: i045, template: '<div class="eui-header-logo-wrapper">\n <ng-content select="eui-header-logo"></ng-content>\n <ng-content select="eui-header-environment"></ng-content>\n</div>\n\n<ng-content select="eui-header-app"></ng-content>\n\n<div class="eui-header-right-content-wrapper">\n @if (rightContent) {\n <ng-content select="eui-header-right-content"></ng-content>\n } @else {\n <ng-content select="eui-header-user-profile"></ng-content>\n }\n</div>\n\n<eui-language-selector euiPrimary></eui-language-selector>\n', styles: [".eui-header{align-items:center;background-color:var(--eui-c-white);display:flex;flex-direction:row;height:var(--eui-app-header-height);padding:var(--eui-s-xs) var(--eui-s-m);transition:margin-top .2s ease-in-out;width:100%}.eui-header-logo-wrapper{position:relative}.eui-header-right-content-wrapper{align-items:center;display:flex;margin-left:auto}.eui-header-right-content{padding-right:var(--eui-s-m)}.eui-header .eui-language-selector{margin-left:var(--eui-s-m)}.eui-header-app{align-self:flex-end;display:flex;flex-direction:column;height:var(--eui-s-4xl);justify-content:flex-end;min-height:var(--eui-s-4xl);margin-left:calc(-1 * var(--eui-s-m))}.eui-header-app__title{align-items:center;color:var(--eui-c-neutral);display:flex;font-size:var(--eui-f-size-3xl)}.eui-header-app__title.short{display:none}.eui-header-app__sub-title{align-items:center;color:var(--eui-c-neutral-light);display:flex;font:var(--eui-f-xl)}.eui-header-environment{background-color:var(--eui-c-danger);color:var(--eui-c-white);font:var(--eui-f-xl);opacity:var(--eui-o-50);position:absolute;text-align:center;top:var(--eui-s-l);transform:rotate(-10deg);width:90%}.eui-header-logo{display:flex}.eui-header-logo .logo{background-size:cover;cursor:pointer;height:78px;width:269px}.eui-header-logo .logo-svg{background-size:cover;cursor:pointer;height:64px;width:260px}.eui-header-logo .logo-svg--positive{display:inherit}.eui-header-logo .logo-svg--negative{display:none}@media screen and (min-width: 768px) and (max-width: 995px){.eui-header-logo .logo{background-image:url(data:image/png;base64,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);background-size:cover;cursor:pointer;height:60px;width:124px}.eui-header-logo .logo_img{display:none}}@media screen and (max-width: 767px){.eui-header-logo .logo{display:none}}.eui-header-user-profile{display:flex;margin-left:auto}\n"], dependencies: [{ kind: "component", type: i121.EuiLanguageSelectorComponent, selector: "eui-language-selector", inputs: ["hasLanguageSelection", "isToolbarSelector", "euiPrimary"], outputs: ["languageSelectorClick"] }], changeDetection: i045.ChangeDetectionStrategy.Default, encapsulation: i045.ViewEncapsulation.None });
2942
2984
  }
2943
2985
  };
2944
2986
  i045.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i045, type: EuiHeaderComponent, decorators: [{
@@ -2955,8 +2997,8 @@ i045.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
2955
2997
  // eui-header/header-app/header-app.component.mjs
2956
2998
  import { Component as Component33, HostBinding as HostBinding32, ChangeDetectionStrategy as ChangeDetectionStrategy35, ViewEncapsulation as ViewEncapsulation55, Input as Input18, Directive as Directive3, ContentChild as ContentChild5, forwardRef as forwardRef14, Optional as Optional4 } from "@angular/core";
2957
2999
  import * as i046 from "@angular/core";
2958
- import * as i121 from "@eui/core";
2959
- import * as i214 from "@angular/common";
3000
+ import * as i122 from "@eui/core";
3001
+ import * as i215 from "@angular/common";
2960
3002
  var EuiHeaderAppComponent = class _EuiHeaderAppComponent {
2961
3003
  constructor(asService) {
2962
3004
  this.asService = asService;
@@ -2999,16 +3041,16 @@ var EuiHeaderAppComponent = class _EuiHeaderAppComponent {
2999
3041
  }
3000
3042
  }
3001
3043
  static {
3002
- this.ɵfac = i046.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i046, type: _EuiHeaderAppComponent, deps: [{ token: i121.EuiAppShellService, optional: true }], target: i046.ɵɵFactoryTarget.Component });
3044
+ this.ɵfac = i046.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i046, type: _EuiHeaderAppComponent, deps: [{ token: i122.EuiAppShellService, optional: true }], target: i046.ɵɵFactoryTarget.Component });
3003
3045
  }
3004
3046
  static {
3005
- this.ɵcmp = i046.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiHeaderAppComponent, selector: "eui-header-app", inputs: { appName: "appName", appShortName: "appShortName", appSubTitle: "appSubTitle" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "customAppName", first: true, predicate: i046.forwardRef(() => EuiHeaderAppNameDirective), descendants: true }, { propertyName: "customAppSubtitle", first: true, predicate: i046.forwardRef(() => EuiHeaderAppSubtitleDirective), descendants: true }, { propertyName: "customAppNameLogo", first: true, predicate: i046.forwardRef(() => EuiHeaderAppNameLogoDirective), descendants: true }], usesOnChanges: true, ngImport: i046, template: '<ng-container *ngIf="customAppName">\n <div class="eui-header-app__title full">\n <ng-content select="eui-header-app-name"></ng-content>\n </div>\n</ng-container>\n<ng-container *ngIf="!customAppName">\n <div *ngIf="appName" class="eui-header-app__title full">\n {{ appName }}\n </div>\n</ng-container>\n\n<div class="eui-header-app__title short">\n {{ appShortName }}\n</div>\n\n<ng-container *ngIf="customAppSubtitle">\n <div class="eui-header-app__sub-title">\n <ng-content select="eui-header-app-subtitle"></ng-content>\n </div>\n</ng-container>\n<ng-container *ngIf="!customAppSubtitle">\n <div *ngIf="appSubTitle" class="eui-header-app__sub-title">{{ appSubTitle }}</div>\n</ng-container>\n\n<ng-container *ngIf="customAppNameLogo">\n <div class="eui-header-app-__title-logo">\n <ng-content select="eui-header-app-name-logo"></ng-content>\n </div>\n</ng-container>\n', dependencies: [{ kind: "directive", type: i214.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i046.ChangeDetectionStrategy.Default, encapsulation: i046.ViewEncapsulation.None });
3047
+ this.ɵcmp = i046.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiHeaderAppComponent, selector: "eui-header-app", inputs: { appName: "appName", appShortName: "appShortName", appSubTitle: "appSubTitle" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "customAppName", first: true, predicate: i046.forwardRef(() => EuiHeaderAppNameDirective), descendants: true }, { propertyName: "customAppSubtitle", first: true, predicate: i046.forwardRef(() => EuiHeaderAppSubtitleDirective), descendants: true }, { propertyName: "customAppNameLogo", first: true, predicate: i046.forwardRef(() => EuiHeaderAppNameLogoDirective), descendants: true }], usesOnChanges: true, ngImport: i046, template: '<ng-container *ngIf="customAppName">\n <div class="eui-header-app__title full">\n <ng-content select="eui-header-app-name"></ng-content>\n </div>\n</ng-container>\n<ng-container *ngIf="!customAppName">\n <div *ngIf="appName" class="eui-header-app__title full">\n {{ appName }}\n </div>\n</ng-container>\n\n<div class="eui-header-app__title short">\n {{ appShortName }}\n</div>\n\n<ng-container *ngIf="customAppSubtitle">\n <div class="eui-header-app__sub-title">\n <ng-content select="eui-header-app-subtitle"></ng-content>\n </div>\n</ng-container>\n<ng-container *ngIf="!customAppSubtitle">\n <div *ngIf="appSubTitle" class="eui-header-app__sub-title">{{ appSubTitle }}</div>\n</ng-container>\n\n<ng-container *ngIf="customAppNameLogo">\n <div class="eui-header-app-__title-logo">\n <ng-content select="eui-header-app-name-logo"></ng-content>\n </div>\n</ng-container>\n', dependencies: [{ kind: "directive", type: i215.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i046.ChangeDetectionStrategy.Default, encapsulation: i046.ViewEncapsulation.None });
3006
3048
  }
3007
3049
  };
3008
3050
  i046.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i046, type: EuiHeaderAppComponent, decorators: [{
3009
3051
  type: Component33,
3010
3052
  args: [{ selector: "eui-header-app", changeDetection: ChangeDetectionStrategy35.Default, encapsulation: ViewEncapsulation55.None, template: '<ng-container *ngIf="customAppName">\n <div class="eui-header-app__title full">\n <ng-content select="eui-header-app-name"></ng-content>\n </div>\n</ng-container>\n<ng-container *ngIf="!customAppName">\n <div *ngIf="appName" class="eui-header-app__title full">\n {{ appName }}\n </div>\n</ng-container>\n\n<div class="eui-header-app__title short">\n {{ appShortName }}\n</div>\n\n<ng-container *ngIf="customAppSubtitle">\n <div class="eui-header-app__sub-title">\n <ng-content select="eui-header-app-subtitle"></ng-content>\n </div>\n</ng-container>\n<ng-container *ngIf="!customAppSubtitle">\n <div *ngIf="appSubTitle" class="eui-header-app__sub-title">{{ appSubTitle }}</div>\n</ng-container>\n\n<ng-container *ngIf="customAppNameLogo">\n <div class="eui-header-app-__title-logo">\n <ng-content select="eui-header-app-name-logo"></ng-content>\n </div>\n</ng-container>\n' }]
3011
- }], ctorParameters: () => [{ type: i121.EuiAppShellService, decorators: [{
3053
+ }], ctorParameters: () => [{ type: i122.EuiAppShellService, decorators: [{
3012
3054
  type: Optional4
3013
3055
  }] }], propDecorators: { appName: [{
3014
3056
  type: Input18
@@ -3069,7 +3111,7 @@ i046.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
3069
3111
  // eui-header/header-environment/header-environment.component.mjs
3070
3112
  import { Component as Component34, ChangeDetectionStrategy as ChangeDetectionStrategy37, HostBinding as HostBinding33, ViewEncapsulation as ViewEncapsulation57, Optional as Optional5 } from "@angular/core";
3071
3113
  import * as i047 from "@angular/core";
3072
- import * as i122 from "@eui/core";
3114
+ import * as i123 from "@eui/core";
3073
3115
  var EuiHeaderEnvironmentComponent = class _EuiHeaderEnvironmentComponent {
3074
3116
  constructor(asService, elRef) {
3075
3117
  this.asService = asService;
@@ -3090,7 +3132,7 @@ var EuiHeaderEnvironmentComponent = class _EuiHeaderEnvironmentComponent {
3090
3132
  });
3091
3133
  }
3092
3134
  static {
3093
- this.ɵfac = i047.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i047, type: _EuiHeaderEnvironmentComponent, deps: [{ token: i122.EuiAppShellService, optional: true }, { token: i047.ElementRef }], target: i047.ɵɵFactoryTarget.Component });
3135
+ this.ɵfac = i047.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i047, type: _EuiHeaderEnvironmentComponent, deps: [{ token: i123.EuiAppShellService, optional: true }, { token: i047.ElementRef }], target: i047.ɵɵFactoryTarget.Component });
3094
3136
  }
3095
3137
  static {
3096
3138
  this.ɵcmp = i047.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiHeaderEnvironmentComponent, selector: "eui-header-environment", host: { properties: { "class": "this.class" } }, ngImport: i047, template: "<ng-content></ng-content>\n", changeDetection: i047.ChangeDetectionStrategy.Default, encapsulation: i047.ViewEncapsulation.None });
@@ -3099,7 +3141,7 @@ var EuiHeaderEnvironmentComponent = class _EuiHeaderEnvironmentComponent {
3099
3141
  i047.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i047, type: EuiHeaderEnvironmentComponent, decorators: [{
3100
3142
  type: Component34,
3101
3143
  args: [{ selector: "eui-header-environment", changeDetection: ChangeDetectionStrategy37.Default, encapsulation: ViewEncapsulation57.None, template: "<ng-content></ng-content>\n" }]
3102
- }], ctorParameters: () => [{ type: i122.EuiAppShellService, decorators: [{
3144
+ }], ctorParameters: () => [{ type: i123.EuiAppShellService, decorators: [{
3103
3145
  type: Optional5
3104
3146
  }] }, { type: i047.ElementRef }], propDecorators: { class: [{
3105
3147
  type: HostBinding33
@@ -3109,8 +3151,8 @@ i047.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
3109
3151
  import { Component as Component35, ChangeDetectionStrategy as ChangeDetectionStrategy39, HostBinding as HostBinding34, ViewEncapsulation as ViewEncapsulation59, Input as Input19, Optional as Optional6, Inject as Inject2 } from "@angular/core";
3110
3152
  import { EUI_CONFIG_TOKEN } from "@eui/core";
3111
3153
  import * as i048 from "@angular/core";
3112
- import * as i123 from "@eui/core";
3113
- import * as i215 from "@angular/router";
3154
+ import * as i124 from "@eui/core";
3155
+ import * as i216 from "@angular/router";
3114
3156
  var EuiHeaderLogoComponent = class _EuiHeaderLogoComponent {
3115
3157
  constructor(asService, config) {
3116
3158
  this.asService = asService;
@@ -3141,16 +3183,16 @@ var EuiHeaderLogoComponent = class _EuiHeaderLogoComponent {
3141
3183
  });
3142
3184
  }
3143
3185
  static {
3144
- this.ɵfac = i048.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i048, type: _EuiHeaderLogoComponent, deps: [{ token: i123.EuiAppShellService, optional: true }, { token: EUI_CONFIG_TOKEN, optional: true }], target: i048.ɵɵFactoryTarget.Component });
3186
+ this.ɵfac = i048.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i048, type: _EuiHeaderLogoComponent, deps: [{ token: i124.EuiAppShellService, optional: true }, { token: EUI_CONFIG_TOKEN, optional: true }], target: i048.ɵɵFactoryTarget.Component });
3145
3187
  }
3146
3188
  static {
3147
- this.ɵcmp = i048.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiHeaderLogoComponent, selector: "eui-header-logo", inputs: { homeUrl: "homeUrl" }, host: { properties: { "class": "this.class" } }, ngImport: i048, template: '<img class="logo-svg logo-svg--positive" [src]="svgUrl" [routerLink]="homeUrl" alt="EC logo" />\n<img class="logo-svg logo-svg--negative" [src]="svgUrlDark" [routerLink]="homeUrl" alt="EC logo" />\n', dependencies: [{ kind: "directive", type: i215.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i048.ChangeDetectionStrategy.Default, encapsulation: i048.ViewEncapsulation.None });
3189
+ this.ɵcmp = i048.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiHeaderLogoComponent, selector: "eui-header-logo", inputs: { homeUrl: "homeUrl" }, host: { properties: { "class": "this.class" } }, ngImport: i048, template: '<img class="logo-svg logo-svg--positive" [src]="svgUrl" [routerLink]="homeUrl" alt="EC logo" />\n<img class="logo-svg logo-svg--negative" [src]="svgUrlDark" [routerLink]="homeUrl" alt="EC logo" />\n', dependencies: [{ kind: "directive", type: i216.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i048.ChangeDetectionStrategy.Default, encapsulation: i048.ViewEncapsulation.None });
3148
3190
  }
3149
3191
  };
3150
3192
  i048.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i048, type: EuiHeaderLogoComponent, decorators: [{
3151
3193
  type: Component35,
3152
3194
  args: [{ selector: "eui-header-logo", changeDetection: ChangeDetectionStrategy39.Default, encapsulation: ViewEncapsulation59.None, template: '<img class="logo-svg logo-svg--positive" [src]="svgUrl" [routerLink]="homeUrl" alt="EC logo" />\n<img class="logo-svg logo-svg--negative" [src]="svgUrlDark" [routerLink]="homeUrl" alt="EC logo" />\n' }]
3153
- }], ctorParameters: () => [{ type: i123.EuiAppShellService, decorators: [{
3195
+ }], ctorParameters: () => [{ type: i124.EuiAppShellService, decorators: [{
3154
3196
  type: Optional6
3155
3197
  }] }, { type: void 0, decorators: [{
3156
3198
  type: Optional6
@@ -3167,7 +3209,7 @@ i048.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
3167
3209
  import { Component as Component36, ChangeDetectionStrategy as ChangeDetectionStrategy41, HostBinding as HostBinding35, ViewEncapsulation as ViewEncapsulation61, Input as Input20, forwardRef as forwardRef16, ContentChildren as ContentChildren6, ViewChild as ViewChild4, booleanAttribute as booleanAttribute12 } from "@angular/core";
3168
3210
  import { EuiUserProfileMenuComponent as EuiUserProfileMenuComponent2 } from "@eui/components/eui-user-profile";
3169
3211
  import * as i049 from "@angular/core";
3170
- import * as i124 from "@eui/components/eui-user-profile";
3212
+ import * as i125 from "@eui/components/eui-user-profile";
3171
3213
  var EuiHeaderUserProfileComponent = class _EuiHeaderUserProfileComponent {
3172
3214
  constructor() {
3173
3215
  this.class = "eui-header-user-profile";
@@ -3189,7 +3231,7 @@ var EuiHeaderUserProfileComponent = class _EuiHeaderUserProfileComponent {
3189
3231
  this.ɵfac = i049.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i049, type: _EuiHeaderUserProfileComponent, deps: [], target: i049.ɵɵFactoryTarget.Component });
3190
3232
  }
3191
3233
  static {
3192
- this.ɵcmp = i049.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiHeaderUserProfileComponent, selector: "eui-header-user-profile", inputs: { isShowUserInfos: ["isShowUserInfos", "isShowUserInfos", booleanAttribute12], hasWelcomeLabel: ["hasWelcomeLabel", "hasWelcomeLabel", booleanAttribute12], isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute12], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute12], welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", subInfos: "subInfos" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "hasMenuContent", predicate: i049.forwardRef(() => EuiUserProfileMenuComponent2), descendants: true }], viewQueries: [{ propertyName: "userProfile", first: true, predicate: ["userProfile"], descendants: true }], ngImport: i049, template: '<eui-user-profile\n [hasWelcomeLabel]="hasWelcomeLabel"\n [welcomeLabel]="welcomeLabel"\n [impersonateLabel]="impersonateLabel"\n [avatarUrl]="avatarUrl"\n [isShowUserInfos]="isShowUserInfos"\n [isShowAvatarInitials]="isShowAvatarInitials"\n [hasTabNavigation]="hasTabNavigation"\n [subInfos]="subInfos"\n [hasMenu]="hasMenu"\n isHeaderUserProfile\n #userProfile>\n <ng-content select="eui-user-profile-menu"></ng-content>\n</eui-user-profile>\n', dependencies: [{ kind: "component", type: i124.EuiUserProfileComponent, selector: "eui-user-profile", inputs: ["welcomeLabel", "impersonateLabel", "avatarUrl", "subInfos", "hasMenu", "isShowUserInfos", "hasWelcomeLabel", "isShowAvatarInitials", "hasTabNavigation", "isReverse", "hasToggle", "isHeaderUserProfile"] }], changeDetection: i049.ChangeDetectionStrategy.Default, encapsulation: i049.ViewEncapsulation.None });
3234
+ this.ɵcmp = i049.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiHeaderUserProfileComponent, selector: "eui-header-user-profile", inputs: { isShowUserInfos: ["isShowUserInfos", "isShowUserInfos", booleanAttribute12], hasWelcomeLabel: ["hasWelcomeLabel", "hasWelcomeLabel", booleanAttribute12], isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute12], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute12], welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", subInfos: "subInfos" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "hasMenuContent", predicate: i049.forwardRef(() => EuiUserProfileMenuComponent2), descendants: true }], viewQueries: [{ propertyName: "userProfile", first: true, predicate: ["userProfile"], descendants: true }], ngImport: i049, template: '<eui-user-profile\n [hasWelcomeLabel]="hasWelcomeLabel"\n [welcomeLabel]="welcomeLabel"\n [impersonateLabel]="impersonateLabel"\n [avatarUrl]="avatarUrl"\n [isShowUserInfos]="isShowUserInfos"\n [isShowAvatarInitials]="isShowAvatarInitials"\n [hasTabNavigation]="hasTabNavigation"\n [subInfos]="subInfos"\n [hasMenu]="hasMenu"\n isHeaderUserProfile\n #userProfile>\n <ng-content select="eui-user-profile-menu"></ng-content>\n</eui-user-profile>\n', dependencies: [{ kind: "component", type: i125.EuiUserProfileComponent, selector: "eui-user-profile", inputs: ["welcomeLabel", "impersonateLabel", "avatarUrl", "subInfos", "hasMenu", "isShowUserInfos", "hasWelcomeLabel", "isShowAvatarInitials", "hasTabNavigation", "isReverse", "hasToggle", "isHeaderUserProfile"] }], changeDetection: i049.ChangeDetectionStrategy.Default, encapsulation: i049.ViewEncapsulation.None });
3193
3235
  }
3194
3236
  };
3195
3237
  i049.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i049, type: EuiHeaderUserProfileComponent, decorators: [{
@@ -3228,7 +3270,7 @@ i049.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
3228
3270
  // eui-header/header-app-name/header-app-name.component.mjs
3229
3271
  import { Component as Component37, HostBinding as HostBinding36, ChangeDetectionStrategy as ChangeDetectionStrategy43, ViewEncapsulation as ViewEncapsulation63, Optional as Optional7 } from "@angular/core";
3230
3272
  import * as i050 from "@angular/core";
3231
- import * as i125 from "@eui/core";
3273
+ import * as i126 from "@eui/core";
3232
3274
  var EuiHeaderAppNameComponent = class _EuiHeaderAppNameComponent {
3233
3275
  constructor(asService, elRef) {
3234
3276
  this.asService = asService;
@@ -3242,7 +3284,7 @@ var EuiHeaderAppNameComponent = class _EuiHeaderAppNameComponent {
3242
3284
  });
3243
3285
  }
3244
3286
  static {
3245
- this.ɵfac = i050.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i050, type: _EuiHeaderAppNameComponent, deps: [{ token: i125.EuiAppShellService, optional: true }, { token: i050.ElementRef }], target: i050.ɵɵFactoryTarget.Component });
3287
+ this.ɵfac = i050.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i050, type: _EuiHeaderAppNameComponent, deps: [{ token: i126.EuiAppShellService, optional: true }, { token: i050.ElementRef }], target: i050.ɵɵFactoryTarget.Component });
3246
3288
  }
3247
3289
  static {
3248
3290
  this.ɵcmp = i050.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiHeaderAppNameComponent, selector: "eui-header-app-name", host: { properties: { "class": "this.string" } }, ngImport: i050, template: "<ng-content></ng-content>\n", changeDetection: i050.ChangeDetectionStrategy.Default, encapsulation: i050.ViewEncapsulation.None });
@@ -3251,7 +3293,7 @@ var EuiHeaderAppNameComponent = class _EuiHeaderAppNameComponent {
3251
3293
  i050.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i050, type: EuiHeaderAppNameComponent, decorators: [{
3252
3294
  type: Component37,
3253
3295
  args: [{ selector: "eui-header-app-name", changeDetection: ChangeDetectionStrategy43.Default, encapsulation: ViewEncapsulation63.None, template: "<ng-content></ng-content>\n" }]
3254
- }], ctorParameters: () => [{ type: i125.EuiAppShellService, decorators: [{
3296
+ }], ctorParameters: () => [{ type: i126.EuiAppShellService, decorators: [{
3255
3297
  type: Optional7
3256
3298
  }] }, { type: i050.ElementRef }], propDecorators: { string: [{
3257
3299
  type: HostBinding36,
@@ -3261,7 +3303,7 @@ i050.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
3261
3303
  // eui-header/header-app-subtitle/header-app-subtitle.component.mjs
3262
3304
  import { Component as Component38, HostBinding as HostBinding37, ViewEncapsulation as ViewEncapsulation65, Optional as Optional8 } from "@angular/core";
3263
3305
  import * as i051 from "@angular/core";
3264
- import * as i126 from "@eui/core";
3306
+ import * as i127 from "@eui/core";
3265
3307
  var EuiHeaderAppSubtitleComponent = class _EuiHeaderAppSubtitleComponent {
3266
3308
  constructor(asService, elRef) {
3267
3309
  this.asService = asService;
@@ -3275,7 +3317,7 @@ var EuiHeaderAppSubtitleComponent = class _EuiHeaderAppSubtitleComponent {
3275
3317
  });
3276
3318
  }
3277
3319
  static {
3278
- this.ɵfac = i051.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i051, type: _EuiHeaderAppSubtitleComponent, deps: [{ token: i126.EuiAppShellService, optional: true }, { token: i051.ElementRef }], target: i051.ɵɵFactoryTarget.Component });
3320
+ this.ɵfac = i051.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i051, type: _EuiHeaderAppSubtitleComponent, deps: [{ token: i127.EuiAppShellService, optional: true }, { token: i051.ElementRef }], target: i051.ɵɵFactoryTarget.Component });
3279
3321
  }
3280
3322
  static {
3281
3323
  this.ɵcmp = i051.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiHeaderAppSubtitleComponent, selector: "eui-header-app-subtitle", host: { properties: { "class": "this.string" } }, ngImport: i051, template: "<ng-content></ng-content>\n", encapsulation: i051.ViewEncapsulation.None });
@@ -3284,7 +3326,7 @@ var EuiHeaderAppSubtitleComponent = class _EuiHeaderAppSubtitleComponent {
3284
3326
  i051.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i051, type: EuiHeaderAppSubtitleComponent, decorators: [{
3285
3327
  type: Component38,
3286
3328
  args: [{ selector: "eui-header-app-subtitle", encapsulation: ViewEncapsulation65.None, template: "<ng-content></ng-content>\n" }]
3287
- }], ctorParameters: () => [{ type: i126.EuiAppShellService, decorators: [{
3329
+ }], ctorParameters: () => [{ type: i127.EuiAppShellService, decorators: [{
3288
3330
  type: Optional8
3289
3331
  }] }, { type: i051.ElementRef }], propDecorators: { string: [{
3290
3332
  type: HostBinding37,
@@ -3405,10 +3447,10 @@ import { coerceBooleanProperty as coerceBooleanProperty3 } from "@angular/cdk/co
3405
3447
  import { Component as Component40, EventEmitter as EventEmitter7, HostBinding as HostBinding39, Input as Input22, Output as Output7 } from "@angular/core";
3406
3448
  import { consumeEvent as consumeEvent3 } from "@eui/core";
3407
3449
  import * as i054 from "@angular/core";
3408
- import * as i127 from "@angular/common";
3409
- import * as i216 from "@eui/components/eui-icon";
3410
- import * as i311 from "@ngx-translate/core";
3411
- import * as i48 from "@eui/components/pipes";
3450
+ import * as i128 from "@angular/common";
3451
+ import * as i217 from "@eui/components/eui-icon";
3452
+ import * as i312 from "@ngx-translate/core";
3453
+ import * as i49 from "@eui/components/pipes";
3412
3454
  var EuiNotificationItemComponent = class _EuiNotificationItemComponent {
3413
3455
  constructor() {
3414
3456
  this.string = "eui-notification-item";
@@ -3512,7 +3554,7 @@ var EuiNotificationItemComponent = class _EuiNotificationItemComponent {
3512
3554
  </a>
3513
3555
  </div>
3514
3556
  </div>
3515
- `, dependencies: [{ kind: "directive", type: i127.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i127.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i216.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i127.DatePipe, name: "date" }, { kind: "pipe", type: i311.TranslatePipe, name: "translate" }, { kind: "pipe", type: i48.EuiTruncatePipe, name: "euiTruncate" }] });
3557
+ `, dependencies: [{ kind: "directive", type: i128.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i128.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i217.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i128.DatePipe, name: "date" }, { kind: "pipe", type: i312.TranslatePipe, name: "translate" }, { kind: "pipe", type: i49.EuiTruncatePipe, name: "euiTruncate" }] });
3516
3558
  }
3517
3559
  };
3518
3560
  i054.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i054, type: EuiNotificationItemComponent, decorators: [{
@@ -3610,11 +3652,11 @@ import { ChangeDetectionStrategy as ChangeDetectionStrategy47, Component as Comp
3610
3652
  import { consumeEvent as consumeEvent4 } from "@eui/core";
3611
3653
  import { coerceBooleanProperty as coerceBooleanProperty4 } from "@angular/cdk/coercion";
3612
3654
  import * as i055 from "@angular/core";
3613
- import * as i128 from "@angular/common";
3614
- import * as i217 from "@eui/components/eui-overlay";
3615
- import * as i312 from "@eui/components/eui-button";
3616
- import * as i49 from "@eui/components/eui-badge";
3617
- import * as i57 from "@eui/components/eui-icon";
3655
+ import * as i129 from "@angular/common";
3656
+ import * as i218 from "@eui/components/eui-overlay";
3657
+ import * as i313 from "@eui/components/eui-button";
3658
+ import * as i410 from "@eui/components/eui-badge";
3659
+ import * as i58 from "@eui/components/eui-icon";
3618
3660
  import * as i72 from "@ngx-translate/core";
3619
3661
  var EuiNotificationsComponent = class _EuiNotificationsComponent {
3620
3662
  constructor() {
@@ -3882,7 +3924,7 @@ var EuiNotificationsComponent = class _EuiNotificationsComponent {
3882
3924
  </ng-template>
3883
3925
  </eui-overlay-footer>
3884
3926
  </eui-overlay>
3885
- `, styles: [".eui-overlay-header{background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-lightest)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger .eui-icon-svg svg{position:relative;top:var(--eui-s-2xs);transform:scale(1.1)}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);color:var(--eui-c-text);cursor:default;display:flex;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font:var(--eui-f-l-bold)}.eui-notifications__header-title-subLabel{margin-top:var(--eui-s-xs);font:var(--eui-f-m)}.eui-notifications__header-actions{align-items:center;display:flex;margin-left:auto}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-c-info-bg);border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;flex-direction:column;min-height:var(--eui-s-4xl);padding:var(--eui-s-s) var(--eui-s-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-neutral-bg-light)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{align-items:center;display:flex;position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{margin:var(--eui-s-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-s-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i128.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i128.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i217.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i217.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i217.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i217.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "euiHighlighted", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i312.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i49.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i57.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i57.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "component", type: EuiNotificationItemComponent, selector: "eui-notification-item", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i72.TranslatePipe, name: "translate" }], changeDetection: i055.ChangeDetectionStrategy.Default, encapsulation: i055.ViewEncapsulation.None });
3927
+ `, styles: [".eui-overlay-header{background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-lightest)}.eui-notifications-items{margin:0;padding:0}.eui-notifications__trigger .eui-icon-svg svg{position:relative;top:var(--eui-s-2xs);transform:scale(1.1)}.eui-notifications__header{align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);color:var(--eui-c-text);cursor:default;display:flex;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notifications__header-title{display:flex}.eui-notifications__header-title-label{font:var(--eui-f-l-bold)}.eui-notifications__header-title-subLabel{margin-top:var(--eui-s-xs);font:var(--eui-f-m)}.eui-notifications__header-actions{align-items:center;display:flex;margin-left:auto}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-c-info-bg);border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;flex-direction:column;min-height:var(--eui-s-4xl);padding:var(--eui-s-s) var(--eui-s-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-neutral-bg-light)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{align-items:center;display:flex;position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{margin:var(--eui-s-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-s-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i129.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i129.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i218.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i218.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i218.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i218.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "euiHighlighted", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i313.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i410.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i58.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i58.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "component", type: EuiNotificationItemComponent, selector: "eui-notification-item", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i72.TranslatePipe, name: "translate" }], changeDetection: i055.ChangeDetectionStrategy.Default, encapsulation: i055.ViewEncapsulation.None });
3886
3928
  }
3887
3929
  };
3888
3930
  i055.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i055, type: EuiNotificationsComponent, decorators: [{
@@ -4097,10 +4139,10 @@ import { coerceBooleanProperty as coerceBooleanProperty5 } from "@angular/cdk/co
4097
4139
  import { Component as Component42, EventEmitter as EventEmitter9, HostBinding as HostBinding41, Input as Input24, Output as Output9 } from "@angular/core";
4098
4140
  import { consumeEvent as consumeEvent5 } from "@eui/core";
4099
4141
  import * as i057 from "@angular/core";
4100
- import * as i129 from "@angular/common";
4101
- import * as i218 from "@eui/components/eui-icon";
4102
- import * as i313 from "@ngx-translate/core";
4103
- import * as i410 from "@eui/components/pipes";
4142
+ import * as i130 from "@angular/common";
4143
+ import * as i219 from "@eui/components/eui-icon";
4144
+ import * as i314 from "@ngx-translate/core";
4145
+ import * as i411 from "@eui/components/pipes";
4104
4146
  var EuiNotificationItemV2Component = class _EuiNotificationItemV2Component {
4105
4147
  constructor() {
4106
4148
  this.string = "eui-notification-item";
@@ -4205,7 +4247,7 @@ var EuiNotificationItemV2Component = class _EuiNotificationItemV2Component {
4205
4247
  </a>
4206
4248
  </div>
4207
4249
  </div>
4208
- `, dependencies: [{ kind: "directive", type: i129.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i129.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i218.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i129.DatePipe, name: "date" }, { kind: "pipe", type: i313.TranslatePipe, name: "translate" }, { kind: "pipe", type: i410.EuiTruncatePipe, name: "euiTruncate" }] });
4250
+ `, dependencies: [{ kind: "directive", type: i130.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i130.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i219.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i130.DatePipe, name: "date" }, { kind: "pipe", type: i314.TranslatePipe, name: "translate" }, { kind: "pipe", type: i411.EuiTruncatePipe, name: "euiTruncate" }] });
4209
4251
  }
4210
4252
  };
4211
4253
  i057.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i057, type: EuiNotificationItemV2Component, decorators: [{
@@ -4304,10 +4346,10 @@ import { ChangeDetectionStrategy as ChangeDetectionStrategy49, Component as Comp
4304
4346
  import { consumeEvent as consumeEvent6 } from "@eui/core";
4305
4347
  import { coerceBooleanProperty as coerceBooleanProperty6 } from "@angular/cdk/coercion";
4306
4348
  import * as i058 from "@angular/core";
4307
- import * as i130 from "@angular/common";
4308
- import * as i219 from "@eui/components/eui-overlay";
4309
- import * as i314 from "@eui/components/eui-badge";
4310
- import * as i411 from "@eui/components/eui-icon";
4349
+ import * as i131 from "@angular/common";
4350
+ import * as i220 from "@eui/components/eui-overlay";
4351
+ import * as i315 from "@eui/components/eui-badge";
4352
+ import * as i412 from "@eui/components/eui-icon";
4311
4353
  import * as i63 from "@ngx-translate/core";
4312
4354
  var EuiNotificationsV2Component = class _EuiNotificationsV2Component {
4313
4355
  constructor() {
@@ -4567,7 +4609,7 @@ var EuiNotificationsV2Component = class _EuiNotificationsV2Component {
4567
4609
  </ng-template>
4568
4610
  </eui-overlay-footer>
4569
4611
  </eui-overlay>
4570
- `, styles: [".eui-overlay-header{padding:0}.eui-overlay-footer{background-color:var(--eui-c-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger .eui-icon-svg svg{transform:scale(1.1)}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-c-neutral-bg-light);color:var(--eui-c-text);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notifications-v2__header-title-label{font:var(--eui-f-l-bold)}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-s-xs);font:var(--eui-f-s)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-c-info-bg);border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;flex-direction:column;min-height:var(--eui-s-4xl);padding:var(--eui-s-s) var(--eui-s-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-neutral-bg-light)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{align-items:center;display:flex;position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-s-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-s-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i130.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i130.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i219.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i219.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i219.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i219.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "euiHighlighted", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i314.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i411.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i411.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "component", type: EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i63.TranslatePipe, name: "translate" }], changeDetection: i058.ChangeDetectionStrategy.Default, encapsulation: i058.ViewEncapsulation.None });
4612
+ `, styles: [".eui-overlay-header{padding:0}.eui-overlay-footer{background-color:var(--eui-c-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger .eui-icon-svg svg{transform:scale(1.1)}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-c-neutral-bg-light);color:var(--eui-c-text);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notifications-v2__header-title-label{font:var(--eui-f-l-bold)}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-s-xs);font:var(--eui-f-s)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-c-neutral-bg-light);padding:var(--eui-s-xs) var(--eui-s-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-c-info-bg);border-bottom:1px solid var(--eui-c-neutral-lightest);display:flex;flex-direction:column;min-height:var(--eui-s-4xl);padding:var(--eui-s-s) var(--eui-s-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-neutral-bg-light)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{align-items:center;display:flex;position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-s-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-s-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i131.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i131.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i220.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i220.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i220.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i220.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "euiHighlighted", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i315.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i412.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i412.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "component", type: EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i63.TranslatePipe, name: "translate" }], changeDetection: i058.ChangeDetectionStrategy.Default, encapsulation: i058.ViewEncapsulation.None });
4571
4613
  }
4572
4614
  };
4573
4615
  i058.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i058, type: EuiNotificationsV2Component, decorators: [{