@eui/core 23.0.0-alpha.1 → 23.0.0-alpha.10

package/fesm2022/eui-core.mjs

@@ -1,7 +1,7 @@
 import { ConsoleAppender, LogLevel, initialAppState, initialUserState, initialNotificationsState, initialI18nState, initialLocaleState, Logger, LoggerMock, initialCoreState, xhr, mergeAll, getI18nLoaderConfig, EuiLazyService, getI18nServiceConfigFromBase, getBrowserDefaultLanguage, EuiEuLanguages, EuiService, getUserState, getLocaleServiceConfigFromBase, transformToUxHttpResponse } from '@eui/base';
 export * from '@eui/base';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, PLATFORM_ID, Injectable, Injector, NgModule, Optional, SkipSelf, provideAppInitializer, ErrorHandler, ApplicationRef, LOCALE_ID } from '@angular/core';
+import { InjectionToken, inject, PLATFORM_ID, Injectable, Injector, NgModule, Optional, SkipSelf, provideAppInitializer, ErrorHandler, ApplicationRef, LOCALE_ID, signal, Pipe, ElementRef, Input, Directive } from '@angular/core';
 import { deepmerge } from 'deepmerge-ts';
 import { isPlatformBrowser, LOCATION_INITIALIZED, DOCUMENT, isPlatformServer, getLocaleId, registerLocaleData } from '@angular/common';
 import { BehaviorSubject, of, forkJoin, from, Subject, defer, firstValueFrom } from 'rxjs';
@@ -12,7 +12,7 @@ import { MomentDateAdapter } from '@angular/material-moment-adapter';
 import { HttpErrorResponse, HttpClient, HttpResponse } from '@angular/common/http';
 import { Router } from '@angular/router';
 import { createSelector } from 'reselect';
-import { TranslateLoader, TranslateService } from '@ngx-translate/core';
+import { provideTranslateLoader, TranslateService, TranslateLoader } from '@ngx-translate/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { By } from '@angular/platform-browser';
 import { FormGroup, FormArray } from '@angular/forms';
@@ -536,24 +536,60 @@ const coreReducers = Object.assign({}, {
 function localStorageSync(reducer, platformId) {
     if (platformId) {
         return (reducer) => {
-            return cb(reducer, isPlatformBrowser(platformId) ? localStorage : null);
+            let storage = null;
+            if (isPlatformBrowser(platformId)) {
+                try {
+                    storage = localStorage;
+                }
+                catch (e) {
+                    /* blocked */
+                }
+            }
+            return cb(reducer, storage);
         };
     }
     else {
         const platformId = inject(PLATFORM_ID, { optional: true });
-        return cb(reducer, isPlatformBrowser(platformId) ? localStorage : null);
+        let storage = null;
+        if (isPlatformBrowser(platformId)) {
+            try {
+                storage = localStorage;
+            }
+            catch (e) {
+                /* blocked */
+            }
+        }
+        return cb(reducer, storage);
     }
 }
 // eslint-disable-next-line
 function sessionStorageSync(reducer, platformId) {
     if (platformId) {
         return (reducer) => {
-            return cb(reducer, isPlatformBrowser(platformId) ? sessionStorage : null);
+            let storage = null;
+            if (isPlatformBrowser(platformId)) {
+                try {
+                    storage = sessionStorage;
+                }
+                catch (e) {
+                    /* blocked */
+                }
+            }
+            return cb(reducer, storage);
         };
     }
     else {
         const platformId = inject(PLATFORM_ID, { optional: true });
-        return cb(reducer, isPlatformBrowser(platformId) ? sessionStorage : null);
+        let storage = null;
+        if (isPlatformBrowser(platformId)) {
+            try {
+                storage = sessionStorage;
+            }
+            catch (e) {
+                /* blocked */
+            }
+        }
+        return cb(reducer, storage);
     }
 }
 // Keys that are allowed to be synced with NgRx state from BrowserStorage
@@ -582,7 +618,7 @@ const filterAppState = (app) => {
  * @param storage Type of storage to load the state from
  * @deprecated it will be removed in the next major version
  */
-const loadState = (storage = localStorage) => {
+const loadState = (storage = null) => {
     if (!storage) {
         return undefined;
     }
@@ -669,10 +705,10 @@ class LogService extends Logger {
         }
         return logger;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LogService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LogService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LogService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -770,11 +806,11 @@ class LogModule {
             ],
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: LogModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LogModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: LogModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LogModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LogModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LogModule, decorators: [{
             type: NgModule
         }] });
 
@@ -796,7 +832,13 @@ class StoreService {
         this._autoSaveHandlers = {};
         this.isHandlingAutoSave = false;
         if (isPlatformBrowser(this.platformId)) {
-            this._storage = localStorage;
+            try {
+                this._storage = localStorage;
+            }
+            catch (e) {
+                // Storage access blocked (e.g. Firefox Enhanced Tracking Protection)
+                this._storage = null;
+            }
         }
         const initialState = {};
         this.state = new BehaviorSubject(initialState);
@@ -813,7 +855,13 @@ class StoreService {
             // We load the state from a storage and compare the version and userId with the provided ones.
             // If they are the same, we merge the local state into the initial state.
             // If there is a mismatch, we don't merge the local state, but update only the initial state.
-            this._storage = storageType === BrowserStorageType.session ? sessionStorage : localStorage;
+            try {
+                this._storage = storageType === BrowserStorageType.session ? sessionStorage : localStorage;
+            }
+            catch (e) {
+                // Storage access blocked (e.g. Firefox Enhanced Tracking Protection)
+                this._storage = null;
+            }
             // load the state from the localStorage
             let localState = loadState(this._storage);
             localState = { ...localState, app: { ...localState?.app, version } };
@@ -917,10 +965,10 @@ class StoreService {
     isObject(item) {
         return item && typeof item === 'object' && !Array.isArray(item);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: StoreService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: StoreService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: StoreService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: StoreService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: StoreService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: StoreService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -938,10 +986,10 @@ class StoreServiceMock extends StoreService {
     select() {
         return of({});
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: StoreServiceMock, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: StoreServiceMock }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: StoreServiceMock, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: StoreServiceMock }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: StoreServiceMock, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: StoreServiceMock, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -1034,11 +1082,11 @@ class CoreModule {
             storeService.updateState({ moduleName, moduleConfig }, AddAppLoadedConfigModules);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: CoreModule }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CoreModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: CoreModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CoreModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CoreModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CoreModule, decorators: [{
             type: NgModule
         }], ctorParameters: () => [] });
 const createEuiCoreRootGuard = (core) => {
@@ -1184,10 +1232,10 @@ class GlobalErrorHandler extends ErrorHandler {
         // throw error;
         super.handleError(error);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: GlobalErrorHandler, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: GlobalErrorHandler, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: GlobalErrorHandler, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: GlobalErrorHandler, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: GlobalErrorHandler, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: GlobalErrorHandler, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1239,10 +1287,10 @@ class HttpErrorHandlerInterceptor {
         // return the first matching route, if any
         return routes.length > 0 ? routes[0] : null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: HttpErrorHandlerInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: HttpErrorHandlerInterceptor }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: HttpErrorHandlerInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: HttpErrorHandlerInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: HttpErrorHandlerInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: HttpErrorHandlerInterceptor, decorators: [{
             type: Injectable
         }] });
 
@@ -1365,10 +1413,10 @@ class EuiGrowlService {
     growlInfo(msg, position) {
         this.growl({ severity: 'info', summary: 'INFO', detail: msg }, false, false, undefined, position);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiGrowlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiGrowlService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiGrowlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiGrowlService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiGrowlService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiGrowlService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1728,10 +1776,10 @@ class ApiQueueService {
     buildHttpRequest(id, item) {
         return this.http[item.method.toLowerCase()](item.uri, item.payload).pipe(tap(() => this.removeQueueItem(id)));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ApiQueueService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ApiQueueService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ApiQueueService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ApiQueueService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ApiQueueService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: ApiQueueService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1759,6 +1807,36 @@ class ApiQueueServiceMock extends ApiQueueService {
     }
 }
 
+/**
+ * Converts legacy ngx-translate interpolations ({{var}}) to ICU-compatible format ({var}).
+ * Double braces are never valid ICU syntax, so any {{word}} is guaranteed to be legacy.
+ */
+function convertLegacyInterpolations(value) {
+    return value.replace(/\{\{(\w+)\}\}/g, '{$1}');
+}
+/**
+ * Recursively walks a translation object and converts all legacy {{var}} interpolations
+ * to ICU-compatible {var} format in string leaf values.
+ */
+function transformTranslations(translations) {
+    if (translations == null || typeof translations !== 'object') {
+        return translations;
+    }
+    const result = {};
+    for (const [key, value] of Object.entries(translations)) {
+        if (typeof value === 'string') {
+            result[key] = convertLegacyInterpolations(value);
+        }
+        else if (value != null && typeof value === 'object' && !Array.isArray(value)) {
+            result[key] = transformTranslations(value);
+        }
+        else {
+            result[key] = value;
+        }
+    }
+    return result;
+}
+
 class I18nResourceImpl {
     /**
      * Resource constructor
@@ -1817,6 +1895,8 @@ class I18nLoader {
         const i18nConfig = this.euiAppConfig.global && this.euiAppConfig.global.i18n;
         const i18nLoaderConfig = i18nConfig && i18nConfig.i18nLoader;
         this.resources.push(...this.createResources(i18nLoaderConfig));
+        // Auto-detect ICU mode from config
+        this.icuEnabled = !!(i18nConfig && i18nConfig.icuEnabled);
     }
     /**
      * Gets the translations from the server
@@ -1827,7 +1907,8 @@ class I18nLoader {
     getTranslation(lang) {
         return this.loadResources(this.resources, lang).pipe(map((loadedResources) => {
             this.failedResources = loadedResources.hasError ? loadedResources.errors : [];
-            return loadedResources.translations;
+            const translations = loadedResources.translations;
+            return this.icuEnabled ? transformTranslations(translations) : translations;
         }));
     }
     /**
@@ -1971,17 +2052,14 @@ class I18nLoader {
         }
         return undefined;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: I18nLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: I18nLoader }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: I18nLoader, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: I18nLoader }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: I18nLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: I18nLoader, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 const translateConfig = {
-    loader: {
-        provide: TranslateLoader,
-        useClass: I18nLoader,
-    },
+    loader: provideTranslateLoader(I18nLoader),
 };
 
 const getLastAddedModule = (state) => state.app.loadedConfigModules.lastAddedModule;
@@ -1992,6 +2070,7 @@ class I18nService extends EuiLazyService {
         this.baseGlobalConfig = inject(GLOBAL_CONFIG_TOKEN);
         this.translateService = inject(TranslateService);
         this.logService = inject(LogService, { optional: true });
+        this.translateLoader = inject(TranslateLoader);
         this.store = inject(StoreService);
         this.document = inject(DOCUMENT);
         this.subNotifier = new Subject();
@@ -2090,7 +2169,7 @@ class I18nService extends EuiLazyService {
     addResources(config, moduleName) {
         // emit that module is loading
         this.onModuleLoad.next({ ready: false, name: moduleName });
-        const loader = this.translateService.currentLoader;
+        const loader = this.translateLoader;
         if (loader instanceof I18nLoader) {
             // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -2099,13 +2178,13 @@ class I18nService extends EuiLazyService {
             // add the resources to the loader
             const resources = i18nLoader.addResources(config);
             // manually load the resources for the CURRENT language and add them to the translate service
-            langSubscription.push(i18nLoader.loadResources(resources, this.translateService.currentLang).pipe(take(1), tap((loadedResources) => {
+            langSubscription.push(i18nLoader.loadResources(resources, this.translateService.currentLang()).pipe(take(1), tap((loadedResources) => {
                 // add the new set of translations to the current language
-                this.translateService.setTranslation(this.translateService.currentLang, loadedResources.translations, true);
+                this.translateService.setTranslation(this.translateService.currentLang(), loadedResources.translations, true);
             })));
             // if the current language is different from the DEFAULT language
-            const defaultLang = this.config.defaultLanguage || this.translateService.defaultLang;
-            if (this.translateService.currentLang !== defaultLang) {
+            const defaultLang = this.config.defaultLanguage || this.translateService.fallbackLang();
+            if (this.translateService.currentLang() !== defaultLang) {
                 // manually load the resources for the default language and add them to the translation service
                 langSubscription.push(i18nLoader.loadResources(resources, defaultLang).pipe(take(1), tap((loadedResources) => {
                     this.translateService.setTranslation(defaultLang, loadedResources.translations, true);
@@ -2157,8 +2236,8 @@ class I18nService extends EuiLazyService {
                 this.setDefaultLanguage(this.config.defaultLanguage);
             }
         }), map(() => {
-            if (this.translateService.currentLoader instanceof I18nLoader) {
-                const failedResources = this.translateService.currentLoader.getFailedResources();
+            if (this.translateLoader instanceof I18nLoader) {
+                const failedResources = this.translateLoader.getFailedResources();
                 if (failedResources.length > 0) {
                     return { success: false, error: failedResources };
                 }
@@ -2170,7 +2249,7 @@ class I18nService extends EuiLazyService {
         this.getState((s) => s.activeLang)
             .pipe(takeUntil(this.subNotifier))
             .subscribe((lang) => {
-            if (lang !== null && this.translateService.currentLang !== lang) {
+            if (lang !== null && this.translateService.currentLang() !== lang) {
                 this.use(lang);
             }
         });
@@ -2188,7 +2267,7 @@ class I18nService extends EuiLazyService {
     setDefaultLanguage(defaultLanguage) {
         // removed, current language is already calculated in init, setup function fill use it directly, not default
         // this.translateService.currentLang = default_language || this.config.defaultLanguage;
-        this.translateService.setDefaultLang(defaultLanguage);
+        this.translateService.setFallbackLang(defaultLanguage);
         if (this.logService) {
             this.logService.info(`I18n default language set to ${defaultLanguage}`);
         }
@@ -2213,10 +2292,10 @@ class I18nService extends EuiLazyService {
     updateHTMLDOMLang(lang) {
         this.document.documentElement.lang = lang;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: I18nService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: I18nService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: I18nService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: I18nService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: I18nService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: I18nService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2734,7 +2813,7 @@ class EuiPermissionService extends EuiService {
      */
     getState() {
         const getUserState = (state) => state.user;
-        const getUserRights = createSelector(getUserState, (state) => state.rights);
+        const getUserRights = createSelector(getUserState, (state) => state?.rights ?? []);
         return this.store.select(getUserRights);
     }
     /**
@@ -2849,10 +2928,10 @@ class EuiPermissionService extends EuiService {
         }
         return rights.every((right) => this.userRights.find((uRight) => uRight.id === right.id));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiPermissionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiPermissionService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiPermissionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiPermissionService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiPermissionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiPermissionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2910,10 +2989,10 @@ class EuiDynamicMenuService {
             return true;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiDynamicMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiDynamicMenuService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiDynamicMenuService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiDynamicMenuService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiDynamicMenuService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiDynamicMenuService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2978,10 +3057,10 @@ class EuiDynamicComponentService {
             parent: this.injector,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiDynamicComponentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiDynamicComponentService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiDynamicComponentService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiDynamicComponentService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiDynamicComponentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiDynamicComponentService, decorators: [{
             type: Injectable
         }] });
 
@@ -2992,6 +3071,7 @@ const initialState$1 = {
     appBaseFontSize: '',
     isSidebarOpen: true,
     isSidebarActive: false,
+    hasFixedPosition: true,
     hasSidebar: false,
     hasSideContainer: false,
     hasHeader: false,
@@ -3332,6 +3412,12 @@ class EuiAppShellService {
         if (state.deviceInfo?.isChrome) {
             classes.push('chrome');
         }
+        if (state.hasFixedPosition) {
+            classes.push('fixed-position');
+        }
+        else {
+            classes.push('relative-position');
+        }
         return classes.join(' ');
     }
     getBreakpoint(windowWidth) {
@@ -3389,10 +3475,10 @@ class EuiAppShellService {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiAppShellService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiAppShellService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiAppShellService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiAppShellService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiAppShellService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiAppShellService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -4106,10 +4192,10 @@ class EuiTimezoneService {
     getTimezone(tz) {
         return EUI_TIMEZONES.find((item) => item.name === tz);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiTimezoneService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiTimezoneService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiTimezoneService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiTimezoneService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiTimezoneService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiTimezoneService, decorators: [{
             type: Injectable
         }] });
 
@@ -4120,11 +4206,9 @@ var EuiTheme;
     EuiTheme["ECL_EC_RTL"] = "ecl-ec-rtl";
     EuiTheme["ECL_EU"] = "ecl-eu";
     EuiTheme["ECL_EU_RTL"] = "ecl-eu-rtl";
-    EuiTheme["EUI_LEGACY"] = "eui-legacy";
-    EuiTheme["EUI_LEGACY_HC"] = "eui-legacy-high-contrast";
     EuiTheme["DARK"] = "dark";
+    EuiTheme["HIGH_CONTRAST"] = "high-contrast";
     EuiTheme["COMPACT"] = "compact";
-    EuiTheme["DS2025"] = "ds2025";
 })(EuiTheme || (EuiTheme = {}));
 ;
 ;
@@ -4136,6 +4220,7 @@ const initialState = {
         { name: EuiTheme.ECL_EU, isActive: false, styleSheet: 'eui-ecl-eu.css', cssClass: null },
         { name: EuiTheme.ECL_EU_RTL, isActive: false, styleSheet: 'eui-ecl-eu.css', cssClass: null },
         { name: EuiTheme.DARK, isActive: false, styleSheet: null, cssClass: 'eui-t-dark' },
+        { name: EuiTheme.HIGH_CONTRAST, isActive: false, styleSheet: null, cssClass: 'eui-t-high-contrast' },
         { name: EuiTheme.COMPACT, isActive: false, styleSheet: null, cssClass: 'eui-t-compact' },
     ],
     theme: {
@@ -4145,6 +4230,7 @@ const initialState = {
         isEclEu: false,
         isEclEuRtl: false,
         isDark: false,
+        isHighContrast: false,
         isCompact: false,
     },
 };
@@ -4178,21 +4264,15 @@ class EuiThemeService {
     isEclEuRtl() {
         return this.state.theme.isEclEuRtl;
     }
-    isEuiLegacy() {
-        return this.state.theme.isEuiLegacy;
-    }
-    isEuiLegacyHc() {
-        return this.state.theme.isEuiLegacyHc;
-    }
     isDark() {
         return this.state.theme.isDark;
     }
+    isHighContrast() {
+        return this.state.theme.isHighContrast;
+    }
     isCompact() {
         return this.state.theme.isCompact;
     }
-    isDs2025() {
-        return this.state.theme.isDs2025;
-    }
     setActiveTheme(theme, isActive) {
         const themes = this.state.themes;
         const themeIdx = themes.findIndex(t => t.name === theme);
@@ -4228,20 +4308,12 @@ class EuiThemeService {
                     status.isDark = isActive;
                     break;
                 }
-                case EuiTheme.COMPACT: {
-                    status.isCompact = isActive;
-                    break;
-                }
-                case EuiTheme.EUI_LEGACY: {
-                    status.isEuiLegacy = isActive;
-                    break;
-                }
-                case EuiTheme.EUI_LEGACY_HC: {
-                    status.isEuiLegacyHc = isActive;
+                case EuiTheme.HIGH_CONTRAST: {
+                    status.isHighContrast = isActive;
                     break;
                 }
-                case EuiTheme.DS2025: {
-                    status.isDs2025 = isActive;
+                case EuiTheme.COMPACT: {
+                    status.isCompact = isActive;
                     break;
                 }
             }
@@ -4304,10 +4376,10 @@ class EuiThemeService {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiThemeService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiThemeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiThemeService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiThemeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiThemeService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -4448,10 +4520,10 @@ class LocalStorageService extends StorageService {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LocalStorageService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LocalStorageService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LocalStorageService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LocalStorageService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LocalStorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LocalStorageService, decorators: [{
             type: Injectable
         }] });
 
@@ -4521,10 +4593,10 @@ class SessionStorageService extends StorageService {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SessionStorageService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SessionStorageService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SessionStorageService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SessionStorageService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SessionStorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: SessionStorageService, decorators: [{
             type: Injectable
         }] });
 
@@ -4627,10 +4699,10 @@ class LocalForageService extends AsyncStorageService {
             },
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LocalForageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LocalForageService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LocalForageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LocalForageService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LocalForageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LocalForageService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -4835,10 +4907,10 @@ class LocaleService extends EuiService {
             return false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LocaleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LocaleService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LocaleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LocaleService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LocaleService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LocaleService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -4869,10 +4941,10 @@ class LocaleServiceMock extends LocaleService {
         this.DEFAULT_LOCALE = state.id || 'en';
         return of({ success: true });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LocaleServiceMock, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LocaleServiceMock }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LocaleServiceMock, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LocaleServiceMock }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LocaleServiceMock, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: LocaleServiceMock, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -5163,10 +5235,10 @@ class EuiLoaderService {
             this.loadStyle(dependency);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiLoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiLoaderService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiLoaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiLoaderService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuiLoaderService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuiLoaderService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -5228,10 +5300,10 @@ class UserService extends EuiService {
     getSignal() {
         return this.state;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: UserService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: UserService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: UserService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -5251,10 +5323,10 @@ class UserServiceMock extends UserService {
     updateState(userState, reducer) {
         /* empty */
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: UserServiceMock, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: UserServiceMock }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserServiceMock, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserServiceMock }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: UserServiceMock, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UserServiceMock, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -5275,7 +5347,7 @@ class AddLangParamInterceptor {
             return next.handle(req);
         }
         // take the current language from the translate service
-        const langValue = this.translateService.currentLang;
+        const langValue = this.translateService.currentLang();
         return next.handle(req.clone({
             // remove the lang param header from headers
             headers: req.headers.delete(LANG_PARAM_KEY),
@@ -5283,10 +5355,10 @@ class AddLangParamInterceptor {
             params: req.params.set(langParam, langValue),
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AddLangParamInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AddLangParamInterceptor }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AddLangParamInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AddLangParamInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: AddLangParamInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: AddLangParamInterceptor, decorators: [{
             type: Injectable
         }] });
 
@@ -5302,10 +5374,10 @@ class CachePreventionInterceptor {
             headers: req.headers.set('Cache-Control', 'No-Cache'),
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CachePreventionInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CachePreventionInterceptor }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CachePreventionInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CachePreventionInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CachePreventionInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CachePreventionInterceptor, decorators: [{
             type: Injectable
         }] });
 
@@ -5315,10 +5387,10 @@ class CorsSecurityInterceptor {
             withCredentials: true,
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CorsSecurityInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CorsSecurityInterceptor }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CorsSecurityInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CorsSecurityInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CorsSecurityInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CorsSecurityInterceptor, decorators: [{
             type: Injectable
         }] });
 
@@ -5328,10 +5400,10 @@ class CsrfPreventionInterceptor {
             headers: request.headers.set('X-Requested-With', 'XMLHttpRequest'),
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CsrfPreventionInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CsrfPreventionInterceptor }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CsrfPreventionInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CsrfPreventionInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: CsrfPreventionInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CsrfPreventionInterceptor, decorators: [{
             type: Injectable
         }] });
 
@@ -5398,10 +5470,10 @@ class EuLoginSessionTimeoutHandlingInterceptor {
     reauthenticate() {
         document.location.reload();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuLoginSessionTimeoutHandlingInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuLoginSessionTimeoutHandlingInterceptor }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuLoginSessionTimeoutHandlingInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuLoginSessionTimeoutHandlingInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EuLoginSessionTimeoutHandlingInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: EuLoginSessionTimeoutHandlingInterceptor, decorators: [{
             type: Injectable
         }] });
 
@@ -5425,18 +5497,127 @@ class UxRequestErrorModelInterceptor {
             return of(err);
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: UxRequestErrorModelInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: UxRequestErrorModelInterceptor }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UxRequestErrorModelInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UxRequestErrorModelInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: UxRequestErrorModelInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: UxRequestErrorModelInterceptor, decorators: [{
             type: Injectable
         }] });
 
+/* istanbul ignore file */
+const TRANSLATED_STRING = 'i18n';
+const DEFAULT_LANGUAGE = 'en';
+class TranslateServiceMock {
+    constructor() {
+        this.onLangChangeSubject = new Subject();
+        this.onTranslationChangeSubject = new Subject();
+        this.onFallbackLangChangeSubject = new Subject();
+        this.isLoadedSubject = new BehaviorSubject(true);
+        this.onLangChange = this.onLangChangeSubject.asObservable();
+        this.onTranslationChange = this.onTranslationChangeSubject.asObservable();
+        this.onFallbackLangChange = this.onFallbackLangChangeSubject.asObservable();
+        this.isLoaded = this.isLoadedSubject.asObservable();
+        this.currentLang = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currentLang" }] : /* istanbul ignore next */ []));
+        this.languages = [DEFAULT_LANGUAGE];
+    }
+    get(content) {
+        return of(TRANSLATED_STRING + content);
+    }
+    use(lang) {
+        this.currentLang.set(lang);
+        this.onLangChangeSubject.next({ lang });
+    }
+    addLangs(langs) {
+        this.languages = [...this.languages, ...langs];
+    }
+    getBrowserLang() {
+        return DEFAULT_LANGUAGE;
+    }
+    getLangs() {
+        return this.languages;
+    }
+    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    getTranslation() {
+        return of({});
+    }
+    instant(key) {
+        return TRANSLATED_STRING + key.toString();
+    }
+    setFallbackLang(lang) {
+        this.onFallbackLangChangeSubject.next(lang);
+    }
+}
+class TranslateMockPipe {
+    transform(text) {
+        return !text ? TRANSLATED_STRING : `${text}-${TRANSLATED_STRING}`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TranslateMockPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: TranslateMockPipe, isStandalone: true, name: "translate" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TranslateMockPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'translate' }]
+        }] });
+/* eslint-disable @typescript-eslint/no-explicit-any */
+class TranslateMockDirective {
+    constructor() {
+        this._element = inject(ElementRef);
+    }
+    ngAfterViewChecked() {
+        this._element.nativeElement.innerText += TRANSLATED_STRING;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TranslateMockDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: TranslateMockDirective, isStandalone: true, selector: "[translate]", inputs: { translateParams: "translateParams" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TranslateMockDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/directive-selector
+                    selector: '[translate]',
+                }]
+        }], propDecorators: { translateParams: [{
+                type: Input
+            }] } });
+class TranslateMockModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TranslateMockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: TranslateMockModule, imports: [TranslateMockPipe, TranslateMockDirective], exports: [TranslateMockPipe, TranslateMockDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TranslateMockModule, providers: [{ provide: TranslateService, useClass: TranslateServiceMock }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TranslateMockModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [TranslateMockPipe, TranslateMockDirective],
+                    exports: [TranslateMockPipe, TranslateMockDirective],
+                    providers: [{ provide: TranslateService, useClass: TranslateServiceMock }],
+                }]
+        }] });
+
+class EuiAppShellServiceMock {
+    constructor() {
+        this.breakpointSubject = new BehaviorSubject('');
+        this.breakpoints$ = this.breakpointSubject.asObservable();
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.state$ = of({});
+        this.appRouter = {
+            navigate: (url) => url,
+        };
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    getState() {
+        return of({});
+    }
+    consumeEvent() {
+        /* empty */
+    }
+}
+
 /* BASE PACKAGE */
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ActivatedRouteAction, AddApiQueueItemAction, AddAppLoadedConfigModulesAction, AddLangParamInterceptor, AlertHttpErrorCallbackFn, ApiQueueService, ApiQueueServiceMock, AsyncStorageService, AsyncStorageServiceMock, BASE_LOGGER_NAME_TOKEN, BASE_NAME_TOKEN, BrowserStorageType, CONFIG_TOKEN, CORE_ROOT_GUARD, CachePreventionInterceptor, ConsoleHttpErrorCallbackFn, CoreAppActionTypes, CoreI18nActionTypes, CoreLocaleActionTypes, CoreModule, CoreNotificationsActionTypes, CoreUserActionTypes, CorsSecurityInterceptor, CsrfPreventionInterceptor, CssUtils, DYNAMIC_COMPONENT_CONFIG, EUI_CONFIG_TOKEN, EUI_COUNTRIES, EUI_TIMEZONES, EmptyApiQueueAction, ErrorSubClass, EuLoginSessionTimeoutHandlingInterceptor, EuiAppShellService, EuiCoreRootGuardClass, EuiDynamicComponentService, EuiDynamicMenuService, EuiError, EuiGrowlService, EuiLoaderService, EuiPermissionService, EuiTheme, EuiThemeService, EuiTimezoneService, GLOBAL_CONFIG_TOKEN, GlobalErrorHandler, GrowlHttpErrorCallbackFn, HTTP_ERROR_HANDLER_CONFIG_TOKEN, HttpErrorHandlerInterceptor, I18nLoader, I18nResourceImpl, I18nService, InitStoreAction, LANG_PARAM_KEY, LOCALE_ID_MAPPER, LOCAL_FORAGE_SERVICE_CONFIG_TOKEN, LOG_APPENDERS_TOKEN, LOG_LEVEL_TOKEN, LocalForageService, LocalStorageService, LocaleService, LocaleServiceMock, LogHttpErrorCallbackFn, LogModule, LogService, LogServiceMock, MODULE_CONFIG_TOKEN, MODULE_NAME_TOKEN, PLATFORM_BROWSER_ID, ROOT_LOG_CONFIG_TOKEN, RemoveApiQueueItemAction, SHOW_CONNECTION_STATUS_TOKEN, SessionStorageService, Status, StorageService, StorageServiceMock, StoreService, StoreServiceMock, UX_ERROR_MAPPING_HANDLER_TOKEN, UpdateAppConnectionAction, UpdateAppStatusAction, UpdateAppVersionAction, UpdateCurrentModuleAction, UpdateI18nStateAction, UpdateLocaleStateAction, UpdateNotificationsListAction, UpdateUserDashboardAction, UpdateUserDetailsAction, UpdateUserPreferencesAction, UpdateUserRightsAction, UpdateUserStateAction, UserService, UserServiceMock, UxRequestErrorModelInterceptor, closestMatchingParent, consumeEvent, corI18nReducers, coreAppReducers, coreLocaleReducers, coreNotificationsReducers, coreUserReducers, createEuiCoreRootGuard, diffDays, diffDaysFromToday, errorCodes, euiCoreRootGuardClass, formatNumber, getCoreChildProviders, getCoreProviders, getDependencyProviders, getGlobalConfig, getHttpErrorHandlingConfig, getModuleConfig, getRootLogConfig, getShowConnectionStatus, getViewElement, handleError, injectOptional, isDefined, loadEuiDynamicEnvironmentConfig, loadState, localForage, localStorageSync, markControlsTouched, markFormGroupTouched, mergeAppHandlerConfigToAppConfig, mergeAppJsonConfigToAppConfig, offset, parentOffsetEl, position, preInitApp, prepareEuiAppConfigToken, provideEuiInitializer, coreReducers as reducers, sessionStorageSync, translateConfig, uniqueId, validateEmail };
+export { ActivatedRouteAction, AddApiQueueItemAction, AddAppLoadedConfigModulesAction, AddLangParamInterceptor, AlertHttpErrorCallbackFn, ApiQueueService, ApiQueueServiceMock, AsyncStorageService, AsyncStorageServiceMock, BASE_LOGGER_NAME_TOKEN, BASE_NAME_TOKEN, BrowserStorageType, CONFIG_TOKEN, CORE_ROOT_GUARD, CachePreventionInterceptor, ConsoleHttpErrorCallbackFn, CoreAppActionTypes, CoreI18nActionTypes, CoreLocaleActionTypes, CoreModule, CoreNotificationsActionTypes, CoreUserActionTypes, CorsSecurityInterceptor, CsrfPreventionInterceptor, CssUtils, DEFAULT_LANGUAGE, DYNAMIC_COMPONENT_CONFIG, EUI_CONFIG_TOKEN, EUI_COUNTRIES, EUI_TIMEZONES, EmptyApiQueueAction, ErrorSubClass, EuLoginSessionTimeoutHandlingInterceptor, EuiAppShellService, EuiAppShellServiceMock, EuiCoreRootGuardClass, EuiDynamicComponentService, EuiDynamicMenuService, EuiError, EuiGrowlService, EuiLoaderService, EuiPermissionService, EuiTheme, EuiThemeService, EuiTimezoneService, GLOBAL_CONFIG_TOKEN, GlobalErrorHandler, GrowlHttpErrorCallbackFn, HTTP_ERROR_HANDLER_CONFIG_TOKEN, HttpErrorHandlerInterceptor, I18nLoader, I18nResourceImpl, I18nService, InitStoreAction, LANG_PARAM_KEY, LOCALE_ID_MAPPER, LOCAL_FORAGE_SERVICE_CONFIG_TOKEN, LOG_APPENDERS_TOKEN, LOG_LEVEL_TOKEN, LocalForageService, LocalStorageService, LocaleService, LocaleServiceMock, LogHttpErrorCallbackFn, LogModule, LogService, LogServiceMock, MODULE_CONFIG_TOKEN, MODULE_NAME_TOKEN, PLATFORM_BROWSER_ID, ROOT_LOG_CONFIG_TOKEN, RemoveApiQueueItemAction, SHOW_CONNECTION_STATUS_TOKEN, SessionStorageService, Status, StorageService, StorageServiceMock, StoreService, StoreServiceMock, TRANSLATED_STRING, TranslateMockDirective, TranslateMockModule, TranslateMockPipe, TranslateServiceMock, UX_ERROR_MAPPING_HANDLER_TOKEN, UpdateAppConnectionAction, UpdateAppStatusAction, UpdateAppVersionAction, UpdateCurrentModuleAction, UpdateI18nStateAction, UpdateLocaleStateAction, UpdateNotificationsListAction, UpdateUserDashboardAction, UpdateUserDetailsAction, UpdateUserPreferencesAction, UpdateUserRightsAction, UpdateUserStateAction, UserService, UserServiceMock, UxRequestErrorModelInterceptor, closestMatchingParent, consumeEvent, convertLegacyInterpolations, corI18nReducers, coreAppReducers, coreLocaleReducers, coreNotificationsReducers, coreUserReducers, createEuiCoreRootGuard, diffDays, diffDaysFromToday, errorCodes, euiCoreRootGuardClass, formatNumber, getCoreChildProviders, getCoreProviders, getDependencyProviders, getGlobalConfig, getHttpErrorHandlingConfig, getModuleConfig, getRootLogConfig, getShowConnectionStatus, getViewElement, handleError, injectOptional, isDefined, loadEuiDynamicEnvironmentConfig, loadState, localForage, localStorageSync, markControlsTouched, markFormGroupTouched, mergeAppHandlerConfigToAppConfig, mergeAppJsonConfigToAppConfig, offset, parentOffsetEl, position, preInitApp, prepareEuiAppConfigToken, provideEuiInitializer, coreReducers as reducers, sessionStorageSync, transformTranslations, translateConfig, uniqueId, validateEmail };
 //# sourceMappingURL=eui-core.mjs.map