@eui/components 18.0.0-next.52 → 18.0.0-next.53

package/fesm2022/eui-components-layout.mjs

@@ -1,6 +1,7 @@
 // eui-app/eui-app-sidebar/sidebar.component.mjs
 import { Component, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, HostListener, Optional } from "@angular/core";
 import { filter } from "rxjs/operators";
+import { CssUtils } from "@eui/core";
 import * as i0 from "@angular/core";
 import * as i1 from "@eui/core";
 var EuiAppSidebarComponent = class _EuiAppSidebarComponent {
@@ -25,7 +26,7 @@ var EuiAppSidebarComponent = class _EuiAppSidebarComponent {
       ...this.asService.state,
       hasSidebar: false
     });
-    this.asService.removeSidebarCssVars();
+    CssUtils.removeSidebarCssVars();
   }
   onMouseEnter() {
     if (this.asService) {
@@ -490,7 +491,6 @@ var EuiSidebarToggleComponent = class _EuiSidebarToggleComponent {
     this.asService = asService;
     this.e2eAttr = "eui-sidebar-toggle";
     this.name = "eui-sidebar-toggle";
-    this.iconSvgFillColor = "white";
   }
   onToggleSidebar(event2) {
     this.asService.sidebarToggle();
@@ -1072,29 +1072,38 @@ i014.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
 }] } });
 
 // eui-toolbar/toolbar.component.mjs
-import { Component as Component13, HostBinding as HostBinding13, ViewEncapsulation as ViewEncapsulation25, forwardRef as forwardRef3, ContentChild } from "@angular/core";
+import { Component as Component13, HostBinding as HostBinding13, ViewEncapsulation as ViewEncapsulation25, forwardRef as forwardRef3, ContentChild, booleanAttribute as booleanAttribute4, Input as Input8 } from "@angular/core";
 import { EuiLanguageSelectorComponent } from "@eui/components/eui-language-selector";
 import * as i015 from "@angular/core";
 import * as i110 from "@eui/core";
 import * as i25 from "@angular/common";
 var EuiToolbarComponent = class _EuiToolbarComponent {
+  get cssClasses() {
+    return [
+      "eui-toolbar",
+      this.euiSecondary ? "eui-toolbar--secondary eui--secondary" : "eui-toolbar--primary eui--primary"
+    ].join(" ").trim();
+  }
   constructor(asService) {
     this.asService = asService;
-    this.string = "eui-toolbar";
+    this.euiSecondary = false;
   }
   static {
     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 });
   }
   static {
-    this.ɵcmp = i015.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0-rc.0", type: _EuiToolbarComponent, selector: "eui-toolbar", host: { properties: { "class": "this.string" } }, 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        </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;background-color:var(--eui-c-branding);color:var(--eui-c-white);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%}.eui-toolbar__left{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-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}@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:0;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}\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 });
+    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:0;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 });
   }
 };
 i015.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i015, type: EuiToolbarComponent, decorators: [{
   type: Component13,
-  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        </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;background-color:var(--eui-c-branding);color:var(--eui-c-white);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%}.eui-toolbar__left{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,iVBORw0KGgoAAAANSUhEUgAAAHMAAABNCAIAAAAaUcxsAAAACXBIWXMAAC4jAAAuIwF4pT92AAAQ3klEQVR42u1cCVQTZx4fUFAKGBDcXooHIGDAW7F4AyEQjhBOlUNAQUFu5PCCohQQFLmUkBNCQC1qrbVatXbdtmur61rbbrdVqbUqAqIcEkUEnP1/M0kEj93tIwmm8t738sIwM/nP7/vfx2Cp5WfC8k+E5nwSlvvp0FLEOhqcfcw7sQzz3lRr7LhFz/79UQ6ZQ2vgS3dpuplvwUR6EsZKFRu55OiyKvQ9Bfos4dAa4NJhCmaurZlEi8NYadVGztm6TL6+B1efyRtaA1w67tzp4VUTafGYV1q1sUuOnqdgFJM3ypM/tAa43vDgzYgQT3JSG2SBHfgUTx75ZQhZRcIKnzruQn3ZkSFkFQauHpNvs3ongTJviGf/AD/+FzEnLYORd/m+Y55v++/R9eC/DNz+t+K97jz7QjjI76RuNfTijHAVzluX87DZan5MtjZDCEcosvP77AdPX6ooeEM8S4o27w13wXNchiAb7c0Z6SYEWLGlezeWrcF7xiaXRmJL9sKREa4V8N9+myHlbj6xBk1pvCo8a8DiarsKvbZsHLt8t46boA8cvJGuwukR+Ue/YJw9v/TYXxm3rs3qvGt1o242fP/6W4dTX9GBfwFiinw/mDy41eSQwpDs9cNdKg1YnNcNWakUG3pxYYH2BIb95pw9bX2mlguwYTkcBLgJPcAFwQf4fv7pPfzRhAdN1AeN1vCJd064UTeLnvw+/BfOgTPhfLjK2Lt8GF0UlJV8/sISgNiIuBUsFavdQUOWfEhdDwHmWI05VYFom68s7L1vtrk8ArOr1XSuhONajEoSDoBM01mk78Hbf9yz657F3RvTHt21/OyM8xhvNlxLbgCcCefDVRp0EbbgQ8FHvt2tk8cHlIACQfenVcNvqdILHkyeBSadGFQcXxQdXRATsC2Fe9C/u8P0nxcXhWYnrd6ekLI70iFpq46bkIQDWA9zFOeLVuKSSd33LOATsMNoYrmSBR3ilJwJV63KTVy7I/76lTndbeZlHy4P3JYSsysmtjBmfEApCe6fH1lYIMXw2MCA+GOT3hYLSYP1o+YpuMQU7x535LSraXCRrjtxJhO2gQ+eQMP1GU3XZyQXR9X9bPugacq4FaUj3UiweHAmcP3hU25wLeD+sIkqabSGe8Kd4cw1+fHEc/FeF20AlgpzqLYI3XXySzo8f9ttm44G66bfp6/bGQscStolUhtgtKplmannLiyxDCnE7GtMlpeeOetIngY2inTLkPPgKA7NSbp5bVZHI7Wt3gbu+ekXLqZBRZiDmHyu10EbSI3YGB82IBWcldzbZv74rmVvy+R/XFgyzKWyv2+LPISFcR+86Vc2zLnSyKdcm1EBRmlJwjZQKX3PJPZAfPorOk7crad1sm/GBsy+2tiHreKoQcXIPptPgU9DFges08efu4Kt//iU2+3fZj5pN5sTlTvcpQJ0BYkFCYq2a4WeB1/qMLDQHQDfvkYJztdiVMxYk/fkvtn1q3MOn3THH40/eMIDbJohiyM7TUU5HZUiKzM1QjknjiJE2DJ0FyjQhKJ1GjTxrDV5V67OzuKHgZYAxfqSLZF+kvjKORHOB22QWxly7ruFFiGFGrQqUOLXr862CNkFLN+XtfvToPbISqMs4EeAQA9F/YgBwZl3TMp0Sc0AnQDHNeki0KERefFwwh+lBLQ2oO//fpohiwtOMQLaoRp0iF1MNvAyIQGkq8efu46ggalEtas6ZEkeARP/0Ul3q9CCEa5COQeBMwSuKOhNEmtAHwHB+sPSSt4NtkquLuCeoEN03IXwJ0XmjcAGfHra1TK0APwK+JOinNyNcpGVoSmAqB84BYwPOEaddy2RVXEUo5KGm5D0WOVy/UIx/2N6nNVPaVCIu+m4CwBxgBKihilhBY/bzBENS2tkx4UKV7vK5lkeCPW7y/aAJh23vBSENLogFhxMCApGe3FMVpSaBhdPCipGgq9Eq41kYkJgyYK4D6ZH5JsFF6Vzwp90mYg/8TIPLpoWvsMuNtsqbJfCgwjlIkshHPiJgcWHTrpLGqk362a31E99cId6v8HmRt3s1nqbS98vAD1ISqUykeXDLtYcZYErBmSgzEMTFUKJ+w3WeLvZl986TAvPB8FSLA1K1wakAw+CnycKftRs9YAIjSAc6G2dfOorOnAQCCOZT1GyQyIAXRRXGN18c9qDRioQ0NFAhWiioDoIJIawb+qmDQjFx4WFLd63iR3R02YOnAKB/9ffOmgzhMCtpOFSqjYgN9jIqxxbtD9199qedvP22zZAieiIN7Z4L+yrPKejXr4BaaORO8U/5Id3mfx2ZQ7I4LXLc9/236MnzUzzVBDsQRAMrljtcSaED9euzMXvm/3wwwIgTF85NKjG60LCOD6gBASw8mOfd3zY60uicMkkv4w0sNSGKspMcyFYQJ7JnSnCj3zf9mED8+L3TRlp6bDlIFJq6c+i7Cpd5JexAR4GnC2wFRDI+6Rv2MiO0HJWUc4ffgVoWJ6Zur4kUk4DxBQppZHD6ZXqiqw08+JbPgwZKyR3Bl5c+D7am0NhcVWVfEIiP8anPw3OlUZPaVA/bcCTO7YGUtaQJgb1mXyV5Z/I/ZPRwHueBoVvsNKRJQuo8rBSdvP/3V2gpPLwKObTNJuMMHW1YDzwFqeG74jIS9Cgiwit+or0tiBtsCg+K2BbiqaTyFDRhCkJWZ68kjrGhz2MLgrLTbz03UJthrQoq/pK6vOEGfuUaziKcypCPv2CoUGrMvZhK5YwpSArzzlhDjWokjq/lnvQ/0mHqWVoAcQLYJoxWrWecrTb/0OYprMICMNoVeAefHN+aeP1GW+48zGHaqKKLJbrilcQWWke1nPz5uyK0KSSqOTSSPDMH7eb7z/uuW5nbAZ3ddqetWOX79b1UDHP8sgcwvKtqdnC0PjC6CxBWFu9DcTcxXsDYnbFZPJWwcG/+LIVkiFSFrLwAGbBRQc+88B7xuEPJj68g9IFPS0WeM/YlnqbZZmpBPXcQUGWumrnib85473v4h2mQBUsvM0cf/Ju3eW59OQMabX4ldUGYHBHuglBvoKykm9dmylppLbW23Q2Wx3+3O0d/z0giWQGRPXaAH5XmyHEaOLIHXFNN6Z1NFgD20qappTsWwGbjTmJFEWYEi0Y6WmB1frHhSV4u1nPPYsn7WbgIWD2NaqvpPbPznDJDtHLP70HhOGt5p13rGzX5YBJGO1VrijClOd18VBA6VzpkLQV7xp/6dJC8RFvvHPCl984DneulPq2g9TbDA4W5lTlm7EBFMKRz11L9gWAjgJVC6Z1tBdHUWKkRH8WPQBNzDng/8kZ57d8y4Du4Kz1N3+dNS86R8ulQpmp7v+dQwBHsPY4k33Qj2z+iNoZe/G7RW/6lcmU7CuNLApngQXcN24Z6YqKXWQldXpE/sK4D7RRAXGwkEVljrf8ypxTMjTpIhCd0aiWXm0Xk01dRdY9ua86suTncKLbhSLN0nLBrMGiDOZkjDSk1mJUkjkEeYmXbLdRA20gjcqfr6T2SRoMQs9+nxJv39yFwmvjKu3k0GfKIR6sJncpDUbe5cqezlFp9xGFSOxHF8S+7b+HGElQNbjEvnJ13AQbyta8u2y3UmlQRYVR3jIPVmuML7vuZ1swYiNkfe4Upadm+tLAgd2FUOXG1dkL47KABnBglUSDKnpk9Jh8jFaNMiAL9wOmeJfJ+pIobH6tJh2lbHSU0J/yAho8CBqcEA32iVvxxyaJxeswu1qMLgKPRcdd3XpkKITogTdTun8Fu3ZZtjD0r3+nPWo3/+nH+XmVK4tqAgWHfenJ749EHchc5akgoMEmfOfuD1eU1S7LEYaeOYto+PHH+dsrQyCo5R/2BawJj4WrTtoA9Br4j8syU5tvToNQp/uepaTBBrXMd07AJZOyBGGgE5RcGEc06HnwAral3Ls1FdFw11Latt9lgreZp+1ZQ3SN89RMG5BeDgRjf/FlHzjh0dls2XJr6oOmKVd+sV0Ul4XZKz1R25cGCBAOn3LrvGsJED+8Y3X+n4unhu9QEg0q6uQw9inH7GuSSyLxDtPe1sl4u9nfzjoOc6mUNVIouDL23KCpvG2/Go1ASkxRPlNiWnPUC5QsITSK969V4XWRdIMh/uGHBd33LHaIVv76y1yAeMaavD4NwwocQ37BJpEetK4H/+ovtp13rLYLQ+t+sX3cYmEWXDRC2g6uhv4shajlOSRu/fXyXLAV2JK9pkHF5y4u2lIejjmKyZZ5eYuyggQT3UE2WseTd5O4pm35/vsFtlG5QIPJitLTZx3R/C5NrIxuEhUhq82oWJq4zSp0FzwGSN9wl0pj73KPjZtldRGUcoSDzE2brVft1CLmOgYSVQMbTgoq8s3YoOVSQSYHyCBlXnQOBAga9CqgAUiCMxcnZCmpe1dF2oDo9URd7QZe0skYPSInQpEFEaAENZxEx8+4xBVGa6JK6tO52/4a8GWTMU+LskbE3O2KrSlnz9nDJsnnbuFHgQZgZPl0DprX6T+do5bdR31zMbLZLdKBF6NlX23I4rTV23xy2hVbtA858I7Vms6iZx776dtO+iMurRYzZNXiBR/yD/l1t0wGkQfBR0GKI5q7fSY9NIC2/Vd7OlSXaLSPL4pOLI4Ky00qrAnsbrFo+n3G+tKoiLwECO190jfKB+nIS0i3f25UrrEPm6i49G13FLqkZmwqj1ibH08MK6G5W84B/9CcJLh/UknUhMCS12fuFhx4fkj2eknTFAg3n7ROljRaP2yi4u3meO/Yi5cWgvOg8xRZqToGAa/9jDlr7XZCHXPl/4J4BAz9oZPuz87ddo+TNFLDtye8RnO3UgfeUWwaXHTiS2dJE7X9tk37bev2BuuivQFgheR9g8BrI4jMNFgkMEEdjdRVuYngioIJIlPp8qE9uNvKD1BNSD53C+plYmAxHO8zDvl6zN2S4/VLE7Y9arYEb7fnnsVvl+eCK4bGQgizDlL/zrI9Nqt3TgwsGePLBkwhMt53zPNN3zIQcIuQQvOVRX18DDT7fPorJwhbu8i52/QNsAd/+rnbFyxUhqJVFYiD8O6xR79gEC/eGM9ITdd0llZTQMyBT6uOeD+8M6Xht5mt9VPJMZL6a7PuN1j/6192sCsjpW87QXO30yPye9vMf6+bjeZuu0z2H2f2n7t9XZBFLAku15V/z8uuCAFnfkJAyTcXFwkP+5JBhHwyBiR9IzvifgOVhJUcI/n8ayfz4CJNaZmdmLt1EGcJwn789zxqWIEGrSpld+StX2eBb6vjJlBxcWiQkSWnu+dEbvdO3wgyi97TwxAaeHLX5MWDliBlnPQ9EWqL90UXxIKAA9uCpJ+/sBg0xgj0bimuvAgExK/envgWMayPLrGvcU1LXxyfhSbPVVstHmyeJew1RA3ES4qeBhHEkBiv79w8iDMIddHeQLxr/J3fp4MavXVt5oTAYuQ8yBKA5OUQgMjDAQCd/FP1fY+Dr2ef8dhf4sCjwdk3/cqab0w/dsbFKqQQTcZIJoEvhZQGi/Pf5m5Zg/OyOfV4LyKFyKe4b9iSwVkNkSvYK1AdzE2bt/JXaQ9qu43aIytLsJaTb0Eh1C6azgGRN1DddM6fEVl5lfBlkzFDyCowma366Zw/J7Lqt4aQVT6yrFSErL6ngILec8MfWgNcugSyE2lxwLNiQ6esEW48HVeOjht3aA1waTE408KrEM+6JYttgssWJHxkF3tgfvyhoTWQZRd30C7+kH3SgXeWxGDvLc8wsF1tZBs2tBSz5q3SnbnSYKrXfwCsJuGnJnjenQAAAABJRU5ErkJggg==);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-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}@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:0;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}\n'] }]
-}], ctorParameters: () => [{ type: i110.EuiAppShellService }], propDecorators: { string: [{
+  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:0;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'] }]
+}], ctorParameters: () => [{ type: i110.EuiAppShellService }], propDecorators: { cssClasses: [{
   type: HostBinding13,
   args: ["class"]
+}], euiSecondary: [{
+  type: Input8,
+  args: [{ transform: booleanAttribute4 }]
 }], hasLanguageSelector: [{
   type: ContentChild,
   args: [forwardRef3(() => EuiLanguageSelectorComponent)]
@@ -1104,7 +1113,7 @@ i015.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
 }] } });
 
 // eui-toolbar/toolbar-items/toolbar-items.component.mjs
-import { Component as Component14, HostBinding as HostBinding14, Input as Input8, booleanAttribute as booleanAttribute4 } from "@angular/core";
+import { Component as Component14, HostBinding as HostBinding14, Input as Input9, booleanAttribute as booleanAttribute5 } from "@angular/core";
 import * as i016 from "@angular/core";
 var EuiToolbarItemsComponent = class _EuiToolbarItemsComponent {
   constructor() {
@@ -1123,7 +1132,7 @@ var EuiToolbarItemsComponent = class _EuiToolbarItemsComponent {
     this.ɵfac = i016.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i016, type: _EuiToolbarItemsComponent, deps: [], target: i016.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i016.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiToolbarItemsComponent, selector: "eui-toolbar-items", inputs: { euiEnd: ["euiEnd", "euiEnd", booleanAttribute4], euiPositionRight: ["euiPositionRight", "euiPositionRight", booleanAttribute4] }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i016, template: "<ng-content></ng-content>", isInline: true });
+    this.ɵcmp = i016.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiToolbarItemsComponent, selector: "eui-toolbar-items", inputs: { euiEnd: ["euiEnd", "euiEnd", booleanAttribute5], euiPositionRight: ["euiPositionRight", "euiPositionRight", booleanAttribute5] }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i016, template: "<ng-content></ng-content>", isInline: true });
   }
 };
 i016.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i016, type: EuiToolbarItemsComponent, decorators: [{
@@ -1136,11 +1145,11 @@ i016.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
   type: HostBinding14,
   args: ["class"]
 }], euiEnd: [{
-  type: Input8,
-  args: [{ transform: booleanAttribute4 }]
+  type: Input9,
+  args: [{ transform: booleanAttribute5 }]
 }], euiPositionRight: [{
-  type: Input8,
-  args: [{ transform: booleanAttribute4 }]
+  type: Input9,
+  args: [{ transform: booleanAttribute5 }]
 }] } });
 
 // eui-toolbar/toolbar-item/toolbar-item.component.mjs
@@ -1193,6 +1202,143 @@ i018.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
   args: ["class"]
 }] } });
 
+// eui-toolbar/toolbar-start/toolbar-start.component.mjs
+import { Component as Component17, HostBinding as HostBinding17 } from "@angular/core";
+import * as i019 from "@angular/core";
+var EuiToolbarStartComponent = class _EuiToolbarStartComponent {
+  constructor() {
+    this.string = "eui-toolbar__start";
+  }
+  static {
+    this.ɵfac = i019.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i019, type: _EuiToolbarStartComponent, deps: [], target: i019.ɵɵFactoryTarget.Component });
+  }
+  static {
+    this.ɵcmp = i019.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiToolbarStartComponent, selector: "eui-toolbar-start", host: { properties: { "class": "this.string" } }, ngImport: i019, template: "<ng-content></ng-content>", isInline: true });
+  }
+};
+i019.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i019, type: EuiToolbarStartComponent, decorators: [{
+  type: Component17,
+  args: [{
+    selector: "eui-toolbar-start",
+    template: "<ng-content></ng-content>"
+  }]
+}], propDecorators: { string: [{
+  type: HostBinding17,
+  args: ["class"]
+}] } });
+
+// eui-toolbar/toolbar-navbar-item/toolbar-navbar-item.component.mjs
+import { Component as Component18, Host, HostBinding as HostBinding18, HostListener as HostListener4, Inject, Input as Input10, Optional as Optional2, booleanAttribute as booleanAttribute6, forwardRef as forwardRef5 } from "@angular/core";
+import * as i020 from "@angular/core";
+var EuiToolbarNavbarItemComponent = class _EuiToolbarNavbarItemComponent {
+  get cssClasses() {
+    return [
+      "eui-toolbar-navbar-item",
+      this.isActive ? "eui-toolbar-navbar-item--active" : ""
+    ].join(" ").trim();
+  }
+  constructor(navBarComponent) {
+    this.tabindex = 0;
+    this.isActive = false;
+    this.navBarComponentParent = navBarComponent;
+  }
+  onClick() {
+    this._click();
+  }
+  onKeydown(event2) {
+    switch (event2.code) {
+      case "Enter":
+      case "Space":
+        event2.preventDefault();
+        event2.stopPropagation();
+        this._click();
+        break;
+    }
+  }
+  _click() {
+    this.navBarComponentParent.itemSelected(this.id);
+  }
+  static {
+    this.ɵfac = i020.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i020, type: _EuiToolbarNavbarItemComponent, deps: [{ token: forwardRef5(() => EuiToolbarNavbarComponent), host: true, optional: true }], target: i020.ɵɵFactoryTarget.Component });
+  }
+  static {
+    this.ɵcmp = i020.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiToolbarNavbarItemComponent, selector: "eui-toolbar-navbar-item", inputs: { id: "id", isActive: ["isActive", "isActive", booleanAttribute6] }, host: { listeners: { "click": "onClick()", "keydown": "onKeydown($event)" }, properties: { "class": "this.cssClasses", "attr.tabindex": "this.tabindex" } }, ngImport: i020, template: "<ng-content></ng-content>", isInline: true });
+  }
+};
+i020.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i020, type: EuiToolbarNavbarItemComponent, decorators: [{
+  type: Component18,
+  args: [{
+    selector: "eui-toolbar-navbar-item",
+    template: "<ng-content></ng-content>"
+  }]
+}], ctorParameters: () => [{ type: void 0, decorators: [{
+  type: Host
+}, {
+  type: Optional2
+}, {
+  type: Inject,
+  args: [forwardRef5(() => EuiToolbarNavbarComponent)]
+}] }], propDecorators: { cssClasses: [{
+  type: HostBinding18,
+  args: ["class"]
+}], tabindex: [{
+  type: HostBinding18,
+  args: ["attr.tabindex"]
+}], id: [{
+  type: Input10
+}], isActive: [{
+  type: Input10,
+  args: [{ transform: booleanAttribute6 }]
+}], onClick: [{
+  type: HostListener4,
+  args: ["click"]
+}], onKeydown: [{
+  type: HostListener4,
+  args: ["keydown", ["$event"]]
+}] } });
+
+// eui-toolbar/toolbar-navbar/toolbar-navbar.component.mjs
+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";
+import * as i021 from "@angular/core";
+var EuiToolbarNavbarComponent = class _EuiToolbarNavbarComponent {
+  constructor() {
+    this.class = "eui-toolbar-navbar";
+    this.itemClick = new EventEmitter4();
+  }
+  itemSelected(id) {
+    this.items.forEach((item) => {
+      if (item.id === id) {
+        item.isActive = true;
+      } else {
+        item.isActive = false;
+      }
+    });
+    this.itemClick.emit(id);
+  }
+  static {
+    this.ɵfac = i021.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i021, type: _EuiToolbarNavbarComponent, deps: [], target: i021.ɵɵFactoryTarget.Component });
+  }
+  static {
+    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 });
+  }
+};
+i021.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i021, type: EuiToolbarNavbarComponent, decorators: [{
+  type: Component19,
+  args: [{
+    selector: "eui-toolbar-navbar",
+    template: "<ng-content></ng-content>",
+    changeDetection: ChangeDetectionStrategy9.Default,
+    encapsulation: ViewEncapsulation27.None
+  }]
+}], propDecorators: { class: [{
+  type: HostBinding19
+}], itemClick: [{
+  type: Output4
+}], items: [{
+  type: ContentChildren2,
+  args: [forwardRef6(() => EuiToolbarNavbarItemComponent)]
+}] } });
+
 // eui-toolbar/toolbar.module.mjs
 import { CommonModule as CommonModule3 } from "@angular/common";
 import { NgModule as NgModule3 } from "@angular/core";
@@ -1201,7 +1347,7 @@ import { TranslateModule } from "@ngx-translate/core";
 import { EuiIconModule as EuiIconModule3 } from "@eui/components/eui-icon";
 import { EuiButtonModule as EuiButtonModule2 } from "@eui/components/eui-button";
 import { EuiLanguageSelectorModule } from "@eui/components/eui-language-selector";
-import * as i019 from "@angular/core";
+import * as i022 from "@angular/core";
 var COMPONENTS2 = [
   EuiToolbarComponent,
   EuiToolbarItemComponent,
@@ -1210,14 +1356,17 @@ var COMPONENTS2 = [
   EuiToolbarAppComponent,
   EuiToolbarEnvironmentComponent,
   EuiToolbarMenuComponent,
-  EuiToolbarCenterComponent
+  EuiToolbarCenterComponent,
+  EuiToolbarStartComponent,
+  EuiToolbarNavbarComponent,
+  EuiToolbarNavbarItemComponent
 ];
 var EuiToolbarModule = class _EuiToolbarModule {
   static {
-    this.ɵfac = i019.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i019, type: _EuiToolbarModule, deps: [], target: i019.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i022.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i022, type: _EuiToolbarModule, deps: [], target: i022.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i019.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i019, type: _EuiToolbarModule, declarations: [
+    this.ɵmod = i022.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i022, type: _EuiToolbarModule, declarations: [
       EuiToolbarComponent,
       EuiToolbarItemComponent,
       EuiToolbarItemsComponent,
@@ -1225,7 +1374,10 @@ var EuiToolbarModule = class _EuiToolbarModule {
       EuiToolbarAppComponent,
       EuiToolbarEnvironmentComponent,
       EuiToolbarMenuComponent,
-      EuiToolbarCenterComponent
+      EuiToolbarCenterComponent,
+      EuiToolbarStartComponent,
+      EuiToolbarNavbarComponent,
+      EuiToolbarNavbarItemComponent
     ], imports: [
       CommonModule3,
       RouterModule2,
@@ -1241,11 +1393,14 @@ var EuiToolbarModule = class _EuiToolbarModule {
       EuiToolbarAppComponent,
       EuiToolbarEnvironmentComponent,
       EuiToolbarMenuComponent,
-      EuiToolbarCenterComponent
+      EuiToolbarCenterComponent,
+      EuiToolbarStartComponent,
+      EuiToolbarNavbarComponent,
+      EuiToolbarNavbarItemComponent
     ] });
   }
   static {
-    this.ɵinj = i019.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i019, type: _EuiToolbarModule, imports: [
+    this.ɵinj = i022.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i022, type: _EuiToolbarModule, imports: [
       CommonModule3,
       RouterModule2,
       EuiIconModule3,
@@ -1255,7 +1410,7 @@ var EuiToolbarModule = class _EuiToolbarModule {
     ] });
   }
 };
-i019.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i019, type: EuiToolbarModule, decorators: [{
+i022.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i022, type: EuiToolbarModule, decorators: [{
   type: NgModule3,
   args: [{
     imports: [
@@ -1272,25 +1427,24 @@ i019.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
 }] });
 
 // eui-app/eui-app-toolbar/toolbar.component.mjs
-import { Component as Component17, HostBinding as HostBinding17, ChangeDetectionStrategy as ChangeDetectionStrategy9, ViewEncapsulation as ViewEncapsulation27, Input as Input9 } from "@angular/core";
-import { coerceBooleanProperty as coerceBooleanProperty2 } from "@angular/cdk/coercion";
-import * as i020 from "@angular/core";
+import { Component as Component20, HostBinding as HostBinding20, ChangeDetectionStrategy as ChangeDetectionStrategy11, ViewEncapsulation as ViewEncapsulation29, Input as Input11, booleanAttribute as booleanAttribute7 } from "@angular/core";
+import * as i023 from "@angular/core";
 import * as i111 from "@eui/core";
 import * as i26 from "@angular/common";
 import * as i43 from "@eui/components/eui-language-selector";
 import * as i52 from "@eui/components/pipes";
 var EuiAppToolbarComponent = class _EuiAppToolbarComponent {
-  get hasLanguageSelector() {
-    return this._hasLanguageSelector;
-  }
-  set hasLanguageSelector(value) {
-    this._hasLanguageSelector = coerceBooleanProperty2(value);
+  get cssClasses() {
+    return [
+      "eui-app-toolbar",
+      this.euiSecondary ? "eui-app-toolbar--secondary eui--secondary" : "eui-app-toolbar--primary eui--primary"
+    ].join(" ").trim();
   }
   constructor(asService) {
     this.asService = asService;
-    this.string = "eui-app-toolbar";
     this.role = "banner";
-    this._hasLanguageSelector = true;
+    this.euiSecondary = false;
+    this.hasLanguageSelector = true;
   }
   ngOnInit() {
     this.asService.activateToolbar();
@@ -1303,10 +1457,10 @@ var EuiAppToolbarComponent = class _EuiAppToolbarComponent {
     document.documentElement.style.removeProperty("--eui-app-toolbar-height");
   }
   static {
-    this.ɵfac = i020.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i020, type: _EuiAppToolbarComponent, deps: [{ token: i111.EuiAppShellService }], target: i020.ɵɵFactoryTarget.Component });
+    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 });
   }
   static {
-    this.ɵcmp = i020.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiAppToolbarComponent, selector: "eui-app-toolbar", inputs: { hasLanguageSelector: "hasLanguageSelector" }, host: { properties: { "class": "this.string", "attr.role": "this.role" } }, ngImport: i020, template: `<!--Only render the toggle if there is a rendered sidebar in the DOM, otherwise it doesn't make sense. -->
+    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. -->
 <eui-sidebar-toggle *ngIf="asService.getState('hasSidebar') | async" class="eui-app-toolbar__sidebar-toggle"> </eui-sidebar-toggle>
 
 <ng-content></ng-content>
@@ -1317,15 +1471,15 @@ var EuiAppToolbarComponent = class _EuiAppToolbarComponent {
         ((asService.getState('hasHeader') | async) && (asService.breakpoints$ | async).isMobile)
     ">
     <ng-container *ngIf="hasLanguageSelector">
-        <eui-language-selector isToolbarSelector class="eui-u-mr-m"></eui-language-selector>
+        <eui-language-selector isToolbarSelector></eui-language-selector>
     </ng-container>
 </ng-container>
-`, styles: [".eui-app-toolbar{align-items:center;background:var(--eui-c-branding);color:var(--eui-c-white);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)}.eui-app-toolbar__sidebar-toggle{padding-left:var(--eui-s-xs);padding-right:var(--eui-s-xs)}.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: i020.ChangeDetectionStrategy.Default, encapsulation: i020.ViewEncapsulation.None });
+`, 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 });
   }
 };
-i020.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i020, type: EuiAppToolbarComponent, decorators: [{
-  type: Component17,
-  args: [{ selector: "eui-app-toolbar", changeDetection: ChangeDetectionStrategy9.Default, encapsulation: ViewEncapsulation27.None, template: `<!--Only render the toggle if there is a rendered sidebar in the DOM, otherwise it doesn't make sense. -->
+i023.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i023, type: EuiAppToolbarComponent, decorators: [{
+  type: Component20,
+  args: [{ selector: "eui-app-toolbar", changeDetection: ChangeDetectionStrategy11.Default, encapsulation: ViewEncapsulation29.None, template: `<!--Only render the toggle if there is a rendered sidebar in the DOM, otherwise it doesn't make sense. -->
 <eui-sidebar-toggle *ngIf="asService.getState('hasSidebar') | async" class="eui-app-toolbar__sidebar-toggle"> </eui-sidebar-toggle>
 
 <ng-content></ng-content>
@@ -1336,18 +1490,22 @@ i020.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
         ((asService.getState('hasHeader') | async) && (asService.breakpoints$ | async).isMobile)
     ">
     <ng-container *ngIf="hasLanguageSelector">
-        <eui-language-selector isToolbarSelector class="eui-u-mr-m"></eui-language-selector>
+        <eui-language-selector isToolbarSelector></eui-language-selector>
     </ng-container>
 </ng-container>
-`, styles: [".eui-app-toolbar{align-items:center;background:var(--eui-c-branding);color:var(--eui-c-white);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)}.eui-app-toolbar__sidebar-toggle{padding-left:var(--eui-s-xs);padding-right:var(--eui-s-xs)}.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"] }]
-}], ctorParameters: () => [{ type: i111.EuiAppShellService }], propDecorators: { string: [{
-  type: HostBinding17,
+`, 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"] }]
+}], ctorParameters: () => [{ type: i111.EuiAppShellService }], propDecorators: { cssClasses: [{
+  type: HostBinding20,
   args: ["class"]
 }], role: [{
-  type: HostBinding17,
+  type: HostBinding20,
   args: ["attr.role"]
+}], euiSecondary: [{
+  type: Input11,
+  args: [{ transform: booleanAttribute7 }]
 }], hasLanguageSelector: [{
-  type: Input9
+  type: Input11,
+  args: [{ transform: booleanAttribute7 }]
 }] } });
 
 // eui-app/eui-app-toolbar/toolbar.module.mjs
@@ -1355,20 +1513,20 @@ import { CommonModule as CommonModule4 } from "@angular/common";
 import { NgModule as NgModule4 } from "@angular/core";
 import { EuiCoerceBooleanPipeModule as EuiCoerceBooleanPipeModule2 } from "@eui/components/pipes";
 import { EuiLanguageSelectorModule as EuiLanguageSelectorModule2 } from "@eui/components/eui-language-selector";
-import * as i021 from "@angular/core";
+import * as i024 from "@angular/core";
 var COMPONENTS3 = [EuiAppToolbarComponent];
 var EuiAppToolbarModule = class _EuiAppToolbarModule {
   static {
-    this.ɵfac = i021.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i021, type: _EuiAppToolbarModule, deps: [], target: i021.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i024.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i024, type: _EuiAppToolbarModule, deps: [], target: i024.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i021.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i021, type: _EuiAppToolbarModule, declarations: [EuiAppToolbarComponent], imports: [CommonModule4, EuiSidebarToggleModule, EuiLanguageSelectorModule2, EuiToolbarModule, EuiCoerceBooleanPipeModule2], exports: [EuiAppToolbarComponent] });
+    this.ɵmod = i024.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i024, type: _EuiAppToolbarModule, declarations: [EuiAppToolbarComponent], imports: [CommonModule4, EuiSidebarToggleModule, EuiLanguageSelectorModule2, EuiToolbarModule, EuiCoerceBooleanPipeModule2], exports: [EuiAppToolbarComponent] });
   }
   static {
-    this.ɵinj = i021.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i021, type: _EuiAppToolbarModule, imports: [CommonModule4, EuiSidebarToggleModule, EuiLanguageSelectorModule2, EuiToolbarModule, EuiCoerceBooleanPipeModule2] });
+    this.ɵinj = i024.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i024, type: _EuiAppToolbarModule, imports: [CommonModule4, EuiSidebarToggleModule, EuiLanguageSelectorModule2, EuiToolbarModule, EuiCoerceBooleanPipeModule2] });
   }
 };
-i021.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i021, type: EuiAppToolbarModule, decorators: [{
+i024.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i024, type: EuiAppToolbarModule, decorators: [{
   type: NgModule4,
   args: [{
     imports: [CommonModule4, EuiSidebarToggleModule, EuiLanguageSelectorModule2, EuiToolbarModule, EuiCoerceBooleanPipeModule2],
@@ -1378,22 +1536,21 @@ i021.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
 }] });
 
 // eui-app/eui-app.component.mjs
-import { Component as Component18, Directive, ViewEncapsulation as ViewEncapsulation29, HostBinding as HostBinding18, Input as Input10, ContentChild as ContentChild2, forwardRef as forwardRef5, booleanAttribute as booleanAttribute5 } from "@angular/core";
+import { Component as Component21, Directive, ViewEncapsulation as ViewEncapsulation31, HostBinding as HostBinding21, Input as Input12, ContentChild as ContentChild2, forwardRef as forwardRef8, booleanAttribute as booleanAttribute8 } from "@angular/core";
 import { Subject, fromEvent } from "rxjs";
 import { debounceTime, takeUntil } from "rxjs/operators";
-import * as i022 from "@angular/core";
+import { CssUtils as CssUtils2 } from "@eui/core";
+import * as i025 from "@angular/core";
 import * as i112 from "@eui/core";
-import * as i27 from "ngx-device-detector";
-import * as i35 from "@angular/common";
-import * as i44 from "@angular/router";
-import * as i10 from "@eui/components/eui-block-document";
-import * as i11 from "@eui/components/eui-growl";
-import * as i122 from "@eui/components/eui-dimmer";
+import * as i27 from "@angular/common";
+import * as i35 from "@angular/router";
+import * as i9 from "@eui/components/eui-block-document";
+import * as i10 from "@eui/components/eui-growl";
+import * as i11 from "@eui/components/eui-dimmer";
 var EuiAppComponent = class _EuiAppComponent {
-  constructor(asService, euiGrowlService, deviceDetectorService, cdRef) {
+  constructor(asService, euiGrowlService, cdRef) {
     this.asService = asService;
     this.euiGrowlService = euiGrowlService;
-    this.deviceDetectorService = deviceDetectorService;
     this.cdRef = cdRef;
     this.cssClasses = "eui-app";
     this.appSubTitle = "";
@@ -1409,9 +1566,8 @@ var EuiAppComponent = class _EuiAppComponent {
     this.hasNoPageWrapper = !this.customPageWrapper;
   }
   ngOnInit() {
-    this.asService.fetchCssVars();
-    this.asService.initCssVars();
-    const deviceInfo = this.deviceDetectorService.getDeviceInfo();
+    CssUtils2.initCssVars();
+    const browserAgent = window.navigator.userAgent.toLowerCase();
     this.asService.setState({
       ...this.asService.state,
       windowHeight: window.innerHeight,
@@ -1419,15 +1575,9 @@ var EuiAppComponent = class _EuiAppComponent {
       hasHeader: false,
       hasSidebar: false,
       deviceInfo: {
-        info: deviceInfo,
-        isChrome: deviceInfo.browser === "Chrome",
-        isIE: deviceInfo.browser === "IE",
-        isIE11: deviceInfo.browser === "IE" && deviceInfo.browser_version === "11.0",
-        isFF: deviceInfo.browser === "Firefox",
-        isEdge: deviceInfo.browser === "MS-Edge-Chromium",
-        isMobile: this.deviceDetectorService.isMobile(),
-        isDesktop: this.deviceDetectorService.isDesktop(),
-        isTablet: this.deviceDetectorService.isTablet()
+        isChrome: browserAgent.indexOf("chrome") > -1,
+        isIE: browserAgent.indexOf("trident") > -1,
+        isFF: browserAgent.indexOf("firefox") > -1
       },
       appBaseFontSize: this.asService.getBaseFontSize()
     });
@@ -1443,7 +1593,7 @@ var EuiAppComponent = class _EuiAppComponent {
         windowHeight: window.innerHeight,
         windowWidth: window.innerWidth
       });
-      this.asService.setAppViewportCssVars();
+      CssUtils2.setAppViewportCssVars();
     });
   }
   ngOnChanges(changes) {
@@ -1472,63 +1622,64 @@ var EuiAppComponent = class _EuiAppComponent {
     this.destroy$.unsubscribe();
   }
   static {
-    this.ɵfac = i022.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i022, type: _EuiAppComponent, deps: [{ token: i112.EuiAppShellService }, { token: i112.EuiGrowlService }, { token: i27.DeviceDetectorService }, { token: i022.ChangeDetectorRef }], target: i022.ɵɵFactoryTarget.Component });
+    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 });
   }
   static {
-    this.ɵcmp = i022.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiAppComponent, selector: "eui-app", inputs: { appSubTitle: "appSubTitle", themeClass: "themeClass", isSidebarOpen: ["isSidebarOpen", "isSidebarOpen", booleanAttribute5], isSidebarExpandOnHover: ["isSidebarExpandOnHover", "isSidebarExpandOnHover", booleanAttribute5], isShrinkHeaderActive: ["isShrinkHeaderActive", "isShrinkHeaderActive", booleanAttribute5], isSidebarHidden: ["isSidebarHidden", "isSidebarHidden", booleanAttribute5] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "appSidebar", first: true, predicate: i022.forwardRef(() => EuiAppSidebarComponent), descendants: true }, { propertyName: "customPageWrapper", first: true, predicate: i022.forwardRef(() => EuiAppPageWrapperDirective), descendants: true }, { propertyName: "appToolbar", first: true, predicate: i022.forwardRef(() => EuiAppToolbarComponent), descendants: true }], usesOnChanges: true, ngImport: i022, 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: i35.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i44.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: EuiAppToolbarComponent, selector: "eui-app-toolbar", inputs: ["hasLanguageSelector"] }, { kind: "component", type: EuiToolbarComponent, selector: "eui-toolbar" }, { 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: i10.EuiBlockDocumentComponent, selector: "eui-block-document", inputs: ["isBlocked", "ariaLabel"] }, { kind: "component", type: i11.EuiGrowlComponent, selector: "eui-growl", inputs: ["sticky", "life", "value", "style", "position", "e2eAttr", "closeAllSticky"], outputs: ["growlClick"] }, { kind: "component", type: i122.EuiDimmerComponent, selector: "eui-dimmer", inputs: ["isDimmerActive", "e2eAttr"] }, { kind: "pipe", type: i35.AsyncPipe, name: "async" }], encapsulation: i022.ViewEncapsulation.None });
+    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 });
   }
 };
-i022.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i022, type: EuiAppComponent, decorators: [{
-  type: Component18,
-  args: [{ selector: "eui-app", encapsulation: ViewEncapsulation29.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'] }]
-}], ctorParameters: () => [{ type: i112.EuiAppShellService }, { type: i112.EuiGrowlService }, { type: i27.DeviceDetectorService }, { type: i022.ChangeDetectorRef }], propDecorators: { cssClasses: [{
-  type: HostBinding18,
+i025.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i025, type: EuiAppComponent, decorators: [{
+  type: Component21,
+  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'] }]
+}], ctorParameters: () => [{ type: i112.EuiAppShellService }, { type: i112.EuiGrowlService }, { type: i025.ChangeDetectorRef }], propDecorators: { cssClasses: [{
+  type: HostBinding21,
   args: ["class"]
 }], appSubTitle: [{
-  type: Input10
+  type: Input12
 }], themeClass: [{
-  type: Input10
+  type: Input12
 }], isSidebarOpen: [{
-  type: Input10,
-  args: [{ transform: booleanAttribute5 }]
+  type: Input12,
+  args: [{ transform: booleanAttribute8 }]
 }], isSidebarExpandOnHover: [{
-  type: Input10,
-  args: [{ transform: booleanAttribute5 }]
+  type: Input12,
+  args: [{ transform: booleanAttribute8 }]
 }], isShrinkHeaderActive: [{
-  type: Input10,
-  args: [{ transform: booleanAttribute5 }]
+  type: Input12,
+  args: [{ transform: booleanAttribute8 }]
 }], isSidebarHidden: [{
-  type: Input10,
-  args: [{ transform: booleanAttribute5 }]
+  type: Input12,
+  args: [{ transform: booleanAttribute8 }]
 }], appSidebar: [{
   type: ContentChild2,
-  args: [forwardRef5(() => EuiAppSidebarComponent)]
+  args: [forwardRef8(() => EuiAppSidebarComponent)]
 }], customPageWrapper: [{
   type: ContentChild2,
-  args: [forwardRef5(() => EuiAppPageWrapperDirective)]
+  args: [forwardRef8(() => EuiAppPageWrapperDirective)]
 }], appToolbar: [{
   type: ContentChild2,
-  args: [forwardRef5(() => EuiAppToolbarComponent)]
+  args: [forwardRef8(() => EuiAppToolbarComponent)]
 }] } });
 var EuiAppPageWrapperDirective = class _EuiAppPageWrapperDirective {
   static {
-    this.ɵfac = i022.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i022, type: _EuiAppPageWrapperDirective, deps: [], target: i022.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i025.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i025, type: _EuiAppPageWrapperDirective, deps: [], target: i025.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i022.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiAppPageWrapperDirective, selector: "eui-app-page-wrapper", ngImport: i022 });
+    this.ɵdir = i025.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiAppPageWrapperDirective, selector: "eui-app-page-wrapper", ngImport: i025 });
   }
 };
-i022.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i022, type: EuiAppPageWrapperDirective, decorators: [{
+i025.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i025, type: EuiAppPageWrapperDirective, decorators: [{
   type: Directive,
   args: [{ selector: "eui-app-page-wrapper" }]
 }] });
 
 // eui-app/eui-app-header/header.component.mjs
-import { Component as Component19, HostBinding as HostBinding19, ChangeDetectionStrategy as ChangeDetectionStrategy11, ViewEncapsulation as ViewEncapsulation31, Input as Input11 } from "@angular/core";
-import { coerceBooleanProperty as coerceBooleanProperty3 } from "@angular/cdk/coercion";
+import { Component as Component22, HostBinding as HostBinding22, ChangeDetectionStrategy as ChangeDetectionStrategy13, ViewEncapsulation as ViewEncapsulation33, Input as Input13 } from "@angular/core";
+import { coerceBooleanProperty as coerceBooleanProperty2 } from "@angular/cdk/coercion";
 import { Subject as Subject2 } from "rxjs";
 import { filter as filter2, takeUntil as takeUntil2 } from "rxjs/operators";
-import * as i023 from "@angular/core";
+import { CssUtils as CssUtils3 } from "@eui/core";
+import * as i026 from "@angular/core";
 import * as i113 from "@eui/core";
 import * as i28 from "@angular/cdk/scrolling";
 import * as i36 from "@angular/common";
@@ -1540,7 +1691,7 @@ var EuiAppHeaderComponent = class _EuiAppHeaderComponent {
     return this._isShrinkHeaderActive;
   }
   set isShrinkHeaderActive(value) {
-    this._isShrinkHeaderActive = coerceBooleanProperty3(value);
+    this._isShrinkHeaderActive = coerceBooleanProperty2(value);
   }
   constructor(asService, zone, viewportRuler, scrollDispatcher) {
     this.asService = asService;
@@ -1556,7 +1707,7 @@ var EuiAppHeaderComponent = class _EuiAppHeaderComponent {
     this.asService.activateHeader();
     this.scrollDispatcher.scrolled().pipe(filter2(() => this.isShrinkHeaderActive), takeUntil2(this.destroy$)).subscribe(() => {
       const topScrollPos = this.viewportRuler.getViewportScrollPosition().top;
-      this.asService.setHeaderShrinkCssVar(topScrollPos > 0);
+      CssUtils3.setHeaderShrinkCssVar(topScrollPos > 0);
       if (topScrollPos > 0 !== this.isHeaderShrinked) {
         this.zone.run(() => this.isHeaderShrinked = topScrollPos > 0);
       }
@@ -1575,23 +1726,23 @@ var EuiAppHeaderComponent = class _EuiAppHeaderComponent {
     return ["eui-app-header", this.isHeaderShrinked ? "eui-app-header--shrinked" : ""].join(" ");
   }
   static {
-    this.ɵfac = i023.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i023, type: _EuiAppHeaderComponent, deps: [{ token: i113.EuiAppShellService }, { token: i023.NgZone }, { token: i28.ViewportRuler }, { token: i28.ScrollDispatcher }], target: i023.ɵɵFactoryTarget.Component });
+    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 });
   }
   static {
-    this.ɵcmp = i023.ɵɵ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: i023, 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: i023.ChangeDetectionStrategy.Default, encapsulation: i023.ViewEncapsulation.None });
+    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 });
   }
 };
-i023.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i023, type: EuiAppHeaderComponent, decorators: [{
-  type: Component19,
-  args: [{ selector: "eui-app-header", changeDetection: ChangeDetectionStrategy11.Default, encapsulation: ViewEncapsulation31.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"] }]
-}], ctorParameters: () => [{ type: i113.EuiAppShellService }, { type: i023.NgZone }, { type: i28.ViewportRuler }, { type: i28.ScrollDispatcher }], propDecorators: { cssClasses: [{
-  type: HostBinding19,
+i026.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i026, type: EuiAppHeaderComponent, decorators: [{
+  type: Component22,
+  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"] }]
+}], ctorParameters: () => [{ type: i113.EuiAppShellService }, { type: i026.NgZone }, { type: i28.ViewportRuler }, { type: i28.ScrollDispatcher }], propDecorators: { cssClasses: [{
+  type: HostBinding22,
   args: ["class"]
 }], role: [{
-  type: HostBinding19,
+  type: HostBinding22,
   args: ["attr.role"]
 }], isShrinkHeaderActive: [{
-  type: Input11
+  type: Input13
 }] } });
 
 // eui-app/eui-app-header/header.module.mjs
@@ -1600,19 +1751,19 @@ import { NgModule as NgModule5 } from "@angular/core";
 import { RouterModule as RouterModule3 } from "@angular/router";
 import { EuiUserProfileModule as EuiUserProfileModule2 } from "@eui/components/eui-user-profile";
 import { EuiLanguageSelectorModule as EuiLanguageSelectorModule3 } from "@eui/components/eui-language-selector";
-import * as i024 from "@angular/core";
+import * as i027 from "@angular/core";
 var EuiAppHeaderModule = class _EuiAppHeaderModule {
   static {
-    this.ɵfac = i024.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i024, type: _EuiAppHeaderModule, deps: [], target: i024.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i027.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i027, type: _EuiAppHeaderModule, deps: [], target: i027.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i024.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i024, type: _EuiAppHeaderModule, declarations: [EuiAppHeaderComponent], imports: [CommonModule5, EuiSidebarToggleModule, EuiUserProfileModule2, EuiLanguageSelectorModule3, RouterModule3], exports: [EuiAppHeaderComponent] });
+    this.ɵmod = i027.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i027, type: _EuiAppHeaderModule, declarations: [EuiAppHeaderComponent], imports: [CommonModule5, EuiSidebarToggleModule, EuiUserProfileModule2, EuiLanguageSelectorModule3, RouterModule3], exports: [EuiAppHeaderComponent] });
   }
   static {
-    this.ɵinj = i024.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i024, type: _EuiAppHeaderModule, imports: [CommonModule5, EuiSidebarToggleModule, EuiUserProfileModule2, EuiLanguageSelectorModule3, RouterModule3] });
+    this.ɵinj = i027.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i027, type: _EuiAppHeaderModule, imports: [CommonModule5, EuiSidebarToggleModule, EuiUserProfileModule2, EuiLanguageSelectorModule3, RouterModule3] });
   }
 };
-i024.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i024, type: EuiAppHeaderModule, decorators: [{
+i027.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i027, type: EuiAppHeaderModule, decorators: [{
   type: NgModule5,
   args: [{
     imports: [CommonModule5, EuiSidebarToggleModule, EuiUserProfileModule2, EuiLanguageSelectorModule3, RouterModule3],
@@ -1622,8 +1773,8 @@ i024.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
 }] });
 
 // eui-app/eui-app-breadcrumb/breadcrumb.component.mjs
-import { Component as Component20, HostBinding as HostBinding20, ChangeDetectionStrategy as ChangeDetectionStrategy13, ViewEncapsulation as ViewEncapsulation33 } from "@angular/core";
-import * as i025 from "@angular/core";
+import { Component as Component23, HostBinding as HostBinding23, ChangeDetectionStrategy as ChangeDetectionStrategy15, ViewEncapsulation as ViewEncapsulation35 } from "@angular/core";
+import * as i028 from "@angular/core";
 import * as i114 from "@eui/core";
 var EuiAppBreadcrumbComponent = class _EuiAppBreadcrumbComponent {
   get cssClasses() {
@@ -1640,39 +1791,39 @@ var EuiAppBreadcrumbComponent = class _EuiAppBreadcrumbComponent {
     return ["eui-app-breadcrumb"].join(" ");
   }
   static {
-    this.ɵfac = i025.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i025, type: _EuiAppBreadcrumbComponent, deps: [{ token: i114.EuiAppShellService }], target: i025.ɵɵFactoryTarget.Component });
+    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 });
   }
   static {
-    this.ɵcmp = i025.ɵɵ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: i025, 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: i025.ChangeDetectionStrategy.Default, encapsulation: i025.ViewEncapsulation.None });
+    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 });
   }
 };
-i025.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i025, type: EuiAppBreadcrumbComponent, decorators: [{
-  type: Component20,
-  args: [{ selector: "eui-app-breadcrumb", changeDetection: ChangeDetectionStrategy13.Default, encapsulation: ViewEncapsulation33.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"] }]
+i028.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i028, type: EuiAppBreadcrumbComponent, decorators: [{
+  type: Component23,
+  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"] }]
 }], ctorParameters: () => [{ type: i114.EuiAppShellService }], propDecorators: { cssClasses: [{
-  type: HostBinding20,
+  type: HostBinding23,
   args: ["class"]
 }], role: [{
-  type: HostBinding20,
+  type: HostBinding23,
   args: ["attr.role"]
 }] } });
 
 // eui-app/eui-app-breadcrumb/breadcrumb.module.mjs
 import { CommonModule as CommonModule6 } from "@angular/common";
 import { NgModule as NgModule6 } from "@angular/core";
-import * as i026 from "@angular/core";
+import * as i029 from "@angular/core";
 var EuiAppBreadcrumbModule = class _EuiAppBreadcrumbModule {
   static {
-    this.ɵfac = i026.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i026, type: _EuiAppBreadcrumbModule, deps: [], target: i026.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i029.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i029, type: _EuiAppBreadcrumbModule, deps: [], target: i029.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i026.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i026, type: _EuiAppBreadcrumbModule, declarations: [EuiAppBreadcrumbComponent], imports: [CommonModule6], exports: [EuiAppBreadcrumbComponent] });
+    this.ɵmod = i029.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i029, type: _EuiAppBreadcrumbModule, declarations: [EuiAppBreadcrumbComponent], imports: [CommonModule6], exports: [EuiAppBreadcrumbComponent] });
   }
   static {
-    this.ɵinj = i026.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i026, type: _EuiAppBreadcrumbModule, imports: [CommonModule6] });
+    this.ɵinj = i029.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i029, type: _EuiAppBreadcrumbModule, imports: [CommonModule6] });
   }
 };
-i026.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i026, type: EuiAppBreadcrumbModule, decorators: [{
+i029.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i029, type: EuiAppBreadcrumbModule, decorators: [{
   type: NgModule6,
   args: [{
     imports: [CommonModule6],
@@ -1682,46 +1833,46 @@ i026.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
 }] });
 
 // eui-app/eui-app-footer/footer.component.mjs
-import { Component as Component21, HostBinding as HostBinding21, ChangeDetectionStrategy as ChangeDetectionStrategy15, ViewEncapsulation as ViewEncapsulation35 } from "@angular/core";
-import * as i027 from "@angular/core";
+import { Component as Component24, HostBinding as HostBinding24, ChangeDetectionStrategy as ChangeDetectionStrategy17, ViewEncapsulation as ViewEncapsulation37 } from "@angular/core";
+import * as i030 from "@angular/core";
 var EuiAppFooterComponent = class _EuiAppFooterComponent {
   constructor() {
     this.class = "eui-app-footer";
     this.role = "contentinfo";
   }
   static {
-    this.ɵfac = i027.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i027, type: _EuiAppFooterComponent, deps: [], target: i027.ɵɵFactoryTarget.Component });
+    this.ɵfac = i030.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i030, type: _EuiAppFooterComponent, deps: [], target: i030.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i027.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiAppFooterComponent, selector: "eui-app-footer", host: { properties: { "class": "this.class", "attr.role": "this.role" } }, ngImport: i027, template: "<ng-content></ng-content>\n", styles: [".eui-app-footer{border-top:1px solid var(--eui-c-neutral-bg-light);transition:all .2s ease;margin-top:auto}\n"], changeDetection: i027.ChangeDetectionStrategy.Default, encapsulation: i027.ViewEncapsulation.None });
+    this.ɵcmp = i030.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiAppFooterComponent, selector: "eui-app-footer", host: { properties: { "class": "this.class", "attr.role": "this.role" } }, ngImport: i030, template: "<ng-content></ng-content>\n", styles: [".eui-app-footer{border-top:1px solid var(--eui-c-neutral-bg-light);transition:all .2s ease;margin-top:auto}\n"], changeDetection: i030.ChangeDetectionStrategy.Default, encapsulation: i030.ViewEncapsulation.None });
   }
 };
-i027.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i027, type: EuiAppFooterComponent, decorators: [{
-  type: Component21,
-  args: [{ selector: "eui-app-footer", changeDetection: ChangeDetectionStrategy15.Default, encapsulation: ViewEncapsulation35.None, template: "<ng-content></ng-content>\n", styles: [".eui-app-footer{border-top:1px solid var(--eui-c-neutral-bg-light);transition:all .2s ease;margin-top:auto}\n"] }]
+i030.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i030, type: EuiAppFooterComponent, decorators: [{
+  type: Component24,
+  args: [{ selector: "eui-app-footer", changeDetection: ChangeDetectionStrategy17.Default, encapsulation: ViewEncapsulation37.None, template: "<ng-content></ng-content>\n", styles: [".eui-app-footer{border-top:1px solid var(--eui-c-neutral-bg-light);transition:all .2s ease;margin-top:auto}\n"] }]
 }], propDecorators: { class: [{
-  type: HostBinding21
+  type: HostBinding24
 }], role: [{
-  type: HostBinding21,
+  type: HostBinding24,
   args: ["attr.role"]
 }] } });
 
 // eui-app/eui-app-footer/footer.module.mjs
 import { CommonModule as CommonModule7 } from "@angular/common";
 import { NgModule as NgModule7 } from "@angular/core";
-import * as i028 from "@angular/core";
+import * as i031 from "@angular/core";
 var EuiAppFooterModule = class _EuiAppFooterModule {
   static {
-    this.ɵfac = i028.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i028, type: _EuiAppFooterModule, deps: [], target: i028.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i031.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i031, type: _EuiAppFooterModule, deps: [], target: i031.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i028.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i028, type: _EuiAppFooterModule, declarations: [EuiAppFooterComponent], imports: [CommonModule7], exports: [EuiAppFooterComponent] });
+    this.ɵmod = i031.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i031, type: _EuiAppFooterModule, declarations: [EuiAppFooterComponent], imports: [CommonModule7], exports: [EuiAppFooterComponent] });
   }
   static {
-    this.ɵinj = i028.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i028, type: _EuiAppFooterModule, imports: [CommonModule7] });
+    this.ɵinj = i031.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i031, type: _EuiAppFooterModule, imports: [CommonModule7] });
   }
 };
-i028.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i028, type: EuiAppFooterModule, decorators: [{
+i031.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i031, type: EuiAppFooterModule, decorators: [{
   type: NgModule7,
   args: [{
     imports: [CommonModule7],
@@ -1731,14 +1882,15 @@ i028.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
 }] });
 
 // eui-app/eui-app-top-message/top-message.component.mjs
-import { Component as Component22, HostBinding as HostBinding22, ChangeDetectionStrategy as ChangeDetectionStrategy17, ViewEncapsulation as ViewEncapsulation37, Input as Input12, Output as Output4, EventEmitter as EventEmitter4, ViewChild, booleanAttribute as booleanAttribute6 } from "@angular/core";
+import { Component as Component25, HostBinding as HostBinding25, ChangeDetectionStrategy as ChangeDetectionStrategy19, ViewEncapsulation as ViewEncapsulation39, Input as Input14, Output as Output5, EventEmitter as EventEmitter5, ViewChild, booleanAttribute as booleanAttribute9 } from "@angular/core";
 import { BaseStatesDirective } from "@eui/components/shared";
 import { startWith } from "rxjs";
-import * as i029 from "@angular/core";
+import { CssUtils as CssUtils4 } from "@eui/core";
+import * as i032 from "@angular/core";
 import * as i115 from "@eui/core";
 import * as i29 from "@angular/cdk/observers";
 import * as i37 from "@eui/components/shared";
-import * as i45 from "@angular/common";
+import * as i44 from "@angular/common";
 import * as i53 from "@eui/components/eui-icon";
 var EuiAppTopMessageComponent = class _EuiAppTopMessageComponent {
   get cssClasses() {
@@ -1764,7 +1916,7 @@ var EuiAppTopMessageComponent = class _EuiAppTopMessageComponent {
     this.role = "banner";
     this.isCloseable = false;
     this.hasCustomContent = false;
-    this.topMessageClose = new EventEmitter4();
+    this.topMessageClose = new EventEmitter5();
     this._isVisible = true;
   }
   ngAfterViewInit() {
@@ -1775,12 +1927,12 @@ var EuiAppTopMessageComponent = class _EuiAppTopMessageComponent {
       ...this.asService.state,
       hasTopMessage: false
     });
-    this.asService.activateTopMessageCssVars(0);
+    CssUtils4.activateTopMessageCssVars(0);
     this.appTopMessageChanges.unsubscribe();
   }
   onCloseClick() {
     this.isVisible = false;
-    this.asService.activateTopMessageCssVars(0);
+    CssUtils4.activateTopMessageCssVars(0);
     this.topMessageClose.emit();
   }
   _calculateHeight() {
@@ -1791,15 +1943,15 @@ var EuiAppTopMessageComponent = class _EuiAppTopMessageComponent {
     this.cd.detectChanges();
   }
   static {
-    this.ɵfac = i029.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i029, type: _EuiAppTopMessageComponent, deps: [{ token: i115.EuiAppShellService }, { token: i029.ElementRef }, { token: i029.ChangeDetectorRef }, { token: i29.ContentObserver }, { token: i37.BaseStatesDirective }], target: i029.ɵɵFactoryTarget.Component });
+    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 });
   }
   static {
-    this.ɵcmp = i029.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiAppTopMessageComponent, selector: "eui-app-top-message", inputs: { isCloseable: ["isCloseable", "isCloseable", booleanAttribute6], hasCustomContent: ["hasCustomContent", "hasCustomContent", booleanAttribute6], 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: i029, 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: i53.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i029.ChangeDetectionStrategy.Default, encapsulation: i029.ViewEncapsulation.None });
+    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 });
   }
 };
-i029.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i029, type: EuiAppTopMessageComponent, decorators: [{
-  type: Component22,
-  args: [{ selector: "eui-app-top-message", changeDetection: ChangeDetectionStrategy17.Default, encapsulation: ViewEncapsulation37.None, hostDirectives: [
+i032.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i032, type: EuiAppTopMessageComponent, decorators: [{
+  type: Component25,
+  args: [{ selector: "eui-app-top-message", changeDetection: ChangeDetectionStrategy19.Default, encapsulation: ViewEncapsulation39.None, hostDirectives: [
     {
       directive: BaseStatesDirective,
       inputs: [
@@ -1813,44 +1965,44 @@ i029.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
       ]
     }
   ], 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"] }]
-}], ctorParameters: () => [{ type: i115.EuiAppShellService }, { type: i029.ElementRef }, { type: i029.ChangeDetectorRef }, { type: i29.ContentObserver }, { type: i37.BaseStatesDirective }], propDecorators: { cssClasses: [{
-  type: HostBinding22,
+}], ctorParameters: () => [{ type: i115.EuiAppShellService }, { type: i032.ElementRef }, { type: i032.ChangeDetectorRef }, { type: i29.ContentObserver }, { type: i37.BaseStatesDirective }], propDecorators: { cssClasses: [{
+  type: HostBinding25,
   args: ["class"]
 }], role: [{
-  type: HostBinding22,
+  type: HostBinding25,
   args: ["attr.role"]
 }], appTopMessage: [{
   type: ViewChild,
   args: ["appTopMessage"]
 }], isCloseable: [{
-  type: Input12,
-  args: [{ transform: booleanAttribute6 }]
+  type: Input14,
+  args: [{ transform: booleanAttribute9 }]
 }], hasCustomContent: [{
-  type: Input12,
-  args: [{ transform: booleanAttribute6 }]
+  type: Input14,
+  args: [{ transform: booleanAttribute9 }]
 }], isVisible: [{
-  type: Input12
+  type: Input14
 }], topMessageClose: [{
-  type: Output4
+  type: Output5
 }] } });
 
 // eui-app/eui-app-top-message/top-message.module.mjs
 import { CommonModule as CommonModule8 } from "@angular/common";
 import { NgModule as NgModule8 } from "@angular/core";
 import { EuiIconModule as EuiIconModule4 } from "@eui/components/eui-icon";
-import * as i030 from "@angular/core";
+import * as i033 from "@angular/core";
 var EuiAppTopMessageModule = class _EuiAppTopMessageModule {
   static {
-    this.ɵfac = i030.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i030, type: _EuiAppTopMessageModule, deps: [], target: i030.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i033.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i033, type: _EuiAppTopMessageModule, deps: [], target: i033.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i030.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i030, type: _EuiAppTopMessageModule, declarations: [EuiAppTopMessageComponent], imports: [CommonModule8, EuiIconModule4], exports: [EuiAppTopMessageComponent] });
+    this.ɵmod = i033.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i033, type: _EuiAppTopMessageModule, declarations: [EuiAppTopMessageComponent], imports: [CommonModule8, EuiIconModule4], exports: [EuiAppTopMessageComponent] });
   }
   static {
-    this.ɵinj = i030.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i030, type: _EuiAppTopMessageModule, imports: [CommonModule8, EuiIconModule4] });
+    this.ɵinj = i033.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i033, type: _EuiAppTopMessageModule, imports: [CommonModule8, EuiIconModule4] });
   }
 };
-i030.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i030, type: EuiAppTopMessageModule, decorators: [{
+i033.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i033, type: EuiAppTopMessageModule, decorators: [{
   type: NgModule8,
   args: [{
     imports: [CommonModule8, EuiIconModule4],
@@ -1860,13 +2012,13 @@ i030.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
 }] });
 
 // eui-search/search.component.mjs
-import { Component as Component23, ViewEncapsulation as ViewEncapsulation39, ContentChildren as ContentChildren2, ChangeDetectionStrategy as ChangeDetectionStrategy19, HostBinding as HostBinding23, Input as Input13, Output as Output5, EventEmitter as EventEmitter5, booleanAttribute as booleanAttribute7 } from "@angular/core";
+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";
 import { EuiTemplateDirective } from "@eui/components/directives";
-import * as i031 from "@angular/core";
+import * as i034 from "@angular/core";
 import * as i116 from "@angular/common";
 import * as i210 from "@eui/components/eui-icon";
 import * as i38 from "@eui/components/eui-button";
-import * as i46 from "@eui/components/eui-autocomplete";
+import * as i45 from "@eui/components/eui-autocomplete";
 import * as i54 from "@eui/components/directives";
 import * as i6 from "@eui/components/eui-input-text";
 import * as i7 from "@eui/components/eui-input-group";
@@ -1880,9 +2032,9 @@ var EuiSearchComponent = class _EuiSearchComponent {
     this.isInputText = false;
     this.hasSearchButton = false;
     this.hasExpandAnimation = true;
-    this.search = new EventEmitter5();
-    this.inputFocus = new EventEmitter5();
-    this.inputBlur = new EventEmitter5();
+    this.search = new EventEmitter6();
+    this.inputFocus = new EventEmitter6();
+    this.inputBlur = new EventEmitter6();
   }
   get cssClasses() {
     return [
@@ -1930,44 +2082,44 @@ var EuiSearchComponent = class _EuiSearchComponent {
     }
   }
   static {
-    this.ɵfac = i031.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i031, type: _EuiSearchComponent, deps: [], target: i031.ɵɵFactoryTarget.Component });
+    this.ɵfac = i034.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i034, type: _EuiSearchComponent, deps: [], target: i034.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i031.ɵɵ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", booleanAttribute7], isInputText: ["isInputText", "isInputText", booleanAttribute7], hasSearchButton: ["hasSearchButton", "hasSearchButton", booleanAttribute7], hasExpandAnimation: ["hasExpandAnimation", "hasExpandAnimation", booleanAttribute7] }, outputs: { search: "search", inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], ngImport: i031, 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: 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: 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: i031.ChangeDetectionStrategy.Default, encapsulation: i031.ViewEncapsulation.None });
+    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 });
   }
 };
-i031.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i031, type: EuiSearchComponent, decorators: [{
-  type: Component23,
-  args: [{ selector: "eui-search", changeDetection: ChangeDetectionStrategy19.Default, encapsulation: ViewEncapsulation39.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"] }]
+i034.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i034, type: EuiSearchComponent, decorators: [{
+  type: Component26,
+  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"] }]
 }], propDecorators: { cssClasses: [{
-  type: HostBinding23,
+  type: HostBinding26,
   args: ["class"]
 }], placeholderLabel: [{
-  type: Input13
+  type: Input15
 }], panelWidth: [{
-  type: Input13
+  type: Input15
 }], searchResults: [{
-  type: Input13
+  type: Input15
 }], isAutocomplete: [{
-  type: Input13,
-  args: [{ transform: booleanAttribute7 }]
+  type: Input15,
+  args: [{ transform: booleanAttribute10 }]
 }], isInputText: [{
-  type: Input13,
-  args: [{ transform: booleanAttribute7 }]
+  type: Input15,
+  args: [{ transform: booleanAttribute10 }]
 }], hasSearchButton: [{
-  type: Input13,
-  args: [{ transform: booleanAttribute7 }]
+  type: Input15,
+  args: [{ transform: booleanAttribute10 }]
 }], hasExpandAnimation: [{
-  type: Input13,
-  args: [{ transform: booleanAttribute7 }]
+  type: Input15,
+  args: [{ transform: booleanAttribute10 }]
 }], search: [{
-  type: Output5
+  type: Output6
 }], inputFocus: [{
-  type: Output5
+  type: Output6
 }], inputBlur: [{
-  type: Output5
+  type: Output6
 }], templates: [{
-  type: ContentChildren2,
+  type: ContentChildren3,
   args: [EuiTemplateDirective]
 }] } });
 
@@ -1981,13 +2133,13 @@ import { EuiInputGroupModule } from "@eui/components/eui-input-group";
 import { EuiAutocompleteModule } from "@eui/components/eui-autocomplete";
 import { EuiTemplateDirectiveModule } from "@eui/components/directives";
 import { FormsModule } from "@angular/forms";
-import * as i032 from "@angular/core";
+import * as i035 from "@angular/core";
 var EuiSearchModule = class _EuiSearchModule {
   static {
-    this.ɵfac = i032.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i032, type: _EuiSearchModule, deps: [], target: i032.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i035.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i035, type: _EuiSearchModule, deps: [], target: i035.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i032.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i032, type: _EuiSearchModule, declarations: [EuiSearchComponent], imports: [
+    this.ɵmod = i035.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i035, type: _EuiSearchModule, declarations: [EuiSearchComponent], imports: [
       CommonModule9,
       EuiIconModule5,
       EuiButtonModule3,
@@ -2000,7 +2152,7 @@ var EuiSearchModule = class _EuiSearchModule {
     ], exports: [EuiSearchComponent] });
   }
   static {
-    this.ɵinj = i032.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i032, type: _EuiSearchModule, imports: [
+    this.ɵinj = i035.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i035, type: _EuiSearchModule, imports: [
       CommonModule9,
       EuiIconModule5,
       EuiButtonModule3,
@@ -2013,7 +2165,7 @@ var EuiSearchModule = class _EuiSearchModule {
     ] });
   }
 };
-i032.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i032, type: EuiSearchModule, decorators: [{
+i035.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i035, type: EuiSearchModule, decorators: [{
   type: NgModule9,
   args: [{
     imports: [
@@ -2033,12 +2185,12 @@ i032.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
 }] });
 
 // eui-breadcrumb/item/breadcrumb-item.component.mjs
-import { ChangeDetectionStrategy as ChangeDetectionStrategy21, Component as Component24, HostBinding as HostBinding24, Input as Input14, Optional as Optional2, ViewEncapsulation as ViewEncapsulation41 } from "@angular/core";
-import * as i033 from "@angular/core";
+import { ChangeDetectionStrategy as ChangeDetectionStrategy23, Component as Component27, HostBinding as HostBinding27, Input as Input16, Optional as Optional3, ViewEncapsulation as ViewEncapsulation43 } from "@angular/core";
+import * as i036 from "@angular/core";
 import * as i117 from "@angular/router";
 import * as i211 from "@eui/core";
 import * as i39 from "@angular/common";
-import * as i47 from "@eui/components/eui-button";
+import * as i46 from "@eui/components/eui-button";
 import * as i55 from "@eui/components/eui-icon";
 import * as i62 from "@eui/components/eui-label";
 var EuiBreadcrumbItemComponent = class _EuiBreadcrumbItemComponent {
@@ -2129,38 +2281,38 @@ var EuiBreadcrumbItemComponent = class _EuiBreadcrumbItemComponent {
     return !this.nextCrumb;
   }
   static {
-    this.ɵfac = i033.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i033, type: _EuiBreadcrumbItemComponent, deps: [{ token: i033.ElementRef }, { token: i117.Router }, { token: i033.ChangeDetectorRef }, { token: i033.ElementRef }, { token: i211.LogService, optional: true }], target: i033.ɵɵFactoryTarget.Component });
+    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 });
   }
   static {
-    this.ɵcmp = i033.ɵɵ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: i033, 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: i47.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: i033.ChangeDetectionStrategy.Default, encapsulation: i033.ViewEncapsulation.None });
+    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 });
   }
 };
-i033.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i033, type: EuiBreadcrumbItemComponent, decorators: [{
-  type: Component24,
-  args: [{ selector: "eui-breadcrumb-item", changeDetection: ChangeDetectionStrategy21.Default, encapsulation: ViewEncapsulation41.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' }]
-}], ctorParameters: () => [{ type: i033.ElementRef }, { type: i117.Router }, { type: i033.ChangeDetectorRef }, { type: i033.ElementRef }, { type: i211.LogService, decorators: [{
-  type: Optional2
+i036.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i036, type: EuiBreadcrumbItemComponent, decorators: [{
+  type: Component27,
+  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' }]
+}], ctorParameters: () => [{ type: i036.ElementRef }, { type: i117.Router }, { type: i036.ChangeDetectorRef }, { type: i036.ElementRef }, { type: i211.LogService, decorators: [{
+  type: Optional3
 }] }], propDecorators: { string: [{
-  type: HostBinding24,
+  type: HostBinding27,
   args: ["class"]
 }], id: [{
-  type: Input14
+  type: Input16
 }], label: [{
-  type: Input14
+  type: Input16
 }], link: [{
-  type: Input14
+  type: Input16
 }], navigationExtras: [{
-  type: Input14
+  type: Input16
 }] } });
 
 // eui-breadcrumb/collapsed-breadcrumb/collapsed-breadcrumb.component.mjs
-import { ChangeDetectionStrategy as ChangeDetectionStrategy23, Component as Component25, ContentChild as ContentChild3, ContentChildren as ContentChildren3, Directive as Directive2, ElementRef as ElementRef3, forwardRef as forwardRef7, ViewChild as ViewChild2, ViewEncapsulation as ViewEncapsulation43 } from "@angular/core";
+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";
 import { EuiListComponent, EuiListItemComponent } from "@eui/components/eui-list";
-import * as i034 from "@angular/core";
+import * as i037 from "@angular/core";
 import * as i118 from "@angular/common";
 import * as i212 from "@eui/components/eui-button";
 import * as i310 from "@eui/components/eui-icon";
-import * as i48 from "@eui/components/eui-dropdown";
+import * as i47 from "@eui/components/eui-dropdown";
 import * as i56 from "@eui/components/eui-list";
 var CollapsedBreadcrumbComponent = class _CollapsedBreadcrumbComponent {
   constructor(elementRef, renderer, viewRef) {
@@ -2211,44 +2363,44 @@ var CollapsedBreadcrumbComponent = class _CollapsedBreadcrumbComponent {
     return !!this.customButton;
   }
   static {
-    this.ɵfac = i034.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i034, type: _CollapsedBreadcrumbComponent, deps: [{ token: i034.ElementRef }, { token: i034.Renderer2 }, { token: i034.ViewContainerRef }], target: i034.ɵɵFactoryTarget.Component });
+    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 });
   }
   static {
-    this.ɵcmp = i034.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _CollapsedBreadcrumbComponent, selector: "eui-collapsed-breadcrumb", queries: [{ propertyName: "customButton", first: true, predicate: i034.forwardRef(() => CollapsedButtonDirective), descendants: true, static: true }, { propertyName: "listItemComponents", predicate: i034.forwardRef(() => EuiListItemComponent) }], viewQueries: [{ propertyName: "list", first: true, predicate: EuiListComponent, descendants: true, read: ElementRef3, static: true }], ngImport: i034, 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: 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: i56.EuiListComponent, selector: "[euiList], eui-list" }], changeDetection: i034.ChangeDetectionStrategy.Default, encapsulation: i034.ViewEncapsulation.None });
+    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 });
   }
 };
-i034.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i034, type: CollapsedBreadcrumbComponent, decorators: [{
-  type: Component25,
-  args: [{ selector: "eui-collapsed-breadcrumb", changeDetection: ChangeDetectionStrategy23.Default, encapsulation: ViewEncapsulation43.None, 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"] }]
-}], ctorParameters: () => [{ type: i034.ElementRef }, { type: i034.Renderer2 }, { type: i034.ViewContainerRef }], propDecorators: { customButton: [{
+i037.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i037, type: CollapsedBreadcrumbComponent, decorators: [{
+  type: Component28,
+  args: [{ selector: "eui-collapsed-breadcrumb", changeDetection: ChangeDetectionStrategy25.Default, encapsulation: ViewEncapsulation45.None, 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"] }]
+}], ctorParameters: () => [{ type: i037.ElementRef }, { type: i037.Renderer2 }, { type: i037.ViewContainerRef }], propDecorators: { customButton: [{
   type: ContentChild3,
-  args: [forwardRef7(() => CollapsedButtonDirective), { static: true }]
+  args: [forwardRef10(() => CollapsedButtonDirective), { static: true }]
 }], list: [{
   type: ViewChild2,
   args: [EuiListComponent, { read: ElementRef3, static: true }]
 }], listItemComponents: [{
-  type: ContentChildren3,
-  args: [forwardRef7(() => EuiListItemComponent)]
+  type: ContentChildren4,
+  args: [forwardRef10(() => EuiListItemComponent)]
 }] } });
 var CollapsedButtonDirective = class _CollapsedButtonDirective {
   static {
-    this.ɵfac = i034.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i034, type: _CollapsedButtonDirective, deps: [], target: i034.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i037.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i037, type: _CollapsedButtonDirective, deps: [], target: i037.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i034.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _CollapsedButtonDirective, selector: "collapsed-button", ngImport: i034 });
+    this.ɵdir = i037.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _CollapsedButtonDirective, selector: "collapsed-button", ngImport: i037 });
   }
 };
-i034.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i034, type: CollapsedButtonDirective, decorators: [{
+i037.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i037, type: CollapsedButtonDirective, decorators: [{
   type: Directive2,
   args: [{ selector: "collapsed-button" }]
 }] });
 
 // eui-breadcrumb/breadcrumb.component.mjs
-import { Component as Component26, ChangeDetectionStrategy as ChangeDetectionStrategy25, ComponentRef, ContentChildren as ContentChildren4, forwardRef as forwardRef9, HostBinding as HostBinding25, QueryList, ViewEncapsulation as ViewEncapsulation45, ViewContainerRef as ViewContainerRef2, ViewChild as ViewChild3 } from "@angular/core";
+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";
 import { startWith as startWith2, takeUntil as takeUntil3 } from "rxjs/operators";
 import { Subject as Subject3 } from "rxjs";
 import { EuiIconSvgComponent as EuiIconSvgComponent6 } from "@eui/components/eui-icon";
-import * as i035 from "@angular/core";
+import * as i038 from "@angular/core";
 import * as i119 from "@eui/core";
 import * as i213 from "@angular/cdk/scrolling";
 var EuiBreadcrumbComponent = class _EuiBreadcrumbComponent {
@@ -2416,21 +2568,21 @@ var EuiBreadcrumbComponent = class _EuiBreadcrumbComponent {
     }
   }
   static {
-    this.ɵfac = i035.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i035, type: _EuiBreadcrumbComponent, deps: [{ token: i119.EuiAppShellService }, { token: i035.ElementRef }, { token: i035.ChangeDetectorRef }, { token: i213.ViewportRuler }, { token: i035.Renderer2 }, { token: i035.ViewContainerRef }], target: i035.ɵɵFactoryTarget.Component });
+    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 });
   }
   static {
-    this.ɵcmp = i035.ɵɵ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: i035.forwardRef(() => EuiBreadcrumbItemComponent) }], viewQueries: [{ propertyName: "vcr", first: true, predicate: ["vcr"], descendants: true, read: ViewContainerRef2 }], ngImport: i035, 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: i035.ChangeDetectionStrategy.Default, encapsulation: i035.ViewEncapsulation.None });
+    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 });
   }
 };
-i035.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i035, type: EuiBreadcrumbComponent, decorators: [{
-  type: Component26,
-  args: [{ selector: "eui-breadcrumb", changeDetection: ChangeDetectionStrategy25.Default, encapsulation: ViewEncapsulation45.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'] }]
-}], ctorParameters: () => [{ type: i119.EuiAppShellService }, { type: i035.ElementRef }, { type: i035.ChangeDetectorRef }, { type: i213.ViewportRuler }, { type: i035.Renderer2 }, { type: i035.ViewContainerRef }], propDecorators: { string: [{
-  type: HostBinding25,
+i038.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i038, type: EuiBreadcrumbComponent, decorators: [{
+  type: Component29,
+  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'] }]
+}], ctorParameters: () => [{ type: i119.EuiAppShellService }, { type: i038.ElementRef }, { type: i038.ChangeDetectorRef }, { type: i213.ViewportRuler }, { type: i038.Renderer2 }, { type: i038.ViewContainerRef }], propDecorators: { string: [{
+  type: HostBinding28,
   args: ["class"]
 }], breadcrumbItems: [{
-  type: ContentChildren4,
-  args: [forwardRef9(() => EuiBreadcrumbItemComponent), { descendants: false }]
+  type: ContentChildren5,
+  args: [forwardRef12(() => EuiBreadcrumbItemComponent), { descendants: false }]
 }], vcr: [{
   type: ViewChild3,
   args: ["vcr", { read: ViewContainerRef2 }]
@@ -2439,7 +2591,7 @@ i035.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
 // eui-breadcrumb/breadcrumb.service.mjs
 import { Injectable } from "@angular/core";
 import { BehaviorSubject } from "rxjs";
-import * as i036 from "@angular/core";
+import * as i039 from "@angular/core";
 var EuiBreadcrumbService = class _EuiBreadcrumbService {
   constructor() {
     this.breadcrumb = [];
@@ -2512,13 +2664,13 @@ var EuiBreadcrumbService = class _EuiBreadcrumbService {
     this.breadcrumbsSource$.next(this.breadcrumb);
   }
   static {
-    this.ɵfac = i036.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i036, type: _EuiBreadcrumbService, deps: [], target: i036.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i039.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i039, type: _EuiBreadcrumbService, deps: [], target: i039.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i036.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i036, type: _EuiBreadcrumbService, providedIn: "root" });
+    this.ɵprov = i039.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i039, type: _EuiBreadcrumbService, providedIn: "root" });
   }
 };
-i036.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i036, type: EuiBreadcrumbService, decorators: [{
+i039.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i039, type: EuiBreadcrumbService, decorators: [{
   type: Injectable,
   args: [{
     providedIn: "root"
@@ -2535,13 +2687,13 @@ import { EuiIconModule as EuiIconModule6 } from "@eui/components/eui-icon";
 import { EuiLabelModule } from "@eui/components/eui-label";
 import { EuiDropdownModule } from "@eui/components/eui-dropdown";
 import { EuiListModule } from "@eui/components/eui-list";
-import * as i037 from "@angular/core";
+import * as i040 from "@angular/core";
 var EuiBreadcrumbModule = class _EuiBreadcrumbModule {
   static {
-    this.ɵfac = i037.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i037, type: _EuiBreadcrumbModule, deps: [], target: i037.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i040.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i040, type: _EuiBreadcrumbModule, deps: [], target: i040.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i037.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i037, type: _EuiBreadcrumbModule, declarations: [CollapsedButtonDirective, EuiBreadcrumbComponent, EuiBreadcrumbItemComponent, CollapsedBreadcrumbComponent], imports: [CommonModule10, RouterModule4, PortalModule, EuiButtonModule4, EuiIconModule6, EuiDropdownModule, EuiListModule, EuiLabelModule], exports: [
+    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: [
       CollapsedBreadcrumbComponent,
       CollapsedButtonDirective,
       EuiBreadcrumbComponent,
@@ -2549,10 +2701,10 @@ var EuiBreadcrumbModule = class _EuiBreadcrumbModule {
     ] });
   }
   static {
-    this.ɵinj = i037.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i037, type: _EuiBreadcrumbModule, providers: [EuiBreadcrumbService], imports: [CommonModule10, RouterModule4, PortalModule, EuiButtonModule4, EuiIconModule6, EuiDropdownModule, EuiListModule, EuiLabelModule] });
+    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] });
   }
 };
-i037.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i037, type: EuiBreadcrumbModule, decorators: [{
+i040.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i040, type: EuiBreadcrumbModule, decorators: [{
   type: NgModule10,
   args: [{
     imports: [CommonModule10, RouterModule4, PortalModule, EuiButtonModule4, EuiIconModule6, EuiDropdownModule, EuiListModule, EuiLabelModule],
@@ -2574,7 +2726,7 @@ import { RouterModule as RouterModule5 } from "@angular/router";
 import { EuiDimmerModule } from "@eui/components/eui-dimmer";
 import { EuiBlockDocumentModule } from "@eui/components/eui-block-document";
 import { EuiGrowlModule } from "@eui/components/eui-growl";
-import * as i038 from "@angular/core";
+import * as i041 from "@angular/core";
 var MODULES = [
   EuiSearchModule,
   EuiBreadcrumbModule,
@@ -2592,10 +2744,10 @@ var MODULES = [
 ];
 var EuiAppModule = class _EuiAppModule {
   static {
-    this.ɵfac = i038.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i038, type: _EuiAppModule, deps: [], target: i038.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i041.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i041, type: _EuiAppModule, deps: [], target: i041.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i038.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i038, type: _EuiAppModule, declarations: [EuiAppComponent, EuiAppPageWrapperDirective], imports: [
+    this.ɵmod = i041.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i041, type: _EuiAppModule, declarations: [EuiAppComponent, EuiAppPageWrapperDirective], imports: [
       CommonModule11,
       RouterModule5,
       EuiSearchModule,
@@ -2630,7 +2782,7 @@ var EuiAppModule = class _EuiAppModule {
     ] });
   }
   static {
-    this.ɵinj = i038.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i038, type: _EuiAppModule, imports: [
+    this.ɵinj = i041.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i041, type: _EuiAppModule, imports: [
       CommonModule11,
       RouterModule5,
       MODULES,
@@ -2650,7 +2802,7 @@ var EuiAppModule = class _EuiAppModule {
     ] });
   }
 };
-i038.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i038, type: EuiAppModule, decorators: [{
+i041.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i041, type: EuiAppModule, decorators: [{
   type: NgModule11,
   args: [{
     imports: [CommonModule11, RouterModule5, ...MODULES],
@@ -2699,8 +2851,8 @@ var BreadCrumbItem = class {
 };
 
 // eui-footer/footer.component.mjs
-import { Component as Component27, HostBinding as HostBinding26, ChangeDetectionStrategy as ChangeDetectionStrategy27, ViewEncapsulation as ViewEncapsulation47, Input as Input15, booleanAttribute as booleanAttribute8 } from "@angular/core";
-import * as i039 from "@angular/core";
+import { Component as Component30, HostBinding as HostBinding29, ChangeDetectionStrategy as ChangeDetectionStrategy29, ViewEncapsulation as ViewEncapsulation49, Input as Input17, booleanAttribute as booleanAttribute11 } from "@angular/core";
+import * as i042 from "@angular/core";
 var EuiFooterComponent = class _EuiFooterComponent {
   constructor() {
     this.euiPrimary = false;
@@ -2712,39 +2864,39 @@ var EuiFooterComponent = class _EuiFooterComponent {
     ].join(" ").trim();
   }
   static {
-    this.ɵfac = i039.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i039, type: _EuiFooterComponent, deps: [], target: i039.ɵɵFactoryTarget.Component });
+    this.ɵfac = i042.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i042, type: _EuiFooterComponent, deps: [], target: i042.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i039.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiFooterComponent, selector: "eui-footer", inputs: { euiPrimary: ["euiPrimary", "euiPrimary", booleanAttribute8] }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i039, template: "<ng-content></ng-content>\n", styles: [".eui-footer{background:var(--eui-c-bg);display:flex;padding:1rem;width:100%}.eui-footer--primary{background:var(--eui-c-branding);color:var(--eui-c-white)}.eui-footer--primary a{color:var(--eui-c-white)!important;text-decoration:underline}\n"], changeDetection: i039.ChangeDetectionStrategy.Default, encapsulation: i039.ViewEncapsulation.None });
+    this.ɵcmp = i042.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiFooterComponent, selector: "eui-footer", inputs: { euiPrimary: ["euiPrimary", "euiPrimary", booleanAttribute11] }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i042, template: "<ng-content></ng-content>\n", styles: [".eui-footer{background:var(--eui-c-bg);display:flex;padding:1rem;width:100%}.eui-footer--primary{background:var(--eui-c-branding);color:var(--eui-c-white)}.eui-footer--primary a{color:var(--eui-c-white)!important;text-decoration:underline}\n"], changeDetection: i042.ChangeDetectionStrategy.Default, encapsulation: i042.ViewEncapsulation.None });
   }
 };
-i039.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i039, type: EuiFooterComponent, decorators: [{
-  type: Component27,
-  args: [{ selector: "eui-footer", changeDetection: ChangeDetectionStrategy27.Default, encapsulation: ViewEncapsulation47.None, template: "<ng-content></ng-content>\n", styles: [".eui-footer{background:var(--eui-c-bg);display:flex;padding:1rem;width:100%}.eui-footer--primary{background:var(--eui-c-branding);color:var(--eui-c-white)}.eui-footer--primary a{color:var(--eui-c-white)!important;text-decoration:underline}\n"] }]
+i042.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i042, type: EuiFooterComponent, decorators: [{
+  type: Component30,
+  args: [{ selector: "eui-footer", changeDetection: ChangeDetectionStrategy29.Default, encapsulation: ViewEncapsulation49.None, template: "<ng-content></ng-content>\n", styles: [".eui-footer{background:var(--eui-c-bg);display:flex;padding:1rem;width:100%}.eui-footer--primary{background:var(--eui-c-branding);color:var(--eui-c-white)}.eui-footer--primary a{color:var(--eui-c-white)!important;text-decoration:underline}\n"] }]
 }], propDecorators: { cssClasses: [{
-  type: HostBinding26,
+  type: HostBinding29,
   args: ["class"]
 }], euiPrimary: [{
-  type: Input15,
-  args: [{ transform: booleanAttribute8 }]
+  type: Input17,
+  args: [{ transform: booleanAttribute11 }]
 }] } });
 
 // eui-footer/footer.module.mjs
 import { CommonModule as CommonModule12 } from "@angular/common";
 import { NgModule as NgModule12 } from "@angular/core";
-import * as i040 from "@angular/core";
+import * as i043 from "@angular/core";
 var EuiFooterModule = class _EuiFooterModule {
   static {
-    this.ɵfac = i040.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i040, type: _EuiFooterModule, deps: [], target: i040.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i043.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i043, type: _EuiFooterModule, deps: [], target: i043.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i040.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i040, type: _EuiFooterModule, declarations: [EuiFooterComponent], imports: [CommonModule12], exports: [EuiFooterComponent] });
+    this.ɵmod = i043.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i043, type: _EuiFooterModule, declarations: [EuiFooterComponent], imports: [CommonModule12], exports: [EuiFooterComponent] });
   }
   static {
-    this.ɵinj = i040.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i040, type: _EuiFooterModule, imports: [CommonModule12] });
+    this.ɵinj = i043.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i043, type: _EuiFooterModule, imports: [CommonModule12] });
   }
 };
-i040.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i040, type: EuiFooterModule, decorators: [{
+i043.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i043, type: EuiFooterModule, decorators: [{
   type: NgModule12,
   args: [{
     imports: [CommonModule12],
@@ -2754,46 +2906,46 @@ i040.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
 }] });
 
 // eui-header/header-right-content/header-right-content.component.mjs
-import { Component as Component28, ChangeDetectionStrategy as ChangeDetectionStrategy29, HostBinding as HostBinding27, ViewEncapsulation as ViewEncapsulation49 } from "@angular/core";
-import * as i041 from "@angular/core";
+import { Component as Component31, ChangeDetectionStrategy as ChangeDetectionStrategy31, HostBinding as HostBinding30, ViewEncapsulation as ViewEncapsulation51 } from "@angular/core";
+import * as i044 from "@angular/core";
 var EuiHeaderRightContentComponent = class _EuiHeaderRightContentComponent {
   constructor() {
     this.class = "eui-header-right-content";
   }
   static {
-    this.ɵfac = i041.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i041, type: _EuiHeaderRightContentComponent, deps: [], target: i041.ɵɵFactoryTarget.Component });
+    this.ɵfac = i044.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i044, type: _EuiHeaderRightContentComponent, deps: [], target: i044.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i041.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiHeaderRightContentComponent, selector: "eui-header-right-content", host: { properties: { "class": "this.class" } }, ngImport: i041, template: "<ng-content></ng-content>\n", changeDetection: i041.ChangeDetectionStrategy.Default, encapsulation: i041.ViewEncapsulation.None });
+    this.ɵcmp = i044.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiHeaderRightContentComponent, selector: "eui-header-right-content", host: { properties: { "class": "this.class" } }, ngImport: i044, template: "<ng-content></ng-content>\n", changeDetection: i044.ChangeDetectionStrategy.Default, encapsulation: i044.ViewEncapsulation.None });
   }
 };
-i041.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i041, type: EuiHeaderRightContentComponent, decorators: [{
-  type: Component28,
-  args: [{ selector: "eui-header-right-content", changeDetection: ChangeDetectionStrategy29.Default, encapsulation: ViewEncapsulation49.None, template: "<ng-content></ng-content>\n" }]
+i044.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i044, type: EuiHeaderRightContentComponent, decorators: [{
+  type: Component31,
+  args: [{ selector: "eui-header-right-content", changeDetection: ChangeDetectionStrategy31.Default, encapsulation: ViewEncapsulation51.None, template: "<ng-content></ng-content>\n" }]
 }], propDecorators: { class: [{
-  type: HostBinding27
+  type: HostBinding30
 }] } });
 
 // eui-header/header.component.mjs
-import { Component as Component29, HostBinding as HostBinding28, ChangeDetectionStrategy as ChangeDetectionStrategy31, ViewEncapsulation as ViewEncapsulation51, ContentChild as ContentChild4 } from "@angular/core";
-import * as i042 from "@angular/core";
+import { Component as Component32, HostBinding as HostBinding31, ChangeDetectionStrategy as ChangeDetectionStrategy33, ViewEncapsulation as ViewEncapsulation53, ContentChild as ContentChild4 } from "@angular/core";
+import * as i045 from "@angular/core";
 import * as i120 from "@eui/components/eui-language-selector";
 var EuiHeaderComponent = class _EuiHeaderComponent {
   constructor() {
     this.string = "eui-header";
   }
   static {
-    this.ɵfac = i042.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i042, type: _EuiHeaderComponent, deps: [], target: i042.ɵɵFactoryTarget.Component });
+    this.ɵfac = i045.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i045, type: _EuiHeaderComponent, deps: [], target: i045.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i042.ɵɵ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: i042, 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 class="eui-u-ml-m"></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-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: i042.ChangeDetectionStrategy.Default, encapsulation: i042.ViewEncapsulation.None });
+    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 });
   }
 };
-i042.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i042, type: EuiHeaderComponent, decorators: [{
-  type: Component29,
-  args: [{ selector: "eui-header", changeDetection: ChangeDetectionStrategy31.Default, encapsulation: ViewEncapsulation51.None, 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 class="eui-u-ml-m"></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-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"] }]
+i045.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i045, type: EuiHeaderComponent, decorators: [{
+  type: Component32,
+  args: [{ selector: "eui-header", changeDetection: ChangeDetectionStrategy33.Default, encapsulation: ViewEncapsulation53.None, 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,iVBORw0KGgoAAAANSUhEUgAAAIMAAAA8CAYAAABFAQnGAAATZElEQVR4Ae2cCXiM59rHzWSxkAiiKHosWjtRC0UtsQiCWupIRS0ltbSWz6JBUZVaSMSiUhRRIiUWjpCIhUQ1Xepo6aJFLVrtqR5ajWgleb67c/3G9XSuRMaYeeVUel2/q++878zknee+n/v+3/fzvAo8TP+9937qAMHdgL/TWyhUIP+/POsIlYQVghF/a6rwWt4ciXxH8BC2CKU4ZYQz3BJq5a2RyHeEP1kodOKUUc6ghGTBnG+FvOMMwcJ8nMLNoDTRkMighJB8K+QNR2gp7BM8eT1ZcDPg7w7GAZXwX6FcvjUerCPUET4WyvK6vTDBwDQRJxzGId4V8o3ygByhunBSqMXrysJGwWywZpgiXBeyhMB8yxjvCH7CGaEFr72FBKGMgfcwXEsRoRyfF4rlW8g4IwQIV4QOvPYUdgstee1ukIAsJhwUFJplM8cR+VZy/eCbhSnMRH/OuQmxwjCtxJxlkIAcI/gL3+EE04VLwm2hUb7FXDfwVYVDhGE/LQK8g/Gt7xsm9DVQM3whdBH+ENKEl4RM4RMnt8Tz/0MLzGKgtwu+nC8ibBMWCSbOBQqzBaObThuFCRynCks4Hp9vQecMdHnhNeEn4YLQVzP6o8IxIVI715rSzs3Ae2xDSlDCSGErx3OET4UbQuV8azrWTn6URk48Yfey8H9CEe19HcjRMzVHaEUK8eJ1Ya65+p7LCSNwgHR6HF9z70M5F3/3e8k3fGE0QCdhrLBO+ErIZCAThX5CQe0zPsJy4VeWqK3nOwsfCI/wuqAQY0SvgXKyP6lKCWeFtkIaWmIa5/s9jEY2YbSazJKBwhSMuINO4RUMriBDOC2sYWB9bb6zCKr9Rz5fR4skL5IuSlsdgVTR2kDNkE6K2sXv2SkM4Xi5kMRvLvl3MrQ7YbyR0IMcGcas3i98KfzC7FY2ZAk/CO8za2czYC2FEkJ2KaMmufdHGCW4aw6yigjibY02OFx3A8dkIr/vP0ID4d+8niysFDL5nVeFVf8rhi4qVMPDn+NHLhbiMOBF4XdB5QRi6SQzZDGzubtQV/DKLW/+GeaFriz8nMSBvuF7imnve4oQ/KbgoaWQ/UaHY8YtRVBMhvromT9ojH1M32E4jtEqrxi8ixCCQl8t7BU+E37mRlUu3BbOCQf4/FQhSGgmlBHMuWiESkJToRviajqz+6DwPcZXwrfCUkShWa8u+LvXST/W81Wo6fvq+sIgAVlZ8MHoirFpLvyGUzRnfGOFdThxwbzgDCoXMm1CeRhGa8ePdte1Afn5MaEJBh4mvCosE7YwY74mdahsyGDWJCHAgoUq2aSLGuTem6w9VNHb0vwNf+1cKfK22QjNgFP7CqcEhfbpLWTi6M9wPIK1lJl5wRmyMMynwg4MMBpD1qHP7sZg1kEABpMywoWNeP7neHtWLo51nXC/R3gLZT2Q9u0TQuGcRCjXxyEOM3GsToK+vW02EaGq9tkKrBHUMrjpNBE99Q2vp2h6Iox7vSb0I2o0edDO0ECbxSHCDCEKx/hAuMDsU3aQTso4LKwXwlD2nXEkn9y6gDheCfJsb6LKVnoLiii1nN1EeqRoihNE2fQfGgtHhScMHNOBmkAeRSq8gAMHaSKyh5DEeE1Fg1XIm2kCIJOFoBOIwWV4+T8Rb+UFjxyM60VKaYoYHMRn5wtrhd043jn6BUrjKrN6OrnW3SZdPCls5rNd9b9LFPlIqGh0o4zKIUurHKoLV5hYbfhNV5mIF9Fsa0lvjz9YZ6CzRwjeJMwVRmK8ulbxJbhz/DjG6SG8QKMlgoiwF/F0MeVY6o3tCclZ2xOTVU7I9Vtxe46cfXf3kZQNOw9tWh13YE74+sQhIXO3N/fuHvVYgfbLKui0GbOx1tKYpDHvxh9Jlc/eXr/j0OoWozbUsF4fG7GrrXzXe5vjj3zUafymOpx3JsXteG6iIlExA4KEejjAf4hYp4QPcI40ovNSUsdgwzfTknObki6eFnrxI6ZRCsYQyk6ghNPuqguAAfjpX0kpn8vgqb8Zc+3QDOeFGkTOW0y2njjBdTqrjbS09wJRsS0T7DRRradhq5zkeYxrN+nkwGNUCJGE/SBKv6rU2iYZON+H0BmmWJtOGLwzAvEWxy0w/BGhNdcGCCGcH44Y7i7EIrgX0ozzMFIzXKPuTaIGDiNddEe0leVGrZtKigv/IHd3YCaMRPgt2paQHPsQOkNpRKGiUmuHA/wXzeAPN6nG+uAQ/uivzxn/+nyfJ32bSUK0sJbx7SiUcqYzPM/NNiCs1cNbewpDEULzaOxsw5tP0RBKz60xtefAUUMMZO6wVLUf91KecAbNgFHWSIrB/RCRv6K3OnHNqs9u0H/wQHR+ilgP0JfgmYRVKfGXkMrXsIGmscMNLML9b7ZGtZMs9hV8hjqO5oeNIUK0mh4V39TZxijUedGdY7eOS1TV/jNVl4kj1N4DtSzHvj3n2r7f6MgwCGMXoKn0BxoqBOF9jgjcCIF+i1XafkSSSPo7Jt7zBkveb+IsJbKpXoqg+Sawy2szgr6vUNG2pFdK6eSYJvTK4iM8cyWlz3DETVO6jJ62jSGqjZJ4bsPlm5KecaYh3MX4r73V+S/nBs8OVjeveCj1cwF1+Gg1VbbPG3euPTFguhok140WkKzZjMRQbdAPWVyrQHS9SiTuJqQTiavQ47nMTC9q007vTJm9AEYJzXCG7DYC9WKCutnjDKGUMQE0esqyZuCLFzchnAXx46YiZtaQNg5RaZxHJWe6Ik2YhJC5QeqdHY3V1fNF1eINbVTTERPuXP/k44rqx3NequeUYXeiwbQ3A1XS4erq1Kfl1MLodurRvmGGOAPVmIJ1jGdlxkkx8x8RUkkbNcj/15jZJlJKFN3LFYJ/DpOvCrM/jO5xOE70FCJe/0iuzrCFdvJxDHqNkKbukQxy4RmqjO3CW1LrhztrRhbpGqGOvV/ZEgGmr+h653ypnvNUj1dClE+P+ar31KF3zj/6bJj66Xwxy/vRE0Y5w5/0RzAqOqNVCP1bOLeBFv8+okBVludP8J6yWou9JdHgXVJxKGLd12bhTdcTfdgjGk4EMTuWJoBZ/iveeZS28HJuLISU0Qyvz3452omlpUlE4q59ddW4Rb3UrJUBub7/sX6z1Ob4Bur1VQGq76tDjHMGltZJpfu1TmoAxprO2O4VfDH+JSKzJ9HhHB3aaoKtsStR3U1DF4Rz/AzX3GwjiF2agfwUhSYYQY5pjnd545lFuenK3HBLcldfmiVjKXXmE9Le4XsP7NqX8vH9DLxXt4Wq84SRlmPPgEhVuMsiy3Hx7gvs+qw4kOXYW46t54NmDHK1M4QyDt4YbxxlZAbjZKZa+4UOZDkm2Q1sYGbMX2BFNgX7tMnpqSxK/BZoiDnYYjbrJH72OkM4AjGWlcQUQtU5KoU0R9IGZMUfOHrTkQEv2DlSdRo/Ss2I6qri99e2OET5vrPvy4hPjRyveommuPyNj+X76g0JdaWAVFRqAZyrQ7pQiPISQl2i7mkmXz80xIdUGWZts0wrnCqK1d5FGL6l4HOX8ra20N8ZaUInE0/+lnWHRCGGOncGoiUIIdSQcOVdLXhNWUeN13XScHX9UiFLzp/zdkfl3mnJfTlDledmqhPHy1u+L/FQDYvWcJEz1BJStPJ7Lcb3ZLbexgn8NN3wI/2eYhj9FItWM3mf2Xa7IUv6vUk7ETADvVCdbuU9CEgMSydsMV88khTgT1ooT+lie0Nu3LwvXcia1MWtSCO91m07OOJ++gmnTz1iEY2dJ4xwSr7fllBf7UysqyLWt3V108nETL+AU3xHarBu0TtN1B2IYedR0kfiOCbGczTC8Sj/H8/6hW+2wpV0QbpZiE0X2RsZ+rMbaSzh7Q1m+2pSxy6qjVR65OdYXPmNm8/E+53dgbSkBekZWHoL9V8IdUqXsh7f02DoZJc5AxOouLZJdyaGz8KgZQj9Sxm/lZSfTzPO18j5tQTd0D7ouRAMHE3pupBGV+PsNAWT1v6mk4Pcpplymh+RwPL3mzjVxHd2HBrn6KB7BCzm2MlQmXh0WuxKzfAT4b6gVlnE4BBXiQgmUsO3tJ79OPc0uuAyG2oXE/or5hCBfInGw4VIJvIqos1AnMRkjzNkUA+foeOYSERYQSNjAqq2F2rWjx/mJeRWa5uKBa4o7ajBpGnkMmdoMnwiqcclzvCyoOBb4XlrucfMTuXaPoSjFxPoFlVFBesYcj2IybUTLbJbWMD3PmnbfdT3feJYIXalCfLYs0IwRh+JR09GP4QRhpYSzqJxlu1UHwfIZx/i3V8xAN8LV+P3H71xr4Pd6uWxarb0Bn65XEiFR/urftMHO8cJKElnvtVFHUp5XEmlLH+nkyrda64rmk4tMF6moBibQGaymfG+SPqYIhTCsLtxii30DYpk8/0FSSG9iELriMjrhddxHj8bJ3F5mrAlk578r9YQJ32G447k9qUxrSyq/2DyE5bOozOjQq1BU1W6rGVkXTVZyk1XCEibyuJtIZ0xSqYctOqJaVrntifOUp2q4zN6D4m8ryNtbNNd9o/+g+bWOKJ7NNi1NpGJJ17HUz8XUglhW/G6JUSIV6htB+C17chHNYTyKFlPJ3QgRe37qynLu6kdCfWcniJqD55q6Uyu3tJctR0z2hVpoqsQqBuAXdJzSclZwr8EP66V09LEUaGbllZKY9zx9BgScKgE1odCiewNGH8cxbEOZC3q1Woc1yNcNcODW+ORXbjJPixP9xeGUImMoBoZT3p5lY5Z2JY9R5Y5YjDrMnQJWW+QZWqnOkPJZ+Yr053jea5sOp1Bc5Wy6RSOp+TMILzX4FpFHOYK60TzsIHnXR5rbMHknEE/YwvL16tIP32xp8mwNOGC0tJl+xFoabuytGwvHNdK7jRmcSNB7w4G05W8Tb6vS/rwYCEqEq3xM9psPp9pTAVhzqnHgdP5ETVC7U0TOeX+m4S0y5SOx1GyCaSP9eSkhdTRkxCfg7iBLkLrhdGJ7e9n4Cv2e10Nn9fPqc4wd00HI3Y6/UlNxuZLrRuZyhgV0QznT9r4A6MHC97a93jTqBpCVRHDjrN/86TbDhxnLOnbz9q4utcOZCtSQl0WoipSkvhACSiFeLFSgfdaqaZDyqk9e/Xelo5Gg1dXBErbuKb66uQjlv0LlYJec9yALFCtjntKpV3xVMtFoPqPHe0aZ8h+pvqRAs5qq5gRQk2bZzRnoNtuottCKel97vIUfBlSQXcmZBgpI47Kb71dkQFvvK2RoUF3EYxNE5bu4/dnvS1VhexX4LzDWJpMsgRu+b5IcS6T69JEMAZpZmsEysqmLBBeYFwP85mimvNUQgtEsNT9JSQhJF/hyfinea/nXe7H7PQOJA7yG159iYWUz+gxJOPJu7RNGCvl4ZiVjhqvTO85lnUE2eamBsx6Xuse3mO3UTvetKuhJe1IpHH1tjcFPzBLexP6bY3UgtbyRUrMTRi5jG3a4f0lhdpUcv0RqOHM/o38f52wWH98wV4BGcyNdiF3NSek1aBmLSN4O7xf35HS0nY/As0ifc+j/Q71hgqU1U9r/6JoYLj1u13pDFXRUDuZOAp+RxOMx6Amm1TSiEbfISbdaQwcio0aYo9c/3V8uprVsekAezuQH7oSa9PJGXSU/Q3D5gSp784UV89J/m8UMolrAtvcNM1h2d20dGNrlXiwpuX9XLfF1U0nM/ophFl7Vku5FygB/4kO0z/nwef64FhLEe7vCV+gK1K0h5gmMbHb4gReOMAD60BmoTNuMwvSpR2d5hQDUFkc/6SCJefH7fFTxZjl1sixdmuzv7y/9egxsh+isOX9o8P7KJNx297MuVQZ5THyInY63WLcTqIHBiPoPXP5Hi/0QhMaXYNxigWkihh2nb1tr4CMEOZQAk0hhL2EJw9kTb4Xf6w9gqUpqaQmIbEi4askKaUInm129uN1u5Nqq407G6kF69rdWX2UPZGWfQ/pP7ir5PeqqoZEDGlYWTazJEhkCGDrnEHOMBGxF8e4PsssL5jD+4uiHV6mXN9PBPmZXWexrDkMof9Qm/Eu7NjDuTk7Qyzes5aFqGWIj4XUtK+Tx17hR46lJT2cm3seIdMHp+kmBNC1bC1PS3dzigF4YEaeg7Ac1xw47S/X9h+pLmsNBXQ9YUkLXoHhFq3wePAMI51hUg7VVzo7mGIZ0z5MqIK5lI31Gc/+PKA0i9XN9Yj1WITnBtJOODpjKH2Hlnm5A+n0jqI0kiQiTLZEiQf+rCWqn+jZQxjN5NpMk+gyadTWSbbSgn5RCCCa+Ng7+0kdBekJVbN55sVs7+7oOCt42kaNaGGNRpSwApYJkRAhzIO5eO8s+XcS5rvUMKQK7fiBO4OdRivEvpDmpJExpOvVbA9IRkNcoIz/gnNxjH0YEWgYEaYdjafKNAk9HEkTk7iREexnCObmeuCd/uSzxoSrGkIVRFBpPLeo4JldufOQPpLv4bx/q5pIw4zH2H70Droy618khc/SdjptgHW8djMiTWQKGVoFcQPh871wXv6xjjMPoTOE0tlNY/vbRXoGJ0gTB9kYtE2I0SJuJNFhBpP0JSZoEJOzI/n/SbTGY0zIYhj7vgXkJVcimuGSDN7fjVA7tr1dMpAL8DWLV8eEJLrBm+wtLf8f9o4M/nRmAWIAAAAASUVORK5CYII=);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"] }]
 }], propDecorators: { string: [{
-  type: HostBinding28,
+  type: HostBinding31,
   args: ["class"]
 }], rightContent: [{
   type: ContentChild4,
@@ -2801,8 +2953,8 @@ i042.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
 }] } });
 
 // eui-header/header-app/header-app.component.mjs
-import { Component as Component30, HostBinding as HostBinding29, ChangeDetectionStrategy as ChangeDetectionStrategy33, ViewEncapsulation as ViewEncapsulation53, Input as Input16, Directive as Directive3, ContentChild as ContentChild5, forwardRef as forwardRef11, Optional as Optional3 } from "@angular/core";
-import * as i043 from "@angular/core";
+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";
+import * as i046 from "@angular/core";
 import * as i121 from "@eui/core";
 import * as i214 from "@angular/common";
 var EuiHeaderAppComponent = class _EuiHeaderAppComponent {
@@ -2847,77 +2999,77 @@ var EuiHeaderAppComponent = class _EuiHeaderAppComponent {
     }
   }
   static {
-    this.ɵfac = i043.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i043, type: _EuiHeaderAppComponent, deps: [{ token: i121.EuiAppShellService, optional: true }], target: i043.ɵɵFactoryTarget.Component });
+    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 });
   }
   static {
-    this.ɵcmp = i043.ɵɵ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: i043.forwardRef(() => EuiHeaderAppNameDirective), descendants: true }, { propertyName: "customAppSubtitle", first: true, predicate: i043.forwardRef(() => EuiHeaderAppSubtitleDirective), descendants: true }, { propertyName: "customAppNameLogo", first: true, predicate: i043.forwardRef(() => EuiHeaderAppNameLogoDirective), descendants: true }], usesOnChanges: true, ngImport: i043, 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: i043.ChangeDetectionStrategy.Default, encapsulation: i043.ViewEncapsulation.None });
+    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 });
   }
 };
-i043.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i043, type: EuiHeaderAppComponent, decorators: [{
-  type: Component30,
-  args: [{ selector: "eui-header-app", changeDetection: ChangeDetectionStrategy33.Default, encapsulation: ViewEncapsulation53.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' }]
+i046.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i046, type: EuiHeaderAppComponent, decorators: [{
+  type: Component33,
+  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' }]
 }], ctorParameters: () => [{ type: i121.EuiAppShellService, decorators: [{
-  type: Optional3
+  type: Optional4
 }] }], propDecorators: { appName: [{
-  type: Input16
+  type: Input18
 }], appShortName: [{
-  type: Input16
+  type: Input18
 }], appSubTitle: [{
-  type: Input16
+  type: Input18
 }], customAppName: [{
   type: ContentChild5,
-  args: [forwardRef11(() => EuiHeaderAppNameDirective)]
+  args: [forwardRef14(() => EuiHeaderAppNameDirective)]
 }], customAppSubtitle: [{
   type: ContentChild5,
-  args: [forwardRef11(() => EuiHeaderAppSubtitleDirective)]
+  args: [forwardRef14(() => EuiHeaderAppSubtitleDirective)]
 }], customAppNameLogo: [{
   type: ContentChild5,
-  args: [forwardRef11(() => EuiHeaderAppNameLogoDirective)]
+  args: [forwardRef14(() => EuiHeaderAppNameLogoDirective)]
 }], class: [{
-  type: HostBinding29,
+  type: HostBinding32,
   args: ["class"]
 }] } });
 var EuiHeaderAppNameDirective = class _EuiHeaderAppNameDirective {
   static {
-    this.ɵfac = i043.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i043, type: _EuiHeaderAppNameDirective, deps: [], target: i043.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i046.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i046, type: _EuiHeaderAppNameDirective, deps: [], target: i046.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i043.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiHeaderAppNameDirective, selector: "eui-header-app-name", ngImport: i043 });
+    this.ɵdir = i046.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiHeaderAppNameDirective, selector: "eui-header-app-name", ngImport: i046 });
   }
 };
-i043.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i043, type: EuiHeaderAppNameDirective, decorators: [{
+i046.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i046, type: EuiHeaderAppNameDirective, decorators: [{
   type: Directive3,
   args: [{ selector: "eui-header-app-name" }]
 }] });
 var EuiHeaderAppSubtitleDirective = class _EuiHeaderAppSubtitleDirective {
   static {
-    this.ɵfac = i043.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i043, type: _EuiHeaderAppSubtitleDirective, deps: [], target: i043.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i046.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i046, type: _EuiHeaderAppSubtitleDirective, deps: [], target: i046.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i043.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiHeaderAppSubtitleDirective, selector: "eui-header-app-subtitle", ngImport: i043 });
+    this.ɵdir = i046.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiHeaderAppSubtitleDirective, selector: "eui-header-app-subtitle", ngImport: i046 });
   }
 };
-i043.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i043, type: EuiHeaderAppSubtitleDirective, decorators: [{
+i046.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i046, type: EuiHeaderAppSubtitleDirective, decorators: [{
   type: Directive3,
   args: [{ selector: "eui-header-app-subtitle" }]
 }] });
 var EuiHeaderAppNameLogoDirective = class _EuiHeaderAppNameLogoDirective {
   static {
-    this.ɵfac = i043.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i043, type: _EuiHeaderAppNameLogoDirective, deps: [], target: i043.ɵɵFactoryTarget.Directive });
+    this.ɵfac = i046.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i046, type: _EuiHeaderAppNameLogoDirective, deps: [], target: i046.ɵɵFactoryTarget.Directive });
   }
   static {
-    this.ɵdir = i043.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiHeaderAppNameLogoDirective, selector: "eui-header-app-name-logo", ngImport: i043 });
+    this.ɵdir = i046.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiHeaderAppNameLogoDirective, selector: "eui-header-app-name-logo", ngImport: i046 });
   }
 };
-i043.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i043, type: EuiHeaderAppNameLogoDirective, decorators: [{
+i046.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i046, type: EuiHeaderAppNameLogoDirective, decorators: [{
   type: Directive3,
   args: [{ selector: "eui-header-app-name-logo" }]
 }] });
 
 // eui-header/header-environment/header-environment.component.mjs
-import { Component as Component31, ChangeDetectionStrategy as ChangeDetectionStrategy35, HostBinding as HostBinding30, ViewEncapsulation as ViewEncapsulation55, Optional as Optional4 } from "@angular/core";
-import * as i044 from "@angular/core";
-import * as i123 from "@eui/core";
+import { Component as Component34, ChangeDetectionStrategy as ChangeDetectionStrategy37, HostBinding as HostBinding33, ViewEncapsulation as ViewEncapsulation57, Optional as Optional5 } from "@angular/core";
+import * as i047 from "@angular/core";
+import * as i122 from "@eui/core";
 var EuiHeaderEnvironmentComponent = class _EuiHeaderEnvironmentComponent {
   constructor(asService, elRef) {
     this.asService = asService;
@@ -2938,26 +3090,26 @@ var EuiHeaderEnvironmentComponent = class _EuiHeaderEnvironmentComponent {
     });
   }
   static {
-    this.ɵfac = i044.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i044, type: _EuiHeaderEnvironmentComponent, deps: [{ token: i123.EuiAppShellService, optional: true }, { token: i044.ElementRef }], target: i044.ɵɵFactoryTarget.Component });
+    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 });
   }
   static {
-    this.ɵcmp = i044.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiHeaderEnvironmentComponent, selector: "eui-header-environment", host: { properties: { "class": "this.class" } }, ngImport: i044, template: "<ng-content></ng-content>\n", changeDetection: i044.ChangeDetectionStrategy.Default, encapsulation: i044.ViewEncapsulation.None });
+    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 });
   }
 };
-i044.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i044, type: EuiHeaderEnvironmentComponent, decorators: [{
-  type: Component31,
-  args: [{ selector: "eui-header-environment", changeDetection: ChangeDetectionStrategy35.Default, encapsulation: ViewEncapsulation55.None, template: "<ng-content></ng-content>\n" }]
-}], ctorParameters: () => [{ type: i123.EuiAppShellService, decorators: [{
-  type: Optional4
-}] }, { type: i044.ElementRef }], propDecorators: { class: [{
-  type: HostBinding30
+i047.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i047, type: EuiHeaderEnvironmentComponent, decorators: [{
+  type: Component34,
+  args: [{ selector: "eui-header-environment", changeDetection: ChangeDetectionStrategy37.Default, encapsulation: ViewEncapsulation57.None, template: "<ng-content></ng-content>\n" }]
+}], ctorParameters: () => [{ type: i122.EuiAppShellService, decorators: [{
+  type: Optional5
+}] }, { type: i047.ElementRef }], propDecorators: { class: [{
+  type: HostBinding33
 }] } });
 
 // eui-header/header-logo/header-logo.component.mjs
-import { Component as Component32, ChangeDetectionStrategy as ChangeDetectionStrategy37, HostBinding as HostBinding31, ViewEncapsulation as ViewEncapsulation57, Input as Input17, Optional as Optional5, Inject } from "@angular/core";
+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";
 import { EUI_CONFIG_TOKEN } from "@eui/core";
-import * as i045 from "@angular/core";
-import * as i124 from "@eui/core";
+import * as i048 from "@angular/core";
+import * as i123 from "@eui/core";
 import * as i215 from "@angular/router";
 var EuiHeaderLogoComponent = class _EuiHeaderLogoComponent {
   constructor(asService, config) {
@@ -2989,33 +3141,33 @@ var EuiHeaderLogoComponent = class _EuiHeaderLogoComponent {
     });
   }
   static {
-    this.ɵfac = i045.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i045, type: _EuiHeaderLogoComponent, deps: [{ token: i124.EuiAppShellService, optional: true }, { token: EUI_CONFIG_TOKEN, optional: true }], target: i045.ɵɵFactoryTarget.Component });
+    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 });
   }
   static {
-    this.ɵcmp = i045.ɵɵ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: i045, 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: i045.ChangeDetectionStrategy.Default, encapsulation: i045.ViewEncapsulation.None });
+    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 });
   }
 };
-i045.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i045, type: EuiHeaderLogoComponent, decorators: [{
-  type: Component32,
-  args: [{ selector: "eui-header-logo", changeDetection: ChangeDetectionStrategy37.Default, encapsulation: ViewEncapsulation57.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' }]
-}], ctorParameters: () => [{ type: i124.EuiAppShellService, decorators: [{
-  type: Optional5
+i048.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i048, type: EuiHeaderLogoComponent, decorators: [{
+  type: Component35,
+  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' }]
+}], ctorParameters: () => [{ type: i123.EuiAppShellService, decorators: [{
+  type: Optional6
 }] }, { type: void 0, decorators: [{
-  type: Optional5
+  type: Optional6
 }, {
-  type: Inject,
+  type: Inject2,
   args: [EUI_CONFIG_TOKEN]
 }] }], propDecorators: { homeUrl: [{
-  type: Input17
+  type: Input19
 }], class: [{
-  type: HostBinding31
+  type: HostBinding34
 }] } });
 
 // eui-header/header-user-profile/header-user-profile.component.mjs
-import { Component as Component33, ChangeDetectionStrategy as ChangeDetectionStrategy39, HostBinding as HostBinding32, ViewEncapsulation as ViewEncapsulation59, Input as Input18, forwardRef as forwardRef13, ContentChildren as ContentChildren5, ViewChild as ViewChild4, booleanAttribute as booleanAttribute9 } from "@angular/core";
+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";
 import { EuiUserProfileMenuComponent as EuiUserProfileMenuComponent2 } from "@eui/components/eui-user-profile";
-import * as i046 from "@angular/core";
-import * as i125 from "@eui/components/eui-user-profile";
+import * as i049 from "@angular/core";
+import * as i124 from "@eui/components/eui-user-profile";
 var EuiHeaderUserProfileComponent = class _EuiHeaderUserProfileComponent {
   constructor() {
     this.class = "eui-header-user-profile";
@@ -3034,49 +3186,49 @@ var EuiHeaderUserProfileComponent = class _EuiHeaderUserProfileComponent {
     this.hasMenu = this.hasMenuContent.length !== 0;
   }
   static {
-    this.ɵfac = i046.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i046, type: _EuiHeaderUserProfileComponent, deps: [], target: i046.ɵɵFactoryTarget.Component });
+    this.ɵfac = i049.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i049, type: _EuiHeaderUserProfileComponent, deps: [], target: i049.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i046.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-rc.0", type: _EuiHeaderUserProfileComponent, selector: "eui-header-user-profile", inputs: { isShowUserInfos: ["isShowUserInfos", "isShowUserInfos", booleanAttribute9], hasWelcomeLabel: ["hasWelcomeLabel", "hasWelcomeLabel", booleanAttribute9], isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute9], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute9], welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", subInfos: "subInfos" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "hasMenuContent", predicate: i046.forwardRef(() => EuiUserProfileMenuComponent2), descendants: true }], viewQueries: [{ propertyName: "userProfile", first: true, predicate: ["userProfile"], descendants: true }], ngImport: i046, 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: i046.ChangeDetectionStrategy.Default, encapsulation: i046.ViewEncapsulation.None });
+    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 });
   }
 };
-i046.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i046, type: EuiHeaderUserProfileComponent, decorators: [{
-  type: Component33,
-  args: [{ selector: "eui-header-user-profile", changeDetection: ChangeDetectionStrategy39.Default, encapsulation: ViewEncapsulation59.None, 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' }]
+i049.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i049, type: EuiHeaderUserProfileComponent, decorators: [{
+  type: Component36,
+  args: [{ selector: "eui-header-user-profile", changeDetection: ChangeDetectionStrategy41.Default, encapsulation: ViewEncapsulation61.None, 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' }]
 }], propDecorators: { class: [{
-  type: HostBinding32
+  type: HostBinding35
 }], hasMenuContent: [{
-  type: ContentChildren5,
-  args: [forwardRef13(() => EuiUserProfileMenuComponent2), { descendants: true }]
+  type: ContentChildren6,
+  args: [forwardRef16(() => EuiUserProfileMenuComponent2), { descendants: true }]
 }], userProfile: [{
   type: ViewChild4,
   args: ["userProfile"]
 }], isShowUserInfos: [{
-  type: Input18,
-  args: [{ transform: booleanAttribute9 }]
+  type: Input20,
+  args: [{ transform: booleanAttribute12 }]
 }], hasWelcomeLabel: [{
-  type: Input18,
-  args: [{ transform: booleanAttribute9 }]
+  type: Input20,
+  args: [{ transform: booleanAttribute12 }]
 }], isShowAvatarInitials: [{
-  type: Input18,
-  args: [{ transform: booleanAttribute9 }]
+  type: Input20,
+  args: [{ transform: booleanAttribute12 }]
 }], hasTabNavigation: [{
-  type: Input18,
-  args: [{ transform: booleanAttribute9 }]
+  type: Input20,
+  args: [{ transform: booleanAttribute12 }]
 }], welcomeLabel: [{
-  type: Input18
+  type: Input20
 }], impersonateLabel: [{
-  type: Input18
+  type: Input20
 }], avatarUrl: [{
-  type: Input18
+  type: Input20
 }], subInfos: [{
-  type: Input18
+  type: Input20
 }] } });
 
 // eui-header/header-app-name/header-app-name.component.mjs
-import { Component as Component34, HostBinding as HostBinding33, ChangeDetectionStrategy as ChangeDetectionStrategy41, ViewEncapsulation as ViewEncapsulation61, Optional as Optional6 } from "@angular/core";
-import * as i047 from "@angular/core";
-import * as i126 from "@eui/core";
+import { Component as Component37, HostBinding as HostBinding36, ChangeDetectionStrategy as ChangeDetectionStrategy43, ViewEncapsulation as ViewEncapsulation63, Optional as Optional7 } from "@angular/core";
+import * as i050 from "@angular/core";
+import * as i125 from "@eui/core";
 var EuiHeaderAppNameComponent = class _EuiHeaderAppNameComponent {
   constructor(asService, elRef) {
     this.asService = asService;
@@ -3090,26 +3242,26 @@ var EuiHeaderAppNameComponent = class _EuiHeaderAppNameComponent {
     });
   }
   static {
-    this.ɵfac = i047.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i047, type: _EuiHeaderAppNameComponent, deps: [{ token: i126.EuiAppShellService, optional: true }, { token: i047.ElementRef }], target: i047.ɵɵFactoryTarget.Component });
+    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 });
   }
   static {
-    this.ɵcmp = i047.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiHeaderAppNameComponent, selector: "eui-header-app-name", host: { properties: { "class": "this.string" } }, ngImport: i047, template: "<ng-content></ng-content>\n", changeDetection: i047.ChangeDetectionStrategy.Default, encapsulation: i047.ViewEncapsulation.None });
+    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 });
   }
 };
-i047.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i047, type: EuiHeaderAppNameComponent, decorators: [{
-  type: Component34,
-  args: [{ selector: "eui-header-app-name", changeDetection: ChangeDetectionStrategy41.Default, encapsulation: ViewEncapsulation61.None, template: "<ng-content></ng-content>\n" }]
-}], ctorParameters: () => [{ type: i126.EuiAppShellService, decorators: [{
-  type: Optional6
-}] }, { type: i047.ElementRef }], propDecorators: { string: [{
-  type: HostBinding33,
+i050.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i050, type: EuiHeaderAppNameComponent, decorators: [{
+  type: Component37,
+  args: [{ selector: "eui-header-app-name", changeDetection: ChangeDetectionStrategy43.Default, encapsulation: ViewEncapsulation63.None, template: "<ng-content></ng-content>\n" }]
+}], ctorParameters: () => [{ type: i125.EuiAppShellService, decorators: [{
+  type: Optional7
+}] }, { type: i050.ElementRef }], propDecorators: { string: [{
+  type: HostBinding36,
   args: ["class"]
 }] } });
 
 // eui-header/header-app-subtitle/header-app-subtitle.component.mjs
-import { Component as Component35, HostBinding as HostBinding34, ViewEncapsulation as ViewEncapsulation63, Optional as Optional7 } from "@angular/core";
-import * as i048 from "@angular/core";
-import * as i127 from "@eui/core";
+import { Component as Component38, HostBinding as HostBinding37, ViewEncapsulation as ViewEncapsulation65, Optional as Optional8 } from "@angular/core";
+import * as i051 from "@angular/core";
+import * as i126 from "@eui/core";
 var EuiHeaderAppSubtitleComponent = class _EuiHeaderAppSubtitleComponent {
   constructor(asService, elRef) {
     this.asService = asService;
@@ -3123,26 +3275,26 @@ var EuiHeaderAppSubtitleComponent = class _EuiHeaderAppSubtitleComponent {
     });
   }
   static {
-    this.ɵfac = i048.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i048, type: _EuiHeaderAppSubtitleComponent, deps: [{ token: i127.EuiAppShellService, optional: true }, { token: i048.ElementRef }], target: i048.ɵɵFactoryTarget.Component });
+    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 });
   }
   static {
-    this.ɵcmp = i048.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiHeaderAppSubtitleComponent, selector: "eui-header-app-subtitle", host: { properties: { "class": "this.string" } }, ngImport: i048, template: "<ng-content></ng-content>\n", encapsulation: i048.ViewEncapsulation.None });
+    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 });
   }
 };
-i048.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i048, type: EuiHeaderAppSubtitleComponent, decorators: [{
-  type: Component35,
-  args: [{ selector: "eui-header-app-subtitle", encapsulation: ViewEncapsulation63.None, template: "<ng-content></ng-content>\n" }]
-}], ctorParameters: () => [{ type: i127.EuiAppShellService, decorators: [{
-  type: Optional7
-}] }, { type: i048.ElementRef }], propDecorators: { string: [{
-  type: HostBinding34,
+i051.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i051, type: EuiHeaderAppSubtitleComponent, decorators: [{
+  type: Component38,
+  args: [{ selector: "eui-header-app-subtitle", encapsulation: ViewEncapsulation65.None, template: "<ng-content></ng-content>\n" }]
+}], ctorParameters: () => [{ type: i126.EuiAppShellService, decorators: [{
+  type: Optional8
+}] }, { type: i051.ElementRef }], propDecorators: { string: [{
+  type: HostBinding37,
   args: ["class"]
 }] } });
 
 // eui-header/header-app-name-logo/header-app-name-logo.component.mjs
-import { Component as Component36, ChangeDetectionStrategy as ChangeDetectionStrategy43, HostBinding as HostBinding35, ViewEncapsulation as ViewEncapsulation65, Input as Input19, Optional as Optional8, Inject as Inject2 } from "@angular/core";
+import { Component as Component39, ChangeDetectionStrategy as ChangeDetectionStrategy45, HostBinding as HostBinding38, ViewEncapsulation as ViewEncapsulation67, Input as Input21, Optional as Optional9, Inject as Inject3 } from "@angular/core";
 import { EUI_CONFIG_TOKEN as EUI_CONFIG_TOKEN2 } from "@eui/core";
-import * as i049 from "@angular/core";
+import * as i052 from "@angular/core";
 var EuiHeaderAppNameLogoComponent = class _EuiHeaderAppNameLogoComponent {
   constructor(config) {
     this.config = config;
@@ -3156,26 +3308,26 @@ var EuiHeaderAppNameLogoComponent = class _EuiHeaderAppNameLogoComponent {
     return `${this.assetsBaseUrl}/${this.logoFilename}`;
   }
   static {
-    this.ɵfac = i049.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i049, type: _EuiHeaderAppNameLogoComponent, deps: [{ token: EUI_CONFIG_TOKEN2, optional: true }], target: i049.ɵɵFactoryTarget.Component });
+    this.ɵfac = i052.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i052, type: _EuiHeaderAppNameLogoComponent, deps: [{ token: EUI_CONFIG_TOKEN2, optional: true }], target: i052.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i049.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiHeaderAppNameLogoComponent, selector: "eui-header-app-name-logo", inputs: { homeUrl: "homeUrl", logoFilename: "logoFilename" }, host: { properties: { "class": "this.class" } }, ngImport: i049, template: '<img class="title-logo-svg" [src]="svgUrl" alt="Application title logo" />\n', changeDetection: i049.ChangeDetectionStrategy.Default, encapsulation: i049.ViewEncapsulation.None });
+    this.ɵcmp = i052.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiHeaderAppNameLogoComponent, selector: "eui-header-app-name-logo", inputs: { homeUrl: "homeUrl", logoFilename: "logoFilename" }, host: { properties: { "class": "this.class" } }, ngImport: i052, template: '<img class="title-logo-svg" [src]="svgUrl" alt="Application title logo" />\n', changeDetection: i052.ChangeDetectionStrategy.Default, encapsulation: i052.ViewEncapsulation.None });
   }
 };
-i049.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i049, type: EuiHeaderAppNameLogoComponent, decorators: [{
-  type: Component36,
-  args: [{ selector: "eui-header-app-name-logo", changeDetection: ChangeDetectionStrategy43.Default, encapsulation: ViewEncapsulation65.None, template: '<img class="title-logo-svg" [src]="svgUrl" alt="Application title logo" />\n' }]
+i052.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i052, type: EuiHeaderAppNameLogoComponent, decorators: [{
+  type: Component39,
+  args: [{ selector: "eui-header-app-name-logo", changeDetection: ChangeDetectionStrategy45.Default, encapsulation: ViewEncapsulation67.None, template: '<img class="title-logo-svg" [src]="svgUrl" alt="Application title logo" />\n' }]
 }], ctorParameters: () => [{ type: void 0, decorators: [{
-  type: Optional8
+  type: Optional9
 }, {
-  type: Inject2,
+  type: Inject3,
   args: [EUI_CONFIG_TOKEN2]
 }] }], propDecorators: { homeUrl: [{
-  type: Input19
+  type: Input21
 }], logoFilename: [{
-  type: Input19
+  type: Input21
 }], class: [{
-  type: HostBinding35
+  type: HostBinding38
 }] } });
 
 // eui-header/header.module.mjs
@@ -3184,7 +3336,7 @@ import { NgModule as NgModule13 } from "@angular/core";
 import { RouterModule as RouterModule6 } from "@angular/router";
 import { EuiUserProfileModule as EuiUserProfileModule3 } from "@eui/components/eui-user-profile";
 import { EuiLanguageSelectorModule as EuiLanguageSelectorModule4 } from "@eui/components/eui-language-selector";
-import * as i050 from "@angular/core";
+import * as i053 from "@angular/core";
 var COMPONENTS4 = [
   EuiHeaderComponent,
   EuiHeaderComponent,
@@ -3202,10 +3354,10 @@ var COMPONENTS4 = [
 ];
 var EuiHeaderModule = class _EuiHeaderModule {
   static {
-    this.ɵfac = i050.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i050, type: _EuiHeaderModule, deps: [], target: i050.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i053.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i053, type: _EuiHeaderModule, deps: [], target: i053.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i050.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i050, type: _EuiHeaderModule, declarations: [
+    this.ɵmod = i053.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i053, type: _EuiHeaderModule, declarations: [
       EuiHeaderComponent,
       EuiHeaderComponent,
       EuiHeaderAppComponent,
@@ -3236,10 +3388,10 @@ var EuiHeaderModule = class _EuiHeaderModule {
     ] });
   }
   static {
-    this.ɵinj = i050.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i050, type: _EuiHeaderModule, imports: [CommonModule13, RouterModule6, EuiUserProfileModule3, EuiLanguageSelectorModule4, RouterModule6] });
+    this.ɵinj = i053.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i053, type: _EuiHeaderModule, imports: [CommonModule13, RouterModule6, EuiUserProfileModule3, EuiLanguageSelectorModule4, RouterModule6] });
   }
 };
-i050.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i050, type: EuiHeaderModule, decorators: [{
+i053.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i053, type: EuiHeaderModule, decorators: [{
   type: NgModule13,
   args: [{
     imports: [CommonModule13, RouterModule6, EuiUserProfileModule3, EuiLanguageSelectorModule4, RouterModule6],
@@ -3249,19 +3401,19 @@ i050.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
 }] });
 
 // eui-notifications/eui-notification-item.component.mjs
-import { coerceBooleanProperty as coerceBooleanProperty4 } from "@angular/cdk/coercion";
-import { Component as Component37, EventEmitter as EventEmitter6, HostBinding as HostBinding36, Input as Input20, Output as Output6 } from "@angular/core";
+import { coerceBooleanProperty as coerceBooleanProperty3 } from "@angular/cdk/coercion";
+import { Component as Component40, EventEmitter as EventEmitter7, HostBinding as HostBinding39, Input as Input22, Output as Output7 } from "@angular/core";
 import { consumeEvent as consumeEvent3 } from "@eui/core";
-import * as i051 from "@angular/core";
-import * as i128 from "@angular/common";
+import * as i054 from "@angular/core";
+import * as i127 from "@angular/common";
 import * as i216 from "@eui/components/eui-icon";
 import * as i311 from "@ngx-translate/core";
-import * as i49 from "@eui/components/pipes";
+import * as i48 from "@eui/components/pipes";
 var EuiNotificationItemComponent = class _EuiNotificationItemComponent {
   constructor() {
     this.string = "eui-notification-item";
-    this.itemClick = new EventEmitter6();
-    this.itemMarkAsRead = new EventEmitter6();
+    this.itemClick = new EventEmitter7();
+    this.itemMarkAsRead = new EventEmitter7();
     this.markAsReadLabel = null;
     this.dateFormat = "dd/MM/YYYY";
     this.tooltipSize = "auto";
@@ -3271,7 +3423,7 @@ var EuiNotificationItemComponent = class _EuiNotificationItemComponent {
     return this._isShowMarkAsRead;
   }
   set isShowMarkAsRead(value) {
-    this._isShowMarkAsRead = coerceBooleanProperty4(value);
+    this._isShowMarkAsRead = coerceBooleanProperty3(value);
   }
   onItemClick() {
     this.itemClick.emit(this.item);
@@ -3284,13 +3436,13 @@ var EuiNotificationItemComponent = class _EuiNotificationItemComponent {
     consumeEvent3(event2);
   }
   get iconColor() {
-    return this.item.metadata?.read ? "grey-20" : "grey-50";
+    return this.item.metadata?.read ? "neutral-lightest" : "neutral-light";
   }
   static {
-    this.ɵfac = i051.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i051, type: _EuiNotificationItemComponent, deps: [], target: i051.ɵɵFactoryTarget.Component });
+    this.ɵfac = i054.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i054, type: _EuiNotificationItemComponent, deps: [], target: i054.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i051.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiNotificationItemComponent, selector: "eui-notification-item", inputs: { markAsReadLabel: "markAsReadLabel", item: "item", dateFormat: "dateFormat", isShowMarkAsRead: "isShowMarkAsRead" }, outputs: { itemClick: "itemClick", itemMarkAsRead: "itemMarkAsRead" }, host: { properties: { "class": "this.string" } }, ngImport: i051, template: `<div
+    this.ɵcmp = i054.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiNotificationItemComponent, selector: "eui-notification-item", inputs: { markAsReadLabel: "markAsReadLabel", item: "item", dateFormat: "dateFormat", isShowMarkAsRead: "isShowMarkAsRead" }, outputs: { itemClick: "itemClick", itemMarkAsRead: "itemMarkAsRead" }, host: { properties: { "class": "this.string" } }, ngImport: i054, template: `<div
     class="eui-notification-item-content"
     (click)="onItemClick()"
     [ngClass]="{ 'eui-u-c-bg-white': item.metadata?.read || !item.metadata }">
@@ -3310,7 +3462,7 @@ var EuiNotificationItemComponent = class _EuiNotificationItemComponent {
     </div>
     <span class="eui-notification-item-content-middle eui-u-cursor-pointer">
         <ng-template [ngIf]="item.metadata?.url">
-            <a href="{{ item.metadata.url }}">
+            <a class="eui-u-text-link" href="{{ item.metadata.url }}">
                 <div
                     class="eui-notification-item-content-middle__label"
                     [ngClass]="{ 'eui-u-f-m-bold': !item.metadata || (item.metadata && !item.metadata.read) }">
@@ -3324,9 +3476,9 @@ var EuiNotificationItemComponent = class _EuiNotificationItemComponent {
         </ng-template>
 
         <ng-template [ngIf]="item.metadata?.urlExternal">
-            <a
+            <a class="eui-u-text-link-external"
                 href="{{ item.metadata.urlExternal }}"
-                [target]="!item.metadata.urlExternalTarget ? '_black' : item.metadata.urlExternalTarget">
+                [target]="!item.metadata.urlExternalTarget ? '_blank' : item.metadata.urlExternalTarget">
                 <div
                     class="eui-notification-item-content-middle__label"
                     [ngClass]="{ 'eui-u-f-m-bold': !item.metadata || (item.metadata && !item.metadata.read) }">
@@ -3352,16 +3504,19 @@ var EuiNotificationItemComponent = class _EuiNotificationItemComponent {
         </ng-template>
     </span>
     <div class="eui-notification-item-content-bottom">
-        <a *ngIf="isShowMarkAsRead && item.metadata && !item.metadata.read" href="javascript:void(0)" (click)="onItemMarkAsRead($event)">
+        <a *ngIf="isShowMarkAsRead && item.metadata && !item.metadata.read"
+            href="javascript:void(0)"
+            class="eui-u-text-link"
+            (click)="onItemMarkAsRead($event)">
             {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}
         </a>
     </div>
 </div>
-`, 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: 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: i128.DatePipe, name: "date" }, { kind: "pipe", type: i311.TranslatePipe, name: "translate" }, { kind: "pipe", type: i49.EuiTruncatePipe, name: "euiTruncate" }] });
+`, 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" }] });
   }
 };
-i051.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i051, type: EuiNotificationItemComponent, decorators: [{
-  type: Component37,
+i054.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i054, type: EuiNotificationItemComponent, decorators: [{
+  type: Component40,
   args: [{ selector: "eui-notification-item", template: `<div
     class="eui-notification-item-content"
     (click)="onItemClick()"
@@ -3382,7 +3537,7 @@ i051.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
     </div>
     <span class="eui-notification-item-content-middle eui-u-cursor-pointer">
         <ng-template [ngIf]="item.metadata?.url">
-            <a href="{{ item.metadata.url }}">
+            <a class="eui-u-text-link" href="{{ item.metadata.url }}">
                 <div
                     class="eui-notification-item-content-middle__label"
                     [ngClass]="{ 'eui-u-f-m-bold': !item.metadata || (item.metadata && !item.metadata.read) }">
@@ -3396,9 +3551,9 @@ i051.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
         </ng-template>
 
         <ng-template [ngIf]="item.metadata?.urlExternal">
-            <a
+            <a class="eui-u-text-link-external"
                 href="{{ item.metadata.urlExternal }}"
-                [target]="!item.metadata.urlExternalTarget ? '_black' : item.metadata.urlExternalTarget">
+                [target]="!item.metadata.urlExternalTarget ? '_blank' : item.metadata.urlExternalTarget">
                 <div
                     class="eui-notification-item-content-middle__label"
                     [ngClass]="{ 'eui-u-f-m-bold': !item.metadata || (item.metadata && !item.metadata.read) }">
@@ -3424,50 +3579,53 @@ i051.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
         </ng-template>
     </span>
     <div class="eui-notification-item-content-bottom">
-        <a *ngIf="isShowMarkAsRead && item.metadata && !item.metadata.read" href="javascript:void(0)" (click)="onItemMarkAsRead($event)">
+        <a *ngIf="isShowMarkAsRead && item.metadata && !item.metadata.read"
+            href="javascript:void(0)"
+            class="eui-u-text-link"
+            (click)="onItemMarkAsRead($event)">
             {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}
         </a>
     </div>
 </div>
 ` }]
 }], propDecorators: { string: [{
-  type: HostBinding36,
+  type: HostBinding39,
   args: ["class"]
 }], itemClick: [{
-  type: Output6
+  type: Output7
 }], itemMarkAsRead: [{
-  type: Output6
+  type: Output7
 }], markAsReadLabel: [{
-  type: Input20
+  type: Input22
 }], item: [{
-  type: Input20
+  type: Input22
 }], dateFormat: [{
-  type: Input20
+  type: Input22
 }], isShowMarkAsRead: [{
-  type: Input20
+  type: Input22
 }] } });
 
 // eui-notifications/eui-notifications.component.mjs
-import { ChangeDetectionStrategy as ChangeDetectionStrategy45, Component as Component38, EventEmitter as EventEmitter7, HostBinding as HostBinding37, HostListener as HostListener4, Input as Input21, Output as Output7, ViewEncapsulation as ViewEncapsulation67 } from "@angular/core";
+import { ChangeDetectionStrategy as ChangeDetectionStrategy47, Component as Component41, EventEmitter as EventEmitter8, HostBinding as HostBinding40, HostListener as HostListener5, Input as Input23, Output as Output8, ViewEncapsulation as ViewEncapsulation69 } from "@angular/core";
 import { consumeEvent as consumeEvent4 } from "@eui/core";
-import { coerceBooleanProperty as coerceBooleanProperty5 } from "@angular/cdk/coercion";
-import * as i052 from "@angular/core";
-import * as i129 from "@angular/common";
+import { coerceBooleanProperty as coerceBooleanProperty4 } from "@angular/cdk/coercion";
+import * as i055 from "@angular/core";
+import * as i128 from "@angular/common";
 import * as i217 from "@eui/components/eui-overlay";
 import * as i312 from "@eui/components/eui-button";
-import * as i410 from "@eui/components/eui-badge";
+import * as i49 from "@eui/components/eui-badge";
 import * as i57 from "@eui/components/eui-icon";
 import * as i72 from "@ngx-translate/core";
 var EuiNotificationsComponent = class _EuiNotificationsComponent {
   constructor() {
-    this.refreshClick = new EventEmitter7();
-    this.notificationsClick = new EventEmitter7();
-    this.viewAllClick = new EventEmitter7();
-    this.settingsClick = new EventEmitter7();
-    this.markAllAsReadClick = new EventEmitter7();
-    this.noNotificationFoundClick = new EventEmitter7();
-    this.itemClick = new EventEmitter7();
-    this.itemMarkAsReadClick = new EventEmitter7();
+    this.refreshClick = new EventEmitter8();
+    this.notificationsClick = new EventEmitter8();
+    this.viewAllClick = new EventEmitter8();
+    this.settingsClick = new EventEmitter8();
+    this.markAllAsReadClick = new EventEmitter8();
+    this.noNotificationFoundClick = new EventEmitter8();
+    this.itemClick = new EventEmitter8();
+    this.itemMarkAsReadClick = new EventEmitter8();
     this.isOverlayActive = false;
     this.currentDayNotifications = [];
     this.oldestNotifications = [];
@@ -3501,49 +3659,49 @@ var EuiNotificationsComponent = class _EuiNotificationsComponent {
     return this._noNotificationFoundLink;
   }
   set noNotificationFoundLink(value) {
-    this._noNotificationFoundLink = coerceBooleanProperty5(value);
+    this._noNotificationFoundLink = coerceBooleanProperty4(value);
   }
   get isShowMarkAsRead() {
     return this._isShowMarkAsRead;
   }
   set isShowMarkAsRead(value) {
-    this._isShowMarkAsRead = coerceBooleanProperty5(value);
+    this._isShowMarkAsRead = coerceBooleanProperty4(value);
   }
   get isShowViewAllAction() {
     return this._isShowViewAllAction;
   }
   set isShowViewAllAction(value) {
-    this._isShowViewAllAction = coerceBooleanProperty5(value);
+    this._isShowViewAllAction = coerceBooleanProperty4(value);
   }
   get isHidePanelOnViewAllAction() {
     return this._isHidePanelOnViewAllAction;
   }
   set isHidePanelOnViewAllAction(value) {
-    this._isHidePanelOnViewAllAction = coerceBooleanProperty5(value);
+    this._isHidePanelOnViewAllAction = coerceBooleanProperty4(value);
   }
   get customUnreadCount() {
     return this._customUnreadCount;
   }
   set customUnreadCount(value) {
-    this._customUnreadCount = coerceBooleanProperty5(value);
+    this._customUnreadCount = coerceBooleanProperty4(value);
   }
   get isShowMarkAllAsReadButton() {
     return this._isShowMarkAllAsReadButton;
   }
   set isShowMarkAllAsReadButton(value) {
-    this._isShowMarkAllAsReadButton = coerceBooleanProperty5(value);
+    this._isShowMarkAllAsReadButton = coerceBooleanProperty4(value);
   }
   get isShowSettingsButton() {
     return this._isShowSettingsButton;
   }
   set isShowSettingsButton(value) {
-    this._isShowSettingsButton = coerceBooleanProperty5(value);
+    this._isShowSettingsButton = coerceBooleanProperty4(value);
   }
   get isShowRefreshButton() {
     return this._isShowRefreshButton;
   }
   set isShowRefreshButton(value) {
-    this._isShowRefreshButton = coerceBooleanProperty5(value);
+    this._isShowRefreshButton = coerceBooleanProperty4(value);
   }
   onHide() {
     this.isOverlayActive = false;
@@ -3615,10 +3773,10 @@ var EuiNotificationsComponent = class _EuiNotificationsComponent {
     return unreadNotifications.length;
   }
   static {
-    this.ɵfac = i052.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i052, type: _EuiNotificationsComponent, deps: [], target: i052.ɵɵFactoryTarget.Component });
+    this.ɵfac = i055.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i055, type: _EuiNotificationsComponent, deps: [], target: i055.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i052.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiNotificationsComponent, selector: "eui-notifications", inputs: { count: "count", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", settingsClick: "settingsClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { listeners: { "body:click": "onHide()" }, properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i052, template: `<eui-icon-button
+    this.ɵcmp = i055.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiNotificationsComponent, selector: "eui-notifications", inputs: { count: "count", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", settingsClick: "settingsClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { listeners: { "body:click": "onHide()" }, properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i055, template: `<eui-icon-button
     class="eui-notifications__trigger"
     icon="eui-notifications"
     size="s"
@@ -3724,12 +3882,12 @@ var EuiNotificationsComponent = class _EuiNotificationsComponent {
         </ng-template>
     </eui-overlay-footer>
 </eui-overlay>
-`, 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{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: 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: i410.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: i052.ChangeDetectionStrategy.Default, encapsulation: i052.ViewEncapsulation.None });
+`, 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 });
   }
 };
-i052.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i052, type: EuiNotificationsComponent, decorators: [{
-  type: Component38,
-  args: [{ selector: "eui-notifications", changeDetection: ChangeDetectionStrategy45.Default, encapsulation: ViewEncapsulation67.None, template: `<eui-icon-button
+i055.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i055, type: EuiNotificationsComponent, decorators: [{
+  type: Component41,
+  args: [{ selector: "eui-notifications", changeDetection: ChangeDetectionStrategy47.Default, encapsulation: ViewEncapsulation69.None, template: `<eui-icon-button
     class="eui-notifications__trigger"
     icon="eui-notifications"
     size="s"
@@ -3835,72 +3993,72 @@ i052.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
         </ng-template>
     </eui-overlay-footer>
 </eui-overlay>
-`, 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{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"] }]
+`, 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"] }]
 }], propDecorators: { refreshClick: [{
-  type: Output7
+  type: Output8
 }], notificationsClick: [{
-  type: Output7
+  type: Output8
 }], viewAllClick: [{
-  type: Output7
+  type: Output8
 }], settingsClick: [{
-  type: Output7
+  type: Output8
 }], markAllAsReadClick: [{
-  type: Output7
+  type: Output8
 }], noNotificationFoundClick: [{
-  type: Output7
+  type: Output8
 }], itemClick: [{
-  type: Output7
+  type: Output8
 }], itemMarkAsReadClick: [{
-  type: Output7
+  type: Output8
 }], string: [{
-  type: HostBinding37,
+  type: HostBinding40,
   args: ["class"]
 }], count: [{
-  type: Input21
+  type: Input23
 }], items: [{
-  type: Input21
+  type: Input23
 }], unreadLabel: [{
-  type: Input21
+  type: Input23
 }], totalLabel: [{
-  type: Input21
+  type: Input23
 }], markAsReadLabel: [{
-  type: Input21
+  type: Input23
 }], markAsUnReadLabel: [{
-  type: Input21
+  type: Input23
 }], markAllAsReadLabel: [{
-  type: Input21
+  type: Input23
 }], settingsLabel: [{
-  type: Input21
+  type: Input23
 }], refreshLabel: [{
-  type: Input21
+  type: Input23
 }], viewAllNotificationsLabel: [{
-  type: Input21
+  type: Input23
 }], headerTitleLabel: [{
-  type: Input21
+  type: Input23
 }], noNotificationFoundLabel: [{
-  type: Input21
+  type: Input23
 }], nbUnreadCount: [{
-  type: Input21
+  type: Input23
 }], dateFormat: [{
-  type: Input21
+  type: Input23
 }], noNotificationFoundLink: [{
-  type: Input21
+  type: Input23
 }], isShowMarkAsRead: [{
-  type: Input21
+  type: Input23
 }], isShowViewAllAction: [{
-  type: Input21
+  type: Input23
 }], isHidePanelOnViewAllAction: [{
-  type: Input21
+  type: Input23
 }], customUnreadCount: [{
-  type: Input21
+  type: Input23
 }], isShowMarkAllAsReadButton: [{
-  type: Input21
+  type: Input23
 }], isShowSettingsButton: [{
-  type: Input21
+  type: Input23
 }], isShowRefreshButton: [{
-  type: Input21
+  type: Input23
 }], onHide: [{
-  type: HostListener4,
+  type: HostListener5,
   args: ["body:click"]
 }] } });
 
@@ -3913,19 +4071,19 @@ import { EuiOverlayModule } from "@eui/components/eui-overlay";
 import { EuiBadgeModule } from "@eui/components/eui-badge";
 import { EuiIconModule as EuiIconModule7 } from "@eui/components/eui-icon";
 import { EuiTruncatePipeModule } from "@eui/components/pipes";
-import * as i053 from "@angular/core";
+import * as i056 from "@angular/core";
 var EuiNotificationsModule = class _EuiNotificationsModule {
   static {
-    this.ɵfac = i053.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i053, type: _EuiNotificationsModule, deps: [], target: i053.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i056.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i056, type: _EuiNotificationsModule, deps: [], target: i056.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i053.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i053, type: _EuiNotificationsModule, declarations: [EuiNotificationsComponent, EuiNotificationItemComponent], imports: [CommonModule14, TranslateModule2, EuiOverlayModule, EuiButtonModule5, EuiBadgeModule, EuiIconModule7, EuiTruncatePipeModule], exports: [EuiNotificationsComponent, EuiNotificationItemComponent] });
+    this.ɵmod = i056.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i056, type: _EuiNotificationsModule, declarations: [EuiNotificationsComponent, EuiNotificationItemComponent], imports: [CommonModule14, TranslateModule2, EuiOverlayModule, EuiButtonModule5, EuiBadgeModule, EuiIconModule7, EuiTruncatePipeModule], exports: [EuiNotificationsComponent, EuiNotificationItemComponent] });
   }
   static {
-    this.ɵinj = i053.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i053, type: _EuiNotificationsModule, imports: [CommonModule14, TranslateModule2, EuiOverlayModule, EuiButtonModule5, EuiBadgeModule, EuiIconModule7, EuiTruncatePipeModule] });
+    this.ɵinj = i056.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i056, type: _EuiNotificationsModule, imports: [CommonModule14, TranslateModule2, EuiOverlayModule, EuiButtonModule5, EuiBadgeModule, EuiIconModule7, EuiTruncatePipeModule] });
   }
 };
-i053.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i053, type: EuiNotificationsModule, decorators: [{
+i056.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i056, type: EuiNotificationsModule, decorators: [{
   type: NgModule14,
   args: [{
     imports: [CommonModule14, TranslateModule2, EuiOverlayModule, EuiButtonModule5, EuiBadgeModule, EuiIconModule7, EuiTruncatePipeModule],
@@ -3935,19 +4093,19 @@ i053.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
 }] });
 
 // eui-notifications-v2/eui-notification-item.component.mjs
-import { coerceBooleanProperty as coerceBooleanProperty6 } from "@angular/cdk/coercion";
-import { Component as Component39, EventEmitter as EventEmitter8, HostBinding as HostBinding38, Input as Input22, Output as Output8 } from "@angular/core";
+import { coerceBooleanProperty as coerceBooleanProperty5 } from "@angular/cdk/coercion";
+import { Component as Component42, EventEmitter as EventEmitter9, HostBinding as HostBinding41, Input as Input24, Output as Output9 } from "@angular/core";
 import { consumeEvent as consumeEvent5 } from "@eui/core";
-import * as i054 from "@angular/core";
-import * as i130 from "@angular/common";
+import * as i057 from "@angular/core";
+import * as i129 from "@angular/common";
 import * as i218 from "@eui/components/eui-icon";
 import * as i313 from "@ngx-translate/core";
-import * as i411 from "@eui/components/pipes";
+import * as i410 from "@eui/components/pipes";
 var EuiNotificationItemV2Component = class _EuiNotificationItemV2Component {
   constructor() {
     this.string = "eui-notification-item";
-    this.itemClick = new EventEmitter8();
-    this.itemMarkAsRead = new EventEmitter8();
+    this.itemClick = new EventEmitter9();
+    this.itemMarkAsRead = new EventEmitter9();
     this.markAsReadLabel = null;
     this.dateFormat = "dd/MM/YYYY";
     this.tooltipSize = "auto";
@@ -3957,10 +4115,10 @@ var EuiNotificationItemV2Component = class _EuiNotificationItemV2Component {
     return this._isShowMarkAsRead;
   }
   set isShowMarkAsRead(value) {
-    this._isShowMarkAsRead = coerceBooleanProperty6(value);
+    this._isShowMarkAsRead = coerceBooleanProperty5(value);
   }
   get iconColor() {
-    return this.item.metadata?.read ? "grey-20" : "grey-50";
+    return this.item.metadata?.read ? "neutral-lightest" : "neutral-light";
   }
   onItemClick() {
     this.itemClick.emit(this.item);
@@ -3973,10 +4131,10 @@ var EuiNotificationItemV2Component = class _EuiNotificationItemV2Component {
     consumeEvent5(event2);
   }
   static {
-    this.ɵfac = i054.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i054, type: _EuiNotificationItemV2Component, deps: [], target: i054.ɵɵFactoryTarget.Component });
+    this.ɵfac = i057.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i057, type: _EuiNotificationItemV2Component, deps: [], target: i057.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i054.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: { markAsReadLabel: "markAsReadLabel", item: "item", dateFormat: "dateFormat", isShowMarkAsRead: "isShowMarkAsRead" }, outputs: { itemClick: "itemClick", itemMarkAsRead: "itemMarkAsRead" }, host: { properties: { "class": "this.string" } }, ngImport: i054, template: `<div
+    this.ɵcmp = i057.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: { markAsReadLabel: "markAsReadLabel", item: "item", dateFormat: "dateFormat", isShowMarkAsRead: "isShowMarkAsRead" }, outputs: { itemClick: "itemClick", itemMarkAsRead: "itemMarkAsRead" }, host: { properties: { "class": "this.string" } }, ngImport: i057, template: `<div
     class="eui-notification-item-content"
     (click)="onItemClick()"
     [ngClass]="{ 'eui-u-c-bg-white': item.metadata?.read || !item.metadata }">
@@ -3996,7 +4154,7 @@ var EuiNotificationItemV2Component = class _EuiNotificationItemV2Component {
     </div>
     <span class="eui-notification-item-content-middle eui-u-cursor-pointer">
         <ng-template [ngIf]="item.metadata?.url">
-            <a href="{{ item.metadata.url }}" tabIndex="0">
+            <a class="eui-u-text-link" href="{{ item.metadata.url }}" tabIndex="0">
                 <div
                     class="eui-notification-item-content-middle__label"
                     [ngClass]="{ 'eui-u-f-m-bold': !item.metadata || (item.metadata && !item.metadata.read) }">
@@ -4010,9 +4168,9 @@ var EuiNotificationItemV2Component = class _EuiNotificationItemV2Component {
         </ng-template>
 
         <ng-template [ngIf]="item.metadata?.urlExternal">
-            <a
+            <a class="eui-u-text-link-external"
                 href="{{ item.metadata.urlExternal }}"
-                [target]="!item.metadata.urlExternalTarget ? '_black' : item.metadata.urlExternalTarget" tabIndex="0">
+                [target]="!item.metadata.urlExternalTarget ? '_blank' : item.metadata.urlExternalTarget" tabIndex="0">
                 <div
                     class="eui-notification-item-content-middle__label"
                     [ngClass]="{ 'eui-u-f-m-bold': !item.metadata || (item.metadata && !item.metadata.read) }">
@@ -4047,11 +4205,11 @@ var EuiNotificationItemV2Component = class _EuiNotificationItemV2Component {
         </a>
     </div>
 </div>
-`, 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: 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: i130.DatePipe, name: "date" }, { kind: "pipe", type: i313.TranslatePipe, name: "translate" }, { kind: "pipe", type: i411.EuiTruncatePipe, name: "euiTruncate" }] });
+`, 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" }] });
   }
 };
-i054.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i054, type: EuiNotificationItemV2Component, decorators: [{
-  type: Component39,
+i057.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i057, type: EuiNotificationItemV2Component, decorators: [{
+  type: Component42,
   args: [{ selector: "eui-notification-item-v2", template: `<div
     class="eui-notification-item-content"
     (click)="onItemClick()"
@@ -4072,7 +4230,7 @@ i054.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
     </div>
     <span class="eui-notification-item-content-middle eui-u-cursor-pointer">
         <ng-template [ngIf]="item.metadata?.url">
-            <a href="{{ item.metadata.url }}" tabIndex="0">
+            <a class="eui-u-text-link" href="{{ item.metadata.url }}" tabIndex="0">
                 <div
                     class="eui-notification-item-content-middle__label"
                     [ngClass]="{ 'eui-u-f-m-bold': !item.metadata || (item.metadata && !item.metadata.read) }">
@@ -4086,9 +4244,9 @@ i054.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
         </ng-template>
 
         <ng-template [ngIf]="item.metadata?.urlExternal">
-            <a
+            <a class="eui-u-text-link-external"
                 href="{{ item.metadata.urlExternal }}"
-                [target]="!item.metadata.urlExternalTarget ? '_black' : item.metadata.urlExternalTarget" tabIndex="0">
+                [target]="!item.metadata.urlExternalTarget ? '_blank' : item.metadata.urlExternalTarget" tabIndex="0">
                 <div
                     class="eui-notification-item-content-middle__label"
                     [ngClass]="{ 'eui-u-f-m-bold': !item.metadata || (item.metadata && !item.metadata.read) }">
@@ -4125,41 +4283,41 @@ i054.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
 </div>
 ` }]
 }], propDecorators: { string: [{
-  type: HostBinding38,
+  type: HostBinding41,
   args: ["class"]
 }], itemClick: [{
-  type: Output8
+  type: Output9
 }], itemMarkAsRead: [{
-  type: Output8
+  type: Output9
 }], markAsReadLabel: [{
-  type: Input22
+  type: Input24
 }], item: [{
-  type: Input22
+  type: Input24
 }], dateFormat: [{
-  type: Input22
+  type: Input24
 }], isShowMarkAsRead: [{
-  type: Input22
+  type: Input24
 }] } });
 
 // eui-notifications-v2/eui-notifications.component.mjs
-import { ChangeDetectionStrategy as ChangeDetectionStrategy47, Component as Component40, EventEmitter as EventEmitter9, HostBinding as HostBinding39, Input as Input23, Output as Output9, ViewEncapsulation as ViewEncapsulation69 } from "@angular/core";
+import { ChangeDetectionStrategy as ChangeDetectionStrategy49, Component as Component43, EventEmitter as EventEmitter10, HostBinding as HostBinding42, Input as Input25, Output as Output10, ViewEncapsulation as ViewEncapsulation71 } from "@angular/core";
 import { consumeEvent as consumeEvent6 } from "@eui/core";
-import { coerceBooleanProperty as coerceBooleanProperty7 } from "@angular/cdk/coercion";
-import * as i055 from "@angular/core";
-import * as i131 from "@angular/common";
+import { coerceBooleanProperty as coerceBooleanProperty6 } from "@angular/cdk/coercion";
+import * as i058 from "@angular/core";
+import * as i130 from "@angular/common";
 import * as i219 from "@eui/components/eui-overlay";
 import * as i314 from "@eui/components/eui-badge";
-import * as i412 from "@eui/components/eui-icon";
+import * as i411 from "@eui/components/eui-icon";
 import * as i63 from "@ngx-translate/core";
 var EuiNotificationsV2Component = class _EuiNotificationsV2Component {
   constructor() {
-    this.refreshClick = new EventEmitter9();
-    this.notificationsClick = new EventEmitter9();
-    this.viewAllClick = new EventEmitter9();
-    this.markAllAsReadClick = new EventEmitter9();
-    this.noNotificationFoundClick = new EventEmitter9();
-    this.itemClick = new EventEmitter9();
-    this.itemMarkAsReadClick = new EventEmitter9();
+    this.refreshClick = new EventEmitter10();
+    this.notificationsClick = new EventEmitter10();
+    this.viewAllClick = new EventEmitter10();
+    this.markAllAsReadClick = new EventEmitter10();
+    this.noNotificationFoundClick = new EventEmitter10();
+    this.itemClick = new EventEmitter10();
+    this.itemMarkAsReadClick = new EventEmitter10();
     this.isOverlayActive = false;
     this.currentDayNotifications = [];
     this.oldestNotifications = [];
@@ -4198,25 +4356,25 @@ var EuiNotificationsV2Component = class _EuiNotificationsV2Component {
     return this._noNotificationFoundLink;
   }
   set noNotificationFoundLink(value) {
-    this._noNotificationFoundLink = coerceBooleanProperty7(value);
+    this._noNotificationFoundLink = coerceBooleanProperty6(value);
   }
   get isShowMarkAsRead() {
     return this._isShowMarkAsRead;
   }
   set isShowMarkAsRead(value) {
-    this._isShowMarkAsRead = coerceBooleanProperty7(value);
+    this._isShowMarkAsRead = coerceBooleanProperty6(value);
   }
   get isShowViewAllAction() {
     return this._isShowViewAllAction;
   }
   set isShowViewAllAction(value) {
-    this._isShowViewAllAction = coerceBooleanProperty7(value);
+    this._isShowViewAllAction = coerceBooleanProperty6(value);
   }
   get isHidePanelOnViewAllAction() {
     return this._isHidePanelOnViewAllAction;
   }
   set isHidePanelOnViewAllAction(value) {
-    this._isHidePanelOnViewAllAction = coerceBooleanProperty7(value);
+    this._isHidePanelOnViewAllAction = coerceBooleanProperty6(value);
   }
   /**
    * @deprecated customUnreadCount is DEPRECATED, it is not used in the view. To be removed in eUI 18.
@@ -4225,25 +4383,25 @@ var EuiNotificationsV2Component = class _EuiNotificationsV2Component {
     return this._customUnreadCount;
   }
   set customUnreadCount(value) {
-    this._customUnreadCount = coerceBooleanProperty7(value);
+    this._customUnreadCount = coerceBooleanProperty6(value);
   }
   get isShowMarkAllAsReadButton() {
     return this._isShowMarkAllAsReadButton;
   }
   set isShowMarkAllAsReadButton(value) {
-    this._isShowMarkAllAsReadButton = coerceBooleanProperty7(value);
+    this._isShowMarkAllAsReadButton = coerceBooleanProperty6(value);
   }
   get isShowSettingsButton() {
     return this._isShowSettingsButton;
   }
   set isShowSettingsButton(value) {
-    this._isShowSettingsButton = coerceBooleanProperty7(value);
+    this._isShowSettingsButton = coerceBooleanProperty6(value);
   }
   get isShowRefreshButton() {
     return this._isShowRefreshButton;
   }
   set isShowRefreshButton(value) {
-    this._isShowRefreshButton = coerceBooleanProperty7(value);
+    this._isShowRefreshButton = coerceBooleanProperty6(value);
   }
   get isShowUnreadSinceLastCheckCount() {
     return this.unreadSinceLastCheckCount && this.unreadSinceLastCheckCount > 0;
@@ -4314,10 +4472,10 @@ var EuiNotificationsV2Component = class _EuiNotificationsV2Component {
     return unreadNotifications.length;
   }
   static {
-    this.ɵfac = i055.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i055, type: _EuiNotificationsV2Component, deps: [], target: i055.ɵɵFactoryTarget.Component });
+    this.ɵfac = i058.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i058, type: _EuiNotificationsV2Component, deps: [], target: i058.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i055.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiNotificationsV2Component, selector: "eui-notifications-v2", inputs: { count: "count", unreadCount: "unreadCount", unreadSinceLastCheckCount: "unreadSinceLastCheckCount", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", headerHideLabel: "headerHideLabel", headerUnreadSinceLastCheckCountLabel: "headerUnreadSinceLastCheckCountLabel", headerUnreadCountLabel: "headerUnreadCountLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i055, template: `<eui-icon-button
+    this.ɵcmp = i058.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-rc.0", type: _EuiNotificationsV2Component, selector: "eui-notifications-v2", inputs: { count: "count", unreadCount: "unreadCount", unreadSinceLastCheckCount: "unreadSinceLastCheckCount", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", headerHideLabel: "headerHideLabel", headerUnreadSinceLastCheckCountLabel: "headerUnreadSinceLastCheckCountLabel", headerUnreadCountLabel: "headerUnreadCountLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i058, template: `<eui-icon-button
     class="eui-notifications-v2__trigger"
     icon="eui-notifications"
     size="s"
@@ -4409,12 +4567,12 @@ var EuiNotificationsV2Component = class _EuiNotificationsV2Component {
         </ng-template>
     </eui-overlay-footer>
 </eui-overlay>
-`, 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{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: 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: 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: i055.ChangeDetectionStrategy.Default, encapsulation: i055.ViewEncapsulation.None });
+`, 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 });
   }
 };
-i055.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i055, type: EuiNotificationsV2Component, decorators: [{
-  type: Component40,
-  args: [{ selector: "eui-notifications-v2", changeDetection: ChangeDetectionStrategy47.Default, encapsulation: ViewEncapsulation69.None, template: `<eui-icon-button
+i058.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i058, type: EuiNotificationsV2Component, decorators: [{
+  type: Component43,
+  args: [{ selector: "eui-notifications-v2", changeDetection: ChangeDetectionStrategy49.Default, encapsulation: ViewEncapsulation71.None, template: `<eui-icon-button
     class="eui-notifications-v2__trigger"
     icon="eui-notifications"
     size="s"
@@ -4506,78 +4664,78 @@ i055.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
         </ng-template>
     </eui-overlay-footer>
 </eui-overlay>
-`, 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{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"] }]
+`, 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"] }]
 }], propDecorators: { refreshClick: [{
-  type: Output9
+  type: Output10
 }], notificationsClick: [{
-  type: Output9
+  type: Output10
 }], viewAllClick: [{
-  type: Output9
+  type: Output10
 }], markAllAsReadClick: [{
-  type: Output9
+  type: Output10
 }], noNotificationFoundClick: [{
-  type: Output9
+  type: Output10
 }], itemClick: [{
-  type: Output9
+  type: Output10
 }], itemMarkAsReadClick: [{
-  type: Output9
+  type: Output10
 }], string: [{
-  type: HostBinding39,
+  type: HostBinding42,
   args: ["class"]
 }], count: [{
-  type: Input23
+  type: Input25
 }], unreadCount: [{
-  type: Input23
+  type: Input25
 }], unreadSinceLastCheckCount: [{
-  type: Input23
+  type: Input25
 }], items: [{
-  type: Input23
+  type: Input25
 }], unreadLabel: [{
-  type: Input23
+  type: Input25
 }], totalLabel: [{
-  type: Input23
+  type: Input25
 }], markAsReadLabel: [{
-  type: Input23
+  type: Input25
 }], markAsUnReadLabel: [{
-  type: Input23
+  type: Input25
 }], markAllAsReadLabel: [{
-  type: Input23
+  type: Input25
 }], settingsLabel: [{
-  type: Input23
+  type: Input25
 }], refreshLabel: [{
-  type: Input23
+  type: Input25
 }], viewAllNotificationsLabel: [{
-  type: Input23
+  type: Input25
 }], headerTitleLabel: [{
-  type: Input23
+  type: Input25
 }], headerHideLabel: [{
-  type: Input23
+  type: Input25
 }], headerUnreadSinceLastCheckCountLabel: [{
-  type: Input23
+  type: Input25
 }], headerUnreadCountLabel: [{
-  type: Input23
+  type: Input25
 }], noNotificationFoundLabel: [{
-  type: Input23
+  type: Input25
 }], nbUnreadCount: [{
-  type: Input23
+  type: Input25
 }], dateFormat: [{
-  type: Input23
+  type: Input25
 }], noNotificationFoundLink: [{
-  type: Input23
+  type: Input25
 }], isShowMarkAsRead: [{
-  type: Input23
+  type: Input25
 }], isShowViewAllAction: [{
-  type: Input23
+  type: Input25
 }], isHidePanelOnViewAllAction: [{
-  type: Input23
+  type: Input25
 }], customUnreadCount: [{
-  type: Input23
+  type: Input25
 }], isShowMarkAllAsReadButton: [{
-  type: Input23
+  type: Input25
 }], isShowSettingsButton: [{
-  type: Input23
+  type: Input25
 }], isShowRefreshButton: [{
-  type: Input23
+  type: Input25
 }] } });
 
 // eui-notifications-v2/eui-notifications.module.mjs
@@ -4589,19 +4747,19 @@ import { EuiOverlayModule as EuiOverlayModule2 } from "@eui/components/eui-overl
 import { EuiBadgeModule as EuiBadgeModule2 } from "@eui/components/eui-badge";
 import { EuiIconModule as EuiIconModule8 } from "@eui/components/eui-icon";
 import { EuiTruncatePipeModule as EuiTruncatePipeModule2 } from "@eui/components/pipes";
-import * as i056 from "@angular/core";
+import * as i059 from "@angular/core";
 var EuiNotificationsV2Module = class _EuiNotificationsV2Module {
   static {
-    this.ɵfac = i056.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i056, type: _EuiNotificationsV2Module, deps: [], target: i056.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i059.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i059, type: _EuiNotificationsV2Module, deps: [], target: i059.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i056.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i056, type: _EuiNotificationsV2Module, declarations: [EuiNotificationsV2Component, EuiNotificationItemV2Component], imports: [CommonModule15, TranslateModule3, EuiOverlayModule2, EuiButtonModule6, EuiBadgeModule2, EuiIconModule8, EuiTruncatePipeModule2], exports: [EuiNotificationsV2Component, EuiNotificationItemV2Component] });
+    this.ɵmod = i059.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i059, type: _EuiNotificationsV2Module, declarations: [EuiNotificationsV2Component, EuiNotificationItemV2Component], imports: [CommonModule15, TranslateModule3, EuiOverlayModule2, EuiButtonModule6, EuiBadgeModule2, EuiIconModule8, EuiTruncatePipeModule2], exports: [EuiNotificationsV2Component, EuiNotificationItemV2Component] });
   }
   static {
-    this.ɵinj = i056.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i056, type: _EuiNotificationsV2Module, imports: [CommonModule15, TranslateModule3, EuiOverlayModule2, EuiButtonModule6, EuiBadgeModule2, EuiIconModule8, EuiTruncatePipeModule2] });
+    this.ɵinj = i059.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i059, type: _EuiNotificationsV2Module, imports: [CommonModule15, TranslateModule3, EuiOverlayModule2, EuiButtonModule6, EuiBadgeModule2, EuiIconModule8, EuiTruncatePipeModule2] });
   }
 };
-i056.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i056, type: EuiNotificationsV2Module, decorators: [{
+i059.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i059, type: EuiNotificationsV2Module, decorators: [{
   type: NgModule15,
   args: [{
     imports: [CommonModule15, TranslateModule3, EuiOverlayModule2, EuiButtonModule6, EuiBadgeModule2, EuiIconModule8, EuiTruncatePipeModule2],
@@ -4614,7 +4772,7 @@ i056.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0",
 import { NgModule as NgModule16 } from "@angular/core";
 import { CommonModule as CommonModule16 } from "@angular/common";
 import { RouterModule as RouterModule7 } from "@angular/router";
-import * as i057 from "@angular/core";
+import * as i060 from "@angular/core";
 var MODULES2 = [
   EuiAppModule,
   EuiNotificationsModule,
@@ -4628,10 +4786,10 @@ var MODULES2 = [
 ];
 var EuiLayoutModule = class _EuiLayoutModule {
   static {
-    this.ɵfac = i057.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i057, type: _EuiLayoutModule, deps: [], target: i057.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i060.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i060, type: _EuiLayoutModule, deps: [], target: i060.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i057.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i057, type: _EuiLayoutModule, imports: [
+    this.ɵmod = i060.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i060, type: _EuiLayoutModule, imports: [
       CommonModule16,
       RouterModule7,
       EuiAppModule,
@@ -4656,7 +4814,7 @@ var EuiLayoutModule = class _EuiLayoutModule {
     ] });
   }
   static {
-    this.ɵinj = i057.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i057, type: _EuiLayoutModule, imports: [
+    this.ɵinj = i060.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i060, type: _EuiLayoutModule, imports: [
       CommonModule16,
       RouterModule7,
       MODULES2,
@@ -4672,7 +4830,7 @@ var EuiLayoutModule = class _EuiLayoutModule {
     ] });
   }
 };
-i057.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i057, type: EuiLayoutModule, decorators: [{
+i060.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i060, type: EuiLayoutModule, decorators: [{
   type: NgModule16,
   args: [{
     imports: [CommonModule16, RouterModule7, ...MODULES2],
@@ -4743,6 +4901,9 @@ export {
   EuiToolbarItemsComponent,
   EuiToolbarLogoComponent,
   EuiToolbarMenuComponent,
-  EuiToolbarModule
+  EuiToolbarModule,
+  EuiToolbarNavbarComponent,
+  EuiToolbarNavbarItemComponent,
+  EuiToolbarStartComponent
 };
 //# sourceMappingURL=eui-components-layout.mjs.map