@eui/components 18.0.0-next.6 → 18.0.0-next.8

package/fesm2022/eui-components-layout.mjs

@@ -228,9 +228,163 @@ i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2",
   type: HostBinding5
 }] } });
 
+// eui-language-selector/models/eui-eu-languages.model.mjs
+var EuiEuLanguages = class {
+  static {
+    this.languages = {
+      bg: {
+        code: "bg",
+        label: "български"
+      },
+      cs: {
+        code: "cs",
+        label: "čeština"
+      },
+      da: {
+        code: "da",
+        label: "dansk"
+      },
+      de: {
+        code: "de",
+        label: "Deutsch"
+      },
+      et: {
+        code: "et",
+        label: "eesti keel"
+      },
+      el: {
+        code: "el",
+        label: "ελληνικά"
+      },
+      en: {
+        code: "en",
+        label: "English"
+      },
+      es: {
+        code: "es",
+        label: "español"
+      },
+      fr: {
+        code: "fr",
+        label: "français"
+      },
+      ga: {
+        code: "ga",
+        label: "Gaeilge"
+      },
+      hr: {
+        code: "hr",
+        label: "hrvatski"
+      },
+      it: {
+        code: "it",
+        label: "italiano"
+      },
+      lv: {
+        code: "lv",
+        label: "latviešu valoda"
+      },
+      lt: {
+        code: "lt",
+        label: "lietuvių kalba"
+      },
+      hu: {
+        code: "hu",
+        label: "magyar"
+      },
+      mt: {
+        code: "mt",
+        label: "Malti"
+      },
+      nl: {
+        code: "nl",
+        label: "Nederlands"
+      },
+      pl: {
+        code: "pl",
+        label: "polski"
+      },
+      pt: {
+        code: "pt",
+        label: "português"
+      },
+      ro: {
+        code: "ro",
+        label: "română"
+      },
+      sk: {
+        code: "sk",
+        label: "slovenčina"
+      },
+      sl: {
+        code: "sl",
+        label: "slovenščina"
+      },
+      fi: {
+        code: "fi",
+        label: "suomi"
+      },
+      sv: {
+        code: "sv",
+        label: "svenska"
+      }
+    };
+  }
+  /**
+   * Matches the given string array to the EU languages and returns a EuiLanguage array.
+   * In case that no codes provided it returns the EU Languages array.
+   *
+   * @param codes A string array of 2 char codes
+   */
+  static getLanguages(codes = Object.keys(this.languages)) {
+    return this.filterInvalidLanguageCodes(codes).map((c) => typeof c === "string" ? this.languages[c] : c);
+  }
+  /**
+   * filters and removes language codes that are not part of the EULanguage
+   * e.g. 'ko' does not map to any EULanguage code on the array.
+   *      { code: 'ko', label: 'whatever' } is valid though
+   *
+   * @param codes codes A string array of 2 char codescodes A string array of 2 char codes
+   */
+  static filterInvalidLanguageCodes(codes) {
+    return codes.filter((c) => typeof c === "string" ? Object.keys(this.languages).indexOf(c) !== -1 : true);
+  }
+  /**
+   * return the given list ordered based on the EULanguage order
+   *
+   * @param codes codes A string array of 2 char codes
+   */
+  static getOrderedLanguages(codes = Object.keys(this.languages)) {
+    return this.getLanguages(codes).sort((a, b) => Object.keys(this.languages).findIndex((c) => c === a.code) - Object.keys(this.languages).findIndex((c) => c === b.code));
+  }
+  /**
+   * retrieve language codes (string array) from a given array of string and EuiLanguage items
+   *
+   * @param array It can be an mixed array of string and EuiLanguage items
+   */
+  static getLanguageCodes(array) {
+    return array.map((language) => typeof language === "string" ? language : language.code);
+  }
+  /**
+   * filter non EU languages from given array
+   *
+   * @param array An array of EuiLanguage items
+   */
+  static filterNonEULanguages(array) {
+    return array ? array.filter((lang) => !Object.keys(this.languages).includes(lang.code)) : [];
+  }
+  /**
+   * filter EU Languages from given array
+   *
+   * @param array An array of EuiLanguage items
+   */
+  static filterEULanguages(array) {
+    return array ? array.filter((lang) => Object.keys(this.languages).includes(lang.code)) : [];
+  }
+};
+
 // eui-language-selector/modal-selector/modal-selector.component.mjs
 import { Component as Component6, ViewEncapsulation as ViewEncapsulation11, ChangeDetectionStrategy as ChangeDetectionStrategy5, Inject } from "@angular/core";
-import { EuiEuLanguages } from "@eui/core";
 import { DIALOG_COMPONENT_CONFIG } from "@eui/components/eui-dialog";
 import * as i06 from "@angular/core";
 import * as i15 from "@eui/components/eui-dialog";
@@ -1470,9 +1624,7 @@ i020.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
 }] } });
 
 // eui-user-profile/user-profile-card/user-profile-card.component.mjs
-import { __decorate } from "tslib";
-import { Component as Component19, HostBinding as HostBinding18, ChangeDetectionStrategy as ChangeDetectionStrategy11, ViewEncapsulation as ViewEncapsulation31, Input as Input9, EventEmitter as EventEmitter4, Output as Output4 } from "@angular/core";
-import { coerceBoolean } from "@eui/core";
+import { Component as Component19, HostBinding as HostBinding18, ChangeDetectionStrategy as ChangeDetectionStrategy11, ViewEncapsulation as ViewEncapsulation31, Input as Input9, EventEmitter as EventEmitter4, Output as Output4, booleanAttribute as booleanAttribute4 } from "@angular/core";
 import { takeUntil as takeUntil4 } from "rxjs/operators";
 import { Subject as Subject4 } from "rxjs";
 import * as i021 from "@angular/core";
@@ -1519,12 +1671,9 @@ var EuiUserProfileCardComponent = class _EuiUserProfileCardComponent {
     this.ɵfac = i021.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i021, type: _EuiUserProfileCardComponent, deps: [{ token: i113.UserService }], target: i021.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i021.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.2", type: _EuiUserProfileCardComponent, selector: "eui-user-profile-card", inputs: { impersonateLabel: "impersonateLabel", showDetailsLabel: "showDetailsLabel", avatarUrl: "avatarUrl", isShowAvatarInitials: "isShowAvatarInitials" }, outputs: { showProfileInfo: "showProfileInfo", closeProfileMenu: "closeProfileMenu" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i021, template: '<div class="eui-user-profile-card__main-wrapper">\n    <div class="eui-user-profile-card__avatar-wrapper">\n        <eui-avatar euiSizeL euiInfo>\n            <eui-avatar-text *ngIf="isShowAvatarInitials; else noAvatarInitials">\n                {{ avatarInitials }}\n            </eui-avatar-text>\n            <ng-template #noAvatarInitials>\n                <eui-avatar-image *ngIf="!avatarUrl"></eui-avatar-image>\n                <eui-avatar-image *ngIf="avatarUrl" [imageUrl]="avatarUrl"></eui-avatar-image>\n            </ng-template>\n        </eui-avatar>\n    </div>\n    <div class="eui-user-profile-card__userInfos">\n        <div class="eui-u-font-xl eui-u-mb-s">{{ userState.fullName }}</div>\n        <div *ngIf="userState.function" class="eui-user-profile-card__userInfos-item">\n            {{ userState.function }}\n        </div>\n        <div *ngIf="userState.organisation && userState.organisation.code" class="eui-user-profile-card__userInfos-item">\n            {{ userState.organisation.code }}\n        </div>\n    </div>\n    <div class="eui-user-profile-card__main-wrapper-right-content">\n        <a class="eui-u-text-link" tabindex="0" (click)="onClose()">close</a>\n        <button euiButton euiIconButton euiInfo euiSizeS class="eui-u-ml-auto eui-u-mt-m" (click)="onShowInfoClick()" title="{{ showDetailsLabel }}">\n            <eui-icon-svg icon="eui-info"></eui-icon-svg>\n        </button>\n    </div>\n</div>\n\n<ng-container *ngIf="userState?.impersonatingUser">\n    <div class="eui-user-profile-card__impersonateInfos">\n        <div>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName }}</div>\n        <div class="eui-u-mt-2xs">{{ impersonateLabel }}</div>\n        <div class="eui-u-mt-2xs">\n            <strong>{{ userState?.fullName }}</strong>\n        </div>\n    </div>\n</ng-container>\n', dependencies: [{ kind: "directive", type: i27.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i36.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i44.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i54.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i54.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i54.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }], changeDetection: i021.ChangeDetectionStrategy.Default, encapsulation: i021.ViewEncapsulation.None });
+    this.ɵcmp = i021.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", type: _EuiUserProfileCardComponent, selector: "eui-user-profile-card", inputs: { impersonateLabel: "impersonateLabel", showDetailsLabel: "showDetailsLabel", avatarUrl: "avatarUrl", isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute4] }, outputs: { showProfileInfo: "showProfileInfo", closeProfileMenu: "closeProfileMenu" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i021, template: '<div class="eui-user-profile-card__main-wrapper">\n    <div class="eui-user-profile-card__avatar-wrapper">\n        <eui-avatar euiSizeL euiInfo>\n            <eui-avatar-text *ngIf="isShowAvatarInitials; else noAvatarInitials">\n                {{ avatarInitials }}\n            </eui-avatar-text>\n            <ng-template #noAvatarInitials>\n                <eui-avatar-image *ngIf="!avatarUrl"></eui-avatar-image>\n                <eui-avatar-image *ngIf="avatarUrl" [imageUrl]="avatarUrl"></eui-avatar-image>\n            </ng-template>\n        </eui-avatar>\n    </div>\n    <div class="eui-user-profile-card__userInfos">\n        <div class="eui-u-font-xl eui-u-mb-s">{{ userState.fullName }}</div>\n        <div *ngIf="userState.function" class="eui-user-profile-card__userInfos-item">\n            {{ userState.function }}\n        </div>\n        <div *ngIf="userState.organisation && userState.organisation.code" class="eui-user-profile-card__userInfos-item">\n            {{ userState.organisation.code }}\n        </div>\n    </div>\n    <div class="eui-user-profile-card__main-wrapper-right-content">\n        <a class="eui-u-text-link" tabindex="0" (click)="onClose()">close</a>\n        <button euiButton euiIconButton euiInfo euiSizeS class="eui-u-ml-auto eui-u-mt-m" (click)="onShowInfoClick()" title="{{ showDetailsLabel }}">\n            <eui-icon-svg icon="eui-info"></eui-icon-svg>\n        </button>\n    </div>\n</div>\n\n<ng-container *ngIf="userState?.impersonatingUser">\n    <div class="eui-user-profile-card__impersonateInfos">\n        <div>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName }}</div>\n        <div class="eui-u-mt-2xs">{{ impersonateLabel }}</div>\n        <div class="eui-u-mt-2xs">\n            <strong>{{ userState?.fullName }}</strong>\n        </div>\n    </div>\n</ng-container>\n', dependencies: [{ kind: "directive", type: i27.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i36.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i44.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i54.EuiAvatarComponent, selector: "div[euiAvatar], span[euiAvatar], eui-avatar", inputs: ["e2eAttr", "aria-label", "hasShadow", "isShapeSquare", "isFlat", "hasNoBackground"] }, { kind: "component", type: i54.EuiAvatarTextComponent, selector: "eui-avatar-text" }, { kind: "component", type: i54.EuiAvatarImageComponent, selector: "eui-avatar-image", inputs: ["imageUrl"] }], changeDetection: i021.ChangeDetectionStrategy.Default, encapsulation: i021.ViewEncapsulation.None });
   }
 };
-__decorate([
-  coerceBoolean
-], EuiUserProfileCardComponent.prototype, "isShowAvatarInitials", void 0);
 i021.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i021, type: EuiUserProfileCardComponent, decorators: [{
   type: Component19,
   args: [{ selector: "eui-user-profile-card", changeDetection: ChangeDetectionStrategy11.Default, encapsulation: ViewEncapsulation31.None, template: '<div class="eui-user-profile-card__main-wrapper">\n    <div class="eui-user-profile-card__avatar-wrapper">\n        <eui-avatar euiSizeL euiInfo>\n            <eui-avatar-text *ngIf="isShowAvatarInitials; else noAvatarInitials">\n                {{ avatarInitials }}\n            </eui-avatar-text>\n            <ng-template #noAvatarInitials>\n                <eui-avatar-image *ngIf="!avatarUrl"></eui-avatar-image>\n                <eui-avatar-image *ngIf="avatarUrl" [imageUrl]="avatarUrl"></eui-avatar-image>\n            </ng-template>\n        </eui-avatar>\n    </div>\n    <div class="eui-user-profile-card__userInfos">\n        <div class="eui-u-font-xl eui-u-mb-s">{{ userState.fullName }}</div>\n        <div *ngIf="userState.function" class="eui-user-profile-card__userInfos-item">\n            {{ userState.function }}\n        </div>\n        <div *ngIf="userState.organisation && userState.organisation.code" class="eui-user-profile-card__userInfos-item">\n            {{ userState.organisation.code }}\n        </div>\n    </div>\n    <div class="eui-user-profile-card__main-wrapper-right-content">\n        <a class="eui-u-text-link" tabindex="0" (click)="onClose()">close</a>\n        <button euiButton euiIconButton euiInfo euiSizeS class="eui-u-ml-auto eui-u-mt-m" (click)="onShowInfoClick()" title="{{ showDetailsLabel }}">\n            <eui-icon-svg icon="eui-info"></eui-icon-svg>\n        </button>\n    </div>\n</div>\n\n<ng-container *ngIf="userState?.impersonatingUser">\n    <div class="eui-user-profile-card__impersonateInfos">\n        <div>{{ userState?.impersonatingUser?.firstName }} {{ userState?.impersonatingUser?.lastName }}</div>\n        <div class="eui-u-mt-2xs">{{ impersonateLabel }}</div>\n        <div class="eui-u-mt-2xs">\n            <strong>{{ userState?.fullName }}</strong>\n        </div>\n    </div>\n</ng-container>\n' }]
@@ -1538,7 +1687,8 @@ i021.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
 }], avatarUrl: [{
   type: Input9
 }], isShowAvatarInitials: [{
-  type: Input9
+  type: Input9,
+  args: [{ transform: booleanAttribute4 }]
 }], showProfileInfo: [{
   type: Output4
 }], closeProfileMenu: [{
@@ -1601,7 +1751,7 @@ i022.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
 }] });
 
 // eui-app/eui-app-sidebar/sidebar-header-user-profile/sidebar-header-user-profile.component.mjs
-import { booleanAttribute as booleanAttribute4, Component as Component20, HostBinding as HostBinding19, ChangeDetectionStrategy as ChangeDetectionStrategy13, ViewEncapsulation as ViewEncapsulation33, Input as Input10, EventEmitter as EventEmitter5, Output as Output5, ContentChildren as ContentChildren3, forwardRef as forwardRef7, HostListener as HostListener4 } from "@angular/core";
+import { booleanAttribute as booleanAttribute5, Component as Component20, HostBinding as HostBinding19, ChangeDetectionStrategy as ChangeDetectionStrategy13, ViewEncapsulation as ViewEncapsulation33, Input as Input10, EventEmitter as EventEmitter5, Output as Output5, ContentChildren as ContentChildren3, forwardRef as forwardRef7, HostListener as HostListener4 } from "@angular/core";
 import { consumeEvent } from "@eui/core";
 import * as i023 from "@angular/core";
 import * as i114 from "@angular/common";
@@ -1647,7 +1797,7 @@ var EuiAppSidebarHeaderUserProfileComponent = class _EuiAppSidebarHeaderUserProf
     this.ɵfac = i023.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i023, type: _EuiAppSidebarHeaderUserProfileComponent, deps: [], target: i023.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i023.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", type: _EuiAppSidebarHeaderUserProfileComponent, selector: "eui-app-sidebar-header-user-profile", inputs: { welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", isShowUserInfos: ["isShowUserInfos", "isShowUserInfos", booleanAttribute4], isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute4], isOnline: ["isOnline", "isOnline", booleanAttribute4], hasWelcomeLabel: ["hasWelcomeLabel", "hasWelcomeLabel", booleanAttribute4], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute4], hasToggle: ["hasToggle", "hasToggle", booleanAttribute4], hasProfileDrawer: ["hasProfileDrawer", "hasProfileDrawer", booleanAttribute4] }, outputs: { toggle: "toggle" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "userProfileMenu", predicate: i023.forwardRef(() => EuiUserProfileMenuComponent) }], ngImport: i023, template: `<eui-user-profile
+    this.ɵcmp = i023.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", type: _EuiAppSidebarHeaderUserProfileComponent, selector: "eui-app-sidebar-header-user-profile", inputs: { welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", isShowUserInfos: ["isShowUserInfos", "isShowUserInfos", booleanAttribute5], isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute5], isOnline: ["isOnline", "isOnline", booleanAttribute5], hasWelcomeLabel: ["hasWelcomeLabel", "hasWelcomeLabel", booleanAttribute5], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute5], hasToggle: ["hasToggle", "hasToggle", booleanAttribute5], hasProfileDrawer: ["hasProfileDrawer", "hasProfileDrawer", booleanAttribute5] }, outputs: { toggle: "toggle" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "userProfileMenu", predicate: i023.forwardRef(() => EuiUserProfileMenuComponent) }], ngImport: i023, template: `<eui-user-profile
     [hasWelcomeLabel]="hasWelcomeLabel"
     [welcomeLabel]="welcomeLabel"
     [impersonateLabel]="impersonateLabel"
@@ -1700,25 +1850,25 @@ i023.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
   type: Input10
 }], isShowUserInfos: [{
   type: Input10,
-  args: [{ transform: booleanAttribute4 }]
+  args: [{ transform: booleanAttribute5 }]
 }], isShowAvatarInitials: [{
   type: Input10,
-  args: [{ transform: booleanAttribute4 }]
+  args: [{ transform: booleanAttribute5 }]
 }], isOnline: [{
   type: Input10,
-  args: [{ transform: booleanAttribute4 }]
+  args: [{ transform: booleanAttribute5 }]
 }], hasWelcomeLabel: [{
   type: Input10,
-  args: [{ transform: booleanAttribute4 }]
+  args: [{ transform: booleanAttribute5 }]
 }], hasTabNavigation: [{
   type: Input10,
-  args: [{ transform: booleanAttribute4 }]
+  args: [{ transform: booleanAttribute5 }]
 }], hasToggle: [{
   type: Input10,
-  args: [{ transform: booleanAttribute4 }]
+  args: [{ transform: booleanAttribute5 }]
 }], hasProfileDrawer: [{
   type: Input10,
-  args: [{ transform: booleanAttribute4 }]
+  args: [{ transform: booleanAttribute5 }]
 }], toggle: [{
   type: Output5
 }], userProfileMenu: [{
@@ -2028,7 +2178,7 @@ i029.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
 }] });
 
 // eui-app/eui-app.component.mjs
-import { Component as Component24, Directive, ViewEncapsulation as ViewEncapsulation41, HostBinding as HostBinding23, Input as Input14, ContentChild as ContentChild2, forwardRef as forwardRef9, booleanAttribute as booleanAttribute5 } from "@angular/core";
+import { Component as Component24, Directive, ViewEncapsulation as ViewEncapsulation41, HostBinding as HostBinding23, Input as Input14, ContentChild as ContentChild2, forwardRef as forwardRef9, booleanAttribute as booleanAttribute6 } from "@angular/core";
 import { Subject as Subject5, fromEvent } from "rxjs";
 import { debounceTime, takeUntil as takeUntil5 } from "rxjs/operators";
 import * as i030 from "@angular/core";
@@ -2125,7 +2275,7 @@ var EuiAppComponent = class _EuiAppComponent {
     this.ɵfac = i030.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i030, type: _EuiAppComponent, deps: [{ token: i117.EuiAppShellService }, { token: i117.EuiGrowlService }, { token: i211.DeviceDetectorService }, { token: i030.ChangeDetectorRef }], target: i030.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i030.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", 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: i030.forwardRef(() => EuiAppSidebarComponent), descendants: true }, { propertyName: "customPageWrapper", first: true, predicate: i030.forwardRef(() => EuiAppPageWrapperDirective), descendants: true }, { propertyName: "appToolbar", first: true, predicate: i030.forwardRef(() => EuiAppToolbarComponent), descendants: true }], usesOnChanges: true, ngImport: i030, 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        <!-- TODO: consider removing code below in the future by transferring responsibility of providing <router-outlet> to the developer -->\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-base-color-grey-2);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: i39.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i45.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", "styleClass", "position", "e2eAttr", "closeAllSticky"], outputs: ["growlClick"] }, { kind: "component", type: i122.EuiDimmerComponent, selector: "eui-dimmer", inputs: ["isDimmerActive", "e2eAttr"] }, { kind: "pipe", type: i39.AsyncPipe, name: "async" }], encapsulation: i030.ViewEncapsulation.None });
+    this.ɵcmp = i030.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", type: _EuiAppComponent, selector: "eui-app", inputs: { appSubTitle: "appSubTitle", themeClass: "themeClass", isSidebarOpen: ["isSidebarOpen", "isSidebarOpen", booleanAttribute6], isSidebarExpandOnHover: ["isSidebarExpandOnHover", "isSidebarExpandOnHover", booleanAttribute6], isShrinkHeaderActive: ["isShrinkHeaderActive", "isShrinkHeaderActive", booleanAttribute6], isSidebarHidden: ["isSidebarHidden", "isSidebarHidden", booleanAttribute6] }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "appSidebar", first: true, predicate: i030.forwardRef(() => EuiAppSidebarComponent), descendants: true }, { propertyName: "customPageWrapper", first: true, predicate: i030.forwardRef(() => EuiAppPageWrapperDirective), descendants: true }, { propertyName: "appToolbar", first: true, predicate: i030.forwardRef(() => EuiAppToolbarComponent), descendants: true }], usesOnChanges: true, ngImport: i030, 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        <!-- TODO: consider removing code below in the future by transferring responsibility of providing <router-outlet> to the developer -->\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-base-color-grey-2);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: i39.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i45.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", "styleClass", "position", "e2eAttr", "closeAllSticky"], outputs: ["growlClick"] }, { kind: "component", type: i122.EuiDimmerComponent, selector: "eui-dimmer", inputs: ["isDimmerActive", "e2eAttr"] }, { kind: "pipe", type: i39.AsyncPipe, name: "async" }], encapsulation: i030.ViewEncapsulation.None });
   }
 };
 i030.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i030, type: EuiAppComponent, decorators: [{
@@ -2140,16 +2290,16 @@ i030.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
   type: Input14
 }], isSidebarOpen: [{
   type: Input14,
-  args: [{ transform: booleanAttribute5 }]
+  args: [{ transform: booleanAttribute6 }]
 }], isSidebarExpandOnHover: [{
   type: Input14,
-  args: [{ transform: booleanAttribute5 }]
+  args: [{ transform: booleanAttribute6 }]
 }], isShrinkHeaderActive: [{
   type: Input14,
-  args: [{ transform: booleanAttribute5 }]
+  args: [{ transform: booleanAttribute6 }]
 }], isSidebarHidden: [{
   type: Input14,
-  args: [{ transform: booleanAttribute5 }]
+  args: [{ transform: booleanAttribute6 }]
 }], appSidebar: [{
   type: ContentChild2,
   args: [forwardRef9(() => EuiAppSidebarComponent)]
@@ -2379,8 +2529,8 @@ i036.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
 }] });
 
 // eui-app/eui-app-top-message/top-message.component.mjs
-import { Component as Component28, HostBinding as HostBinding27, ChangeDetectionStrategy as ChangeDetectionStrategy23, ViewEncapsulation as ViewEncapsulation49, Input as Input16, Output as Output6, EventEmitter as EventEmitter6, ViewChild as ViewChild2, booleanAttribute as booleanAttribute6 } from "@angular/core";
-import { BaseDirective as BaseDirective3 } from "@eui/components/shared/base";
+import { Component as Component28, HostBinding as HostBinding27, ChangeDetectionStrategy as ChangeDetectionStrategy23, ViewEncapsulation as ViewEncapsulation49, Input as Input16, Output as Output6, EventEmitter as EventEmitter6, ViewChild as ViewChild2, booleanAttribute as booleanAttribute7 } from "@angular/core";
+import { BaseDirective as BaseDirective3 } from "@eui/components/shared";
 import { startWith } from "rxjs";
 import * as i037 from "@angular/core";
 import * as i120 from "@eui/core";
@@ -2441,7 +2591,7 @@ var EuiAppTopMessageComponent = class _EuiAppTopMessageComponent extends BaseDir
     this.ɵfac = i037.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i037, type: _EuiAppTopMessageComponent, deps: [{ token: i120.EuiAppShellService }, { token: i037.ElementRef }, { token: i037.ChangeDetectorRef }, { token: i213.ContentObserver }], target: i037.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i037.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", 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 }], usesInheritance: true, ngImport: i037, 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-svg-button\n        *ngIf="isCloseable"\n        iconSvgName="eui-close"\n        hasFocusBorder\n        (click)="onCloseClick()"\n        ariaLabel="Close top message"\n        class="eui-u-ml-auto">\n    </eui-icon-svg-button>\n</div>\n', styles: [".eui-app-top-message{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:fixed;width:100%;right:0;top:0;z-index:var(--eui-base-z-index-top-message);background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-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-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-app-top-message--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-app-top-message--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-app-top-message--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-app-top-message--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-app-top-message--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-app-top-message--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-app-top-message--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-app-top-message--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message--hidden{display:none}.eui-app-top-message--custom{padding:0}\n"], dependencies: [{ kind: "directive", type: i311.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i46.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["iconSvgName", "iconSvgFillColor", "iconSvgSize", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i037.ChangeDetectionStrategy.Default, encapsulation: i037.ViewEncapsulation.None });
+    this.ɵcmp = i037.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", type: _EuiAppTopMessageComponent, selector: "eui-app-top-message", inputs: { isCloseable: ["isCloseable", "isCloseable", booleanAttribute7], hasCustomContent: ["hasCustomContent", "hasCustomContent", booleanAttribute7], isVisible: "isVisible" }, outputs: { topMessageClose: "topMessageClose" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role" } }, viewQueries: [{ propertyName: "appTopMessage", first: true, predicate: ["appTopMessage"], descendants: true }], usesInheritance: true, ngImport: i037, 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-svg-button\n        *ngIf="isCloseable"\n        iconSvgName="eui-close"\n        hasFocusBorder\n        (click)="onCloseClick()"\n        ariaLabel="Close top message"\n        class="eui-u-ml-auto">\n    </eui-icon-svg-button>\n</div>\n', styles: [".eui-app-top-message{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-s);position:fixed;width:100%;right:0;top:0;z-index:var(--eui-base-z-index-top-message);background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-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-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.eui-app-top-message--primary .eui-icon-svg svg{color:var(--eui-base-color-primary-100-contrast);fill:var(--eui-base-color-primary-100-contrast)}.eui-app-top-message--info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.eui-app-top-message--info .eui-icon-svg svg{color:var(--eui-base-color-info-100-contrast);fill:var(--eui-base-color-info-100-contrast)}.eui-app-top-message--success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.eui-app-top-message--success .eui-icon-svg svg{color:var(--eui-base-color-success-100-contrast);fill:var(--eui-base-color-success-100-contrast)}.eui-app-top-message--warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.eui-app-top-message--warning .eui-icon-svg svg{color:var(--eui-base-color-warning-100-contrast);fill:var(--eui-base-color-warning-100-contrast)}.eui-app-top-message--danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message--danger .eui-icon-svg svg{color:var(--eui-base-color-danger-100-contrast);fill:var(--eui-base-color-danger-100-contrast)}.eui-app-top-message--hidden{display:none}.eui-app-top-message--custom{padding:0}\n"], dependencies: [{ kind: "directive", type: i311.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i46.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["iconSvgName", "iconSvgFillColor", "iconSvgSize", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }], changeDetection: i037.ChangeDetectionStrategy.Default, encapsulation: i037.ViewEncapsulation.None });
   }
 };
 i037.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i037, type: EuiAppTopMessageComponent, decorators: [{
@@ -2458,10 +2608,10 @@ i037.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
   args: ["appTopMessage"]
 }], isCloseable: [{
   type: Input16,
-  args: [{ transform: booleanAttribute6 }]
+  args: [{ transform: booleanAttribute7 }]
 }], hasCustomContent: [{
   type: Input16,
-  args: [{ transform: booleanAttribute6 }]
+  args: [{ transform: booleanAttribute7 }]
 }], isVisible: [{
   type: Input16
 }], topMessageClose: [{
@@ -2494,7 +2644,7 @@ i038.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
 }] });
 
 // eui-search/search.component.mjs
-import { Component as Component29, ViewEncapsulation as ViewEncapsulation51, ContentChildren as ContentChildren4, ChangeDetectionStrategy as ChangeDetectionStrategy25, HostBinding as HostBinding28, Input as Input17, Output as Output7, EventEmitter as EventEmitter7, booleanAttribute as booleanAttribute7 } from "@angular/core";
+import { Component as Component29, ViewEncapsulation as ViewEncapsulation51, ContentChildren as ContentChildren4, ChangeDetectionStrategy as ChangeDetectionStrategy25, HostBinding as HostBinding28, Input as Input17, Output as Output7, EventEmitter as EventEmitter7, booleanAttribute as booleanAttribute8 } from "@angular/core";
 import { EuiTemplateDirective } from "@eui/components/directives";
 import * as i039 from "@angular/core";
 import * as i121 from "@angular/common";
@@ -2567,7 +2717,7 @@ var EuiSearchComponent = class _EuiSearchComponent {
     this.ɵfac = i039.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i039, type: _EuiSearchComponent, deps: [], target: i039.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i039.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", 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: i039, 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 iconClass="eui-icon eui-icon-search"></eui-icon>\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-base-color-primary-110);border-color:var(--eui-base-color-primary-50);border-radius:var(--eui-base-spacing-m)!important;text-overflow:ellipsis;transition:width .25s ease-in-out;color:var(--eui-base-color-white);width:200px}.eui-search .eui-input-text--clearable-icon{display:none}.eui-search--focus .eui-input-text{background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-grey-80);color:var(--eui-base-color-black);width:300px}.eui-search--focus .eui-search__input-button{color:var(--eui-base-color-black)!important}.eui-search--focus .eui-search__icon{display:none}.eui-search__input-button{position:absolute;right:6px;top:6px;color:var(--eui-base-color-grey-15)!important}.eui-search__input-button .eui-icon-svg{z-index:1}.eui-search__input-button:focus .eui-icon-svg svg{color:var(--eui-base-color-black)!important;fill:var(--eui-base-color-black)!important}.eui-search__icon{position:absolute;right:8px;top:10px}.eui-search__icon svg{color:var(--eui-base-color-grey-15)!important;fill:var(--eui-base-color-grey-15)!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: i121.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i121.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i214.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }, { kind: "component", type: i214.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i312.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i47.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: i56.EuiTemplateDirective, selector: "[euiTemplate]", inputs: ["type", "euiTemplate"] }, { kind: "component", type: i63.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: i72.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr", "styleClass"] }, { 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: i039.ChangeDetectionStrategy.Default, encapsulation: i039.ViewEncapsulation.None });
+    this.ɵcmp = i039.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", type: _EuiSearchComponent, selector: "eui-search", inputs: { placeholderLabel: "placeholderLabel", panelWidth: "panelWidth", searchResults: "searchResults", isAutocomplete: ["isAutocomplete", "isAutocomplete", booleanAttribute8], isInputText: ["isInputText", "isInputText", booleanAttribute8], hasSearchButton: ["hasSearchButton", "hasSearchButton", booleanAttribute8], hasExpandAnimation: ["hasExpandAnimation", "hasExpandAnimation", booleanAttribute8] }, outputs: { search: "search", inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], ngImport: i039, 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 iconClass="eui-icon eui-icon-search"></eui-icon>\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-base-color-primary-110);border-color:var(--eui-base-color-primary-50);border-radius:var(--eui-base-spacing-m)!important;text-overflow:ellipsis;transition:width .25s ease-in-out;color:var(--eui-base-color-white);width:200px}.eui-search .eui-input-text--clearable-icon{display:none}.eui-search--focus .eui-input-text{background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-grey-80);color:var(--eui-base-color-black);width:300px}.eui-search--focus .eui-search__input-button{color:var(--eui-base-color-black)!important}.eui-search--focus .eui-search__icon{display:none}.eui-search__input-button{position:absolute;right:6px;top:6px;color:var(--eui-base-color-grey-15)!important}.eui-search__input-button .eui-icon-svg{z-index:1}.eui-search__input-button:focus .eui-icon-svg svg{color:var(--eui-base-color-black)!important;fill:var(--eui-base-color-black)!important}.eui-search__icon{position:absolute;right:8px;top:10px}.eui-search__icon svg{color:var(--eui-base-color-grey-15)!important;fill:var(--eui-base-color-grey-15)!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: i121.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i121.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i214.EuiIconComponent, selector: "div[euiIcon], span[euiIcon], i[euiIcon], eui-icon", inputs: ["aria-label", "iconClass", "isLoading"] }, { kind: "component", type: i214.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading"] }, { kind: "component", type: i312.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap"], outputs: ["buttonClick"] }, { kind: "component", type: i47.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: i56.EuiTemplateDirective, selector: "[euiTemplate]", inputs: ["type", "euiTemplate"] }, { kind: "component", type: i63.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: i72.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr", "styleClass"] }, { 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: i039.ChangeDetectionStrategy.Default, encapsulation: i039.ViewEncapsulation.None });
   }
 };
 i039.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i039, type: EuiSearchComponent, decorators: [{
@@ -2584,16 +2734,16 @@ i039.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
   type: Input17
 }], isAutocomplete: [{
   type: Input17,
-  args: [{ transform: booleanAttribute7 }]
+  args: [{ transform: booleanAttribute8 }]
 }], isInputText: [{
   type: Input17,
-  args: [{ transform: booleanAttribute7 }]
+  args: [{ transform: booleanAttribute8 }]
 }], hasSearchButton: [{
   type: Input17,
-  args: [{ transform: booleanAttribute7 }]
+  args: [{ transform: booleanAttribute8 }]
 }], hasExpandAnimation: [{
   type: Input17,
-  args: [{ transform: booleanAttribute7 }]
+  args: [{ transform: booleanAttribute8 }]
 }], search: [{
   type: Output7
 }], inputFocus: [{
@@ -3374,7 +3524,7 @@ i052.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
 }] } });
 
 // eui-header/header-user-profile/header-user-profile.component.mjs
-import { Component as Component38, ChangeDetectionStrategy as ChangeDetectionStrategy43, HostBinding as HostBinding36, ViewEncapsulation as ViewEncapsulation69, Input as Input21, forwardRef as forwardRef13, ContentChildren as ContentChildren5, ViewChild as ViewChild3, booleanAttribute as booleanAttribute8 } from "@angular/core";
+import { Component as Component38, ChangeDetectionStrategy as ChangeDetectionStrategy43, HostBinding as HostBinding36, ViewEncapsulation as ViewEncapsulation69, Input as Input21, forwardRef as forwardRef13, ContentChildren as ContentChildren5, ViewChild as ViewChild3, booleanAttribute as booleanAttribute9 } from "@angular/core";
 import * as i053 from "@angular/core";
 var EuiHeaderUserProfileComponent = class _EuiHeaderUserProfileComponent {
   constructor() {
@@ -3397,7 +3547,7 @@ var EuiHeaderUserProfileComponent = class _EuiHeaderUserProfileComponent {
     this.ɵfac = i053.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i053, type: _EuiHeaderUserProfileComponent, deps: [], target: i053.ɵɵFactoryTarget.Component });
   }
   static {
-    this.ɵcmp = i053.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", type: _EuiHeaderUserProfileComponent, selector: "eui-header-user-profile", inputs: { isShowUserInfos: ["isShowUserInfos", "isShowUserInfos", booleanAttribute8], hasWelcomeLabel: ["hasWelcomeLabel", "hasWelcomeLabel", booleanAttribute8], isShowAvatarInitials: ["isShowAvatarInitials", "isShowAvatarInitials", booleanAttribute8], hasTabNavigation: ["hasTabNavigation", "hasTabNavigation", booleanAttribute8], welcomeLabel: "welcomeLabel", impersonateLabel: "impersonateLabel", avatarUrl: "avatarUrl", subInfos: "subInfos" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "hasMenuContent", predicate: i053.forwardRef(() => EuiUserProfileMenuComponent), descendants: true }], viewQueries: [{ propertyName: "userProfile", first: true, predicate: ["userProfile"], descendants: true }], ngImport: i053, 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: EuiUserProfileComponent, selector: "eui-user-profile", inputs: ["welcomeLabel", "impersonateLabel", "avatarUrl", "subInfos", "hasMenu", "isShowUserInfos", "hasWelcomeLabel", "isShowAvatarInitials", "hasTabNavigation", "isReverse", "hasToggle", "isHeaderUserProfile"] }], changeDetection: i053.ChangeDetectionStrategy.Default, encapsulation: i053.ViewEncapsulation.None });
+    this.ɵcmp = i053.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.2", 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: i053.forwardRef(() => EuiUserProfileMenuComponent), descendants: true }], viewQueries: [{ propertyName: "userProfile", first: true, predicate: ["userProfile"], descendants: true }], ngImport: i053, 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: EuiUserProfileComponent, selector: "eui-user-profile", inputs: ["welcomeLabel", "impersonateLabel", "avatarUrl", "subInfos", "hasMenu", "isShowUserInfos", "hasWelcomeLabel", "isShowAvatarInitials", "hasTabNavigation", "isReverse", "hasToggle", "isHeaderUserProfile"] }], changeDetection: i053.ChangeDetectionStrategy.Default, encapsulation: i053.ViewEncapsulation.None });
   }
 };
 i053.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i053, type: EuiHeaderUserProfileComponent, decorators: [{
@@ -3413,16 +3563,16 @@ i053.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
   args: ["userProfile"]
 }], isShowUserInfos: [{
   type: Input21,
-  args: [{ transform: booleanAttribute8 }]
+  args: [{ transform: booleanAttribute9 }]
 }], hasWelcomeLabel: [{
   type: Input21,
-  args: [{ transform: booleanAttribute8 }]
+  args: [{ transform: booleanAttribute9 }]
 }], isShowAvatarInitials: [{
   type: Input21,
-  args: [{ transform: booleanAttribute8 }]
+  args: [{ transform: booleanAttribute9 }]
 }], hasTabNavigation: [{
   type: Input21,
-  args: [{ transform: booleanAttribute8 }]
+  args: [{ transform: booleanAttribute9 }]
 }], welcomeLabel: [{
   type: Input21
 }], impersonateLabel: [{
@@ -5073,6 +5223,7 @@ export {
   EuiBreadcrumbItemComponent,
   EuiBreadcrumbModule,
   EuiBreadcrumbService,
+  EuiEuLanguages,
   EuiFooterComponent,
   EuiFooterModule,
   EuiHeaderAppComponent,