@eui/core 18.0.0-rc.4 → 18.0.0-rc.40

package/fesm2022/eui-core.mjs

@@ -1,19 +1,20 @@
+import * as i1 from '@eui/base';
+import { LogLevel, ConsoleAppender, initialAppState, initialUserState, initialNotificationsState, initialI18nState, initialLocaleState, Logger, LoggerMock, xhr, getApiQueue, getApiQueueItem, mergeAll, getI18nLoaderConfig, EuiLazyService, getI18nServiceConfigFromBase, getI18nState, getLastAddedModule, getBrowserDefaultLanguage, EuiEuLanguages, getActiveLang, EuiService, getUserRights, getUserState, getLocaleServiceConfigFromBase, getLocaleState, transformToUxHttpResponse } from '@eui/base';
+export * from '@eui/base';
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, Inject, Injector, NgModule, Optional, APP_INITIALIZER, SkipSelf, ErrorHandler, PLATFORM_ID, LOCALE_ID } from '@angular/core';
+import { InjectionToken, Injectable, PLATFORM_ID, Inject, inject, Injector, NgModule, Optional, APP_INITIALIZER, SkipSelf, ErrorHandler, LOCALE_ID } from '@angular/core';
 import * as extendProxy from 'extend';
-import * as i1$2 from '@eui/base';
-import { LogLevel, ConsoleAppender, initialAppState, initialUserState, initialNotificationsState, initialI18nState, initialLocaleState, Logger, LoggerMock, xhr, getApiQueue, getApiQueueItem, mergeAll, getI18nLoaderConfig, EuiLazyService, getI18nServiceConfigFromBase, getI18nState, getLastAddedModule, getBrowserDefaultLanguage, EuiEuLanguages, getActiveLang, EuiService, getUserRights, getUserState, getLocaleServiceConfigFromBase, getLocaleState, transformToUxHttpResponse } from '@eui/base';
-import * as i1 from '@ngrx/effects';
+import * as i1$1 from '@ngrx/effects';
 import { createEffect, ofType } from '@ngrx/effects';
-import { merge, fromEvent, throwError, of, forkJoin, from, BehaviorSubject, defer, firstValueFrom, ReplaySubject, map as map$1, Subject } from 'rxjs';
+import { merge, fromEvent, of, throwError, forkJoin, from, BehaviorSubject, defer, firstValueFrom, Subject } from 'rxjs';
 import { mapTo, map, mergeMap, tap, debounceTime, distinctUntilChanged, take, switchMap, catchError, concatMap, filter, takeUntil } from 'rxjs/operators';
-import * as i1$1 from '@ngx-translate/core';
+import { isPlatformBrowser, LOCATION_INITIALIZED, DOCUMENT, isPlatformServer, getLocaleId, registerLocaleData } from '@angular/common';
+import * as i1$2 from '@ngx-translate/core';
 import { TranslateLoader } from '@ngx-translate/core';
 import * as i1$3 from '@ngrx/store';
 import { createSelector } from '@ngrx/store';
 import { DateAdapter, MAT_DATE_LOCALE } from '@angular/material/core';
 import { MomentDateAdapter } from '@angular/material-moment-adapter';
-import { LOCATION_INITIALIZED, DOCUMENT, isPlatformBrowser, getLocaleId, registerLocaleData } from '@angular/common';
 import * as i1$5 from '@angular/common/http';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 import * as i1$4 from '@angular/router';
@@ -395,12 +396,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
 class CoreAppEffects {
     constructor(actions, 
     // TODO: remove on eUI 14
-    showConnectionStatus, translateService, asService) {
+    showConnectionStatus, translateService, asService, platformId) {
         this.actions = actions;
         this.showConnectionStatus = showConnectionStatus;
         this.translateService = translateService;
         this.asService = asService;
-        this.getAppConnectionInformation = createEffect(() => merge(fromEvent(window, 'online').pipe(mapTo(true)), fromEvent(window, 'offline').pipe(mapTo(false))).pipe(map((connected) => new UpdateAppConnectionAction(connected))));
+        this.platformId = platformId;
+        this.getAppConnectionInformation = createEffect(() => {
+            if (isPlatformBrowser(this.platformId)) {
+                return merge(fromEvent(window, 'online').pipe(mapTo(true)), fromEvent(window, 'offline').pipe(mapTo(false))).pipe(map((connected) => new UpdateAppConnectionAction(connected)));
+            }
+            else {
+                return of(new UpdateAppConnectionAction(false));
+            }
+        });
         this.activatedRoute = createEffect(() => this.actions.pipe(ofType(CoreAppActionTypes.ACTIVATED_ROUTE), map((action) => action.payload), mergeMap((route) => {
             // extract the module name, if defined
             const module = route.snapshot.data['module'] || 'undefined';
@@ -427,15 +436,18 @@ class CoreAppEffects {
             }
         })), { dispatch: false });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CoreAppEffects, deps: [{ token: i1.Actions }, { token: SHOW_CONNECTION_STATUS_TOKEN }, { token: i1$1.TranslateService }, { token: EuiGrowlService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CoreAppEffects, deps: [{ token: i1$1.Actions }, { token: SHOW_CONNECTION_STATUS_TOKEN }, { token: i1$2.TranslateService }, { token: EuiGrowlService }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CoreAppEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CoreAppEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1.Actions }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1$1.Actions }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [SHOW_CONNECTION_STATUS_TOKEN]
-                }] }, { type: i1$1.TranslateService }, { type: EuiGrowlService }] });
+                }] }, { type: i1$2.TranslateService }, { type: EuiGrowlService }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }] });
 
 const CoreModuleEffects = [CoreAppEffects];
 
@@ -586,19 +598,27 @@ const coreReducers = Object.assign({}, {
 // 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
 const extend = extendProxy.default || extendProxy;
-/**
- * Utility meta-reducer to load the state from the local storage
- * @param reducer the action reducer
- */
-function localStorageSync(reducer) {
-    return cb(reducer, localStorage);
+function localStorageSync(reducer, platformId) {
+    if (platformId) {
+        return (reducer) => {
+            return cb(reducer, isPlatformBrowser(platformId) ? localStorage : null);
+        };
+    }
+    else {
+        const platformId = inject(PLATFORM_ID, { optional: true });
+        return cb(reducer, isPlatformBrowser(platformId) ? localStorage : null);
+    }
 }
-/**
- * Utility meta-reducer to load the state from the session storage
- * @param reducer the action reducer
- */
-function sessionStorageSync(reducer) {
-    return cb(reducer, sessionStorage);
+function sessionStorageSync(reducer, platformId) {
+    if (platformId) {
+        return (reducer) => {
+            return cb(reducer, isPlatformBrowser(platformId) ? sessionStorage : null);
+        };
+    }
+    else {
+        const platformId = inject(PLATFORM_ID, { optional: true });
+        return cb(reducer, isPlatformBrowser(platformId) ? sessionStorage : null);
+    }
 }
 // Keys that are allowed to be synced with NgRx state from BrowserStorage
 const disallowedKeys = ['loadedConfigModules', 'connect', 'currentModule', 'status', 'apiQueue'];
@@ -625,6 +645,9 @@ const filterAppState = (app) => {
  * @param storage Type of storage to load the state from
  */
 const loadState = (storage = localStorage) => {
+    if (!storage) {
+        return undefined;
+    }
     try {
         // by default falls back to localStorage
         const serializedState = storage.getItem('state');
@@ -647,26 +670,27 @@ const cb = (reducer, storage) => (state, action) => {
         // 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.
-        // load the state from the localStorage
-        const localState = loadState(storage);
-        // extract the details about user and app version from the action payload
-        const payload = action.payload;
-        const payloadVersion = payload?.version;
-        if (localState) {
-            // TODO: Why all these checks here? What is the purpose of this code?
-            // extract the details about user and app version from the storage state
-            const localVersion = localState?.app?.version;
-            // const localUserId = localState.user && localState.user.userId;
-            const isVersionOK = !localVersion || !payloadVersion || localVersion === payloadVersion;
-            // const isUserIdOK = (localUserId === payloadUserId);
-            // update the entire state with deep merge of states, if the version and user are the same
-            if (isVersionOK) {
-                state = extend(true, {}, state, localState);
+        if (storage) {
+            // load the state from the localStorage
+            const localState = loadState(storage);
+            // extract the details about user and app version from the action payload
+            const payloadVersion = action.payload?.version;
+            if (localState) {
+                // TODO: Why all these checks here? What is the purpose of this code?
+                // extract the details about user and app version from the storage state
+                const localVersion = localState?.app?.version;
+                // const localUserId = localState.user && localState.user.userId;
+                const isVersionOK = !localVersion || !payloadVersion || localVersion === payloadVersion;
+                // const isUserIdOK = (localUserId === payloadUserId);
+                // update the entire state with deep merge of states, if the version and user are the same
+                if (isVersionOK) {
+                    state = extend(true, {}, state, localState);
+                }
+            }
+            // update the app version, if defined
+            if (payloadVersion) {
+                state = { ...state, app: { ...state?.app, version: payloadVersion } };
             }
-        }
-        // update the app version, if defined
-        if (payloadVersion) {
-            state = { ...state, app: { ...state?.app, version: payloadVersion } };
         }
     }
     return reducer(state, action);
@@ -711,7 +735,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [BASE_LOGGER_NAME_TOKEN]
-                }] }, { type: i1$2.LogLevel, decorators: [{
+                }] }, { type: i1.LogLevel, decorators: [{
                     type: Inject,
                     args: [LOG_LEVEL_TOKEN]
                 }] }, { type: undefined, decorators: [{
@@ -820,23 +844,27 @@ var BrowserStorageType;
 // 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
 class StoreService {
-    constructor(store, logService) {
+    constructor(store, logService, platformId) {
         this.store = store;
         this.logService = logService;
+        this.platformId = platformId;
         /**
          * autoSave handlers to call before saving in local Storage
          */
         this._autoSaveHandlers = {};
-        /** storage instance e.g. localStorage, sessionStorage */
-        this._storage = localStorage;
+        if (isPlatformBrowser(this.platformId)) {
+            this._storage = localStorage;
+        }
     }
     // use init with just version info, to update to user state, UserService.updateState
     // initializeStore(version?: string, userDetails?: BaseUserDetails) {
     //     this.dispatch(new InitStoreAction({ version, userDetails }));
     // }
     init(version, storageType) {
-        this.dispatch(new InitStoreAction({ version }));
-        this._storage = storageType === BrowserStorageType.session ? sessionStorage : localStorage;
+        if (isPlatformBrowser(this.platformId)) {
+            this.dispatch(new InitStoreAction({ version }));
+            this._storage = storageType === BrowserStorageType.session ? sessionStorage : localStorage;
+        }
     }
     addAutoSaveHandler(stateSlice, handler) {
         if (!this.store) {
@@ -904,13 +932,13 @@ class StoreService {
         });
         try {
             const serializedState = JSON.stringify(stateToSave);
-            this._storage.setItem('state', serializedState);
+            this._storage?.setItem('state', serializedState);
         }
         catch (err) {
             // Ignore write errors.
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: StoreService, deps: [{ token: i1$3.Store, optional: true }, { token: LogService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: StoreService, deps: [{ token: i1$3.Store, optional: true }, { token: LogService, optional: true }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: StoreService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: StoreService, decorators: [{
@@ -922,11 +950,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                     type: Optional
                 }] }, { type: LogService, decorators: [{
                     type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
                 }] }] });
 
+const PLATFORM_BROWSER_ID = 'browser';
 class StoreServiceMock extends StoreService {
     constructor() {
-        super(null, null);
+        super(null, null, PLATFORM_BROWSER_ID);
     }
     init() { }
     addAutoSaveHandler() { }
@@ -2044,7 +2076,7 @@ class I18nService extends EuiLazyService {
     updateHTMLDOMLang(lang) {
         this.document.documentElement.lang = lang;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: I18nService, deps: [{ token: GLOBAL_CONFIG_TOKEN }, { token: i1$1.TranslateService }, { token: LogService, optional: true }, { token: StoreService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: I18nService, deps: [{ token: GLOBAL_CONFIG_TOKEN }, { token: i1$2.TranslateService }, { token: LogService, optional: true }, { token: StoreService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: I18nService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: I18nService, decorators: [{
@@ -2055,7 +2087,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [GLOBAL_CONFIG_TOKEN]
-                }] }, { type: i1$1.TranslateService }, { type: LogService, decorators: [{
+                }] }, { type: i1$2.TranslateService }, { type: LogService, decorators: [{
                     type: Optional
                 }] }, { type: StoreService }, { type: Document, decorators: [{
                     type: Inject,
@@ -2102,16 +2134,10 @@ const offset = (nativeEl) => {
     };
 };
 // PRIVATE FUNCTIONS
-// 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
 const getStyle = (nativeEl, cssProp) => {
-    // IE
     /* istanbul ignore if */
-    if (nativeEl.currentStyle) {
-        return nativeEl.currentStyle[cssProp];
-    }
-    if (window.getComputedStyle) {
-        return window.getComputedStyle(nativeEl)[cssProp];
+    if (getComputedStyle(nativeEl)) {
+        return getComputedStyle(nativeEl)[cssProp];
     }
     // finally try and get inline style
     /* istanbul ignore next */
@@ -2303,113 +2329,126 @@ const handleError = (error) => {
 const isDefined = (value) => value !== undefined && value !== null;
 
 class CssUtils {
-    static { this.getCssVarValue = (inputProperty) => {
-        return getComputedStyle(document.documentElement).getPropertyValue(inputProperty);
+    /**
+     * Get the value of a CSS variable. Using getComputedStyle to get the value of the CSS variable (Browser Specific API)
+     * @param inputProperty
+     * @param document
+     * @param platform
+     */
+    static { this.getCssVarValue = (inputProperty, document, platform) => {
+        if (isPlatformServer(platform)) {
+            return document.documentElement.style.getPropertyValue(inputProperty);
+        }
+        else {
+            return getComputedStyle(document.documentElement).getPropertyValue(inputProperty);
+        }
     }; }
-    static { this.setCssVarValue = (propertyName, propertyValue) => {
+    static { this.setCssVarValue = (propertyName, propertyValue, document) => {
         document.documentElement.style.setProperty(propertyName, propertyValue);
     }; }
-    static { this.setCssVar = (inputProperty, outputProperty) => {
-        const cssVarValue = this.getCssVarValue(inputProperty);
-        this.setCssVarValue(outputProperty, cssVarValue);
+    static { this.setCssVar = (inputProperty, outputProperty, document, platform) => {
+        const cssVarValue = this.getCssVarValue(inputProperty, document, platform);
+        this.setCssVarValue(outputProperty, cssVarValue, document);
     }; }
-    static { this.initCssVars = () => {
-        this.setCssVar('--eui-app-header-height-default', '--eui-app-header-height');
-        this.setCssVar('--eui-app-breadcrumb-height-default', '--eui-app-breadcrumb-height');
-        this.setCssVar('--eui-app-top-message-height-default', '--eui-app-top-message-height');
-        this.setCssVar('--eui-app-toolbar-height-default', '--eui-app-toolbar-height');
-        this.setCssVar('--eui-app-sidebar-width-default', '--eui-app-sidebar-width');
-        this.setCssVar('--eui-app-sidebar-width-close-default', '--eui-app-sidebar-width-close');
-        this.setCssVar('--eui-app-sidebar-header-height-default', '--eui-app-sidebar-header-height');
-        this.setCssVar('--eui-app-sidebar-footer-height-default', '--eui-app-sidebar-footer-height');
+    static { this.initCssVars = (document, platform) => {
+        this.setCssVar('--eui-app-header-height-default', '--eui-app-header-height', document, platform);
+        this.setCssVar('--eui-app-breadcrumb-height-default', '--eui-app-breadcrumb-height', document, platform);
+        this.setCssVar('--eui-app-top-message-height-default', '--eui-app-top-message-height', document, platform);
+        this.setCssVar('--eui-app-toolbar-height-default', '--eui-app-toolbar-height', document, platform);
+        this.setCssVar('--eui-app-sidebar-width-default', '--eui-app-sidebar-width', document, platform);
+        this.setCssVar('--eui-app-sidebar-width-close-default', '--eui-app-sidebar-width-close', document, platform);
+        this.setCssVar('--eui-app-sidebar-header-height-default', '--eui-app-sidebar-header-height', document, platform);
+        this.setCssVar('--eui-app-sidebar-footer-height-default', '--eui-app-sidebar-footer-height', document, platform);
     }; }
     // eslint-disable-next-line
-    static { this.getBreakpointValues = () => {
+    static { this.getBreakpointValues = (document, platform) => {
         const breakpoints = [];
-        const xs = this.getCssVarValue('--eui-bp-xs');
+        const xs = this.getCssVarValue('--eui-bp-xs', document, platform);
         breakpoints.push({ bkp: 'xs', pxValue: xs, value: xs.replace('px', '') });
-        const sm = this.getCssVarValue('--eui-bp-sm');
+        const sm = this.getCssVarValue('--eui-bp-sm', document, platform);
         breakpoints.push({ bkp: 'sm', pxValue: sm, value: sm.replace('px', '') });
-        const md = this.getCssVarValue('--eui-bp-md');
+        const md = this.getCssVarValue('--eui-bp-md', document, platform);
         breakpoints.push({ bkp: 'md', pxValue: md, value: md.replace('px', '') });
-        const lg = this.getCssVarValue('--eui-bp-lg');
+        const lg = this.getCssVarValue('--eui-bp-lg', document, platform);
         breakpoints.push({ bkp: 'lg', pxValue: lg, value: lg.replace('px', '') });
-        const xl = this.getCssVarValue('--eui-bp-xl');
+        const xl = this.getCssVarValue('--eui-bp-xl', document, platform);
         breakpoints.push({ bkp: 'xl', pxValue: xl, value: xl.replace('px', '') });
-        const xxl = this.getCssVarValue('--eui-bp-xxl');
+        const xxl = this.getCssVarValue('--eui-bp-xxl', document, platform);
         breakpoints.push({ bkp: 'xxl', pxValue: xxl, value: xxl.replace('px', '') });
-        const fhd = this.getCssVarValue('--eui-bp-fhd');
+        const fhd = this.getCssVarValue('--eui-bp-fhd', document, platform);
         breakpoints.push({ bkp: 'fhd', pxValue: fhd, value: fhd.replace('px', '') });
-        const twok = this.getCssVarValue('--eui-bp-2k');
+        const twok = this.getCssVarValue('--eui-bp-2k', document, platform);
         breakpoints.push({ bkp: '2k', pxValue: twok, value: twok.replace('px', '') });
-        const fourk = this.getCssVarValue('--eui-bp-4k');
+        const fourk = this.getCssVarValue('--eui-bp-4k', document, platform);
         breakpoints.push({ bkp: '4k', pxValue: fourk, value: fourk.replace('px', '') });
         return breakpoints;
     }; }
-    static { this.activateEditModeCssVars = (isActive) => {
+    static { this.activateEditModeCssVars = (isActive, document) => {
         if (isActive) {
-            this.setCssVarValue('--eui-docpage-navigation-z-index', 'inherit'); // Reset doc-page-navigation-column z-index
-            this.setCssVarValue('--eui-z-index-sidebar', 'inherit'); // Reset eui-app-sidebar z-index
-            this.setCssVarValue('--eui-z-index-root', 'inherit'); // Reset eui-app-main-content z-index
+            this.setCssVarValue('--eui-docpage-navigation-z-index', 'inherit', document); // Reset doc-page-navigation-column z-index
+            this.setCssVarValue('--eui-z-index-sidebar', 'inherit', document); // Reset eui-app-sidebar z-index
+            this.setCssVarValue('--eui-z-index-root', 'inherit', document); // Reset eui-app-main-content z-index
         }
         else {
-            this.setCssVarValue('--eui-docpage-navigation-z-index', '2'); // Restore doc-page-navigation-column z-index
-            this.setCssVarValue('--eui-z-index-sidebar', '1044'); // Restore eui-app-sidebar z-index
-            this.setCssVarValue('--eui-z-index-root', '1'); // Restore eui-app-main-content z-index
+            this.setCssVarValue('--eui-docpage-navigation-z-index', '2', document); // Restore doc-page-navigation-column z-index
+            this.setCssVarValue('--eui-z-index-sidebar', '1044', document); // Restore eui-app-sidebar z-index
+            this.setCssVarValue('--eui-z-index-root', '1', document); // Restore eui-app-main-content z-index
         }
     }; }
-    static { this.activateHeaderCssVars = () => {
-        this.setCssVar('--eui-app-header-height-active', '--eui-app-header-height');
+    static { this.activateHeaderCssVars = (document, platform) => {
+        this.setCssVar('--eui-app-header-height-active', '--eui-app-header-height', document, platform);
     }; }
-    static { this.activateBreadcrumbCssVars = () => {
-        this.setCssVar('--eui-app-breadcrumb-height-active', '--eui-app-breadcrumb-height');
+    static { this.activateBreadcrumbCssVars = (document, platform) => {
+        this.setCssVar('--eui-app-breadcrumb-height-active', '--eui-app-breadcrumb-height', document, platform);
     }; }
-    static { this.activateTopMessageCssVars = (height) => {
-        this.setCssVarValue('--eui-app-top-message-height', `${height}px`);
+    static { this.activateTopMessageCssVars = (height, document) => {
+        this.setCssVarValue('--eui-app-top-message-height', `${height}px`, document);
     }; }
-    static { this.activateToolbarCssVars = () => {
-        this.setCssVar('--eui-app-toolbar-height-active', '--eui-app-toolbar-height');
+    static { this.activateToolbarCssVars = (document, platform) => {
+        this.setCssVar('--eui-app-toolbar-height-active', '--eui-app-toolbar-height', document, platform);
     }; }
-    static { this.activateFooterCssVars = () => {
-        this.setCssVar('--eui-app-footer-height-active', '--eui-app-footer-height');
+    static { this.activateFooterCssVars = (document, platform) => {
+        this.setCssVar('--eui-app-footer-height-active', '--eui-app-footer-height', document, platform);
     }; }
-    static { this.setHeaderShrinkCssVar = (active) => {
+    static { this.setHeaderShrinkCssVar = (active, document, platform) => {
         if (active) {
-            this.setCssVar('--eui-app-header-height-shrink', '--eui-app-header-height');
+            this.setCssVar('--eui-app-header-height-shrink', '--eui-app-header-height', document, platform);
         }
         else {
-            this.setCssVar('--eui-app-header-height-active', '--eui-app-header-height');
+            this.setCssVar('--eui-app-header-height-active', '--eui-app-header-height', document, platform);
         }
     }; }
-    static { this.activateSidebarCssVars = () => {
-        this.setCssVar('--eui-app-sidebar-width-active', '--eui-app-sidebar-width');
-        this.setCssVar('--eui-app-sidebar-width-close-active', '--eui-app-sidebar-width-close');
+    static { this.activateSidebarCssVars = (document, platform) => {
+        this.setCssVar('--eui-app-sidebar-width-active', '--eui-app-sidebar-width', document, platform);
+        this.setCssVar('--eui-app-sidebar-width-close-active', '--eui-app-sidebar-width-close', document, platform);
     }; }
-    static { this.removeSidebarCssVars = () => {
+    static { this.removeSidebarCssVars = (document) => {
         document.documentElement.style.removeProperty('--eui-app-sidebar-header-height');
         document.documentElement.style.removeProperty('--eui-app-sidebar-footer-height');
         document.documentElement.style.removeProperty('--eui-app-sidebar-width');
         document.documentElement.style.removeProperty('--eui-app-sidebar-width-close');
     }; }
-    static { this.activateSidebarHeaderCssVars = () => {
-        this.setCssVar('--eui-app-sidebar-header-height-active', '--eui-app-sidebar-header-height');
+    static { this.activateSidebarHeaderCssVars = (document, platform) => {
+        this.setCssVar('--eui-app-sidebar-header-height-active', '--eui-app-sidebar-header-height', document, platform);
     }; }
-    static { this.activateSidebarFooterCssVars = () => {
-        this.setCssVar('--eui-app-sidebar-footer-height-active', '--eui-app-sidebar-footer-height');
+    static { this.activateSidebarFooterCssVars = (document, platform) => {
+        this.setCssVar('--eui-app-sidebar-footer-height-active', '--eui-app-sidebar-footer-height', document, platform);
     }; }
     /**
-     * Gets the viewport height and width and multiple it by 1% to get a value for a vh/vw unit
+     * Gets the viewport height and width and multiply it by 1% to get a value for a vh/vw unit
      * Sets the value in the --eui-app-vh custom property to the root of the document
      * Sets the value in the --eui-app-vw custom property to the root of the document
      * Example for 100% height: calc(var(--eui-app-vh, 1vh) * 100);
      * Example for 50% height: calc(var(--eui-app-vh, 1vh) * 50);
      * Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);
      */
-    static setAppViewportCssVars() {
-        const vh = window.innerHeight * 0.01;
-        const vw = window.innerWidth * 0.01;
-        this.setCssVarValue('--eui-app-vh', `${vh}px`);
-        this.setCssVarValue('--eui-app-vw', `${vw}px`);
+    static setAppViewportCssVars(platform) {
+        if (isPlatformBrowser(platform)) {
+            const vh = window.innerHeight * 0.01;
+            const vw = window.innerWidth * 0.01;
+            this.setCssVarValue('--eui-app-vh', `${vh}px`, document);
+            this.setCssVarValue('--eui-app-vw', `${vw}px`, document);
+        }
     }
 }
 
@@ -2650,11 +2689,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                     type: Optional
                 }] }, { type: StoreService }] });
 
-// TODO: Type of LINK should be UxLink or something relevant. Do we need that service anymore?
-// 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
 class EuiDynamicMenuService {
-    // TODO: it should be moved euiservice, or it should be static
+    // TODO: it should be moved euiService, or it should be static
     // TODO: can we moved that service inside the module of the component that's using it?
     constructor(euiPermission, store) {
         this.euiPermission = euiPermission;
@@ -2779,7 +2815,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
             type: Injectable
         }], ctorParameters: () => [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ApplicationRef }] });
 
-const initialState = {
+const initialState$1 = {
     appName: '',
     appShortName: '',
     appSubTitle: '',
@@ -2895,16 +2931,17 @@ class EuiAppShellService {
             isDimmerActive: isActive,
         });
     }
-    constructor(config, http, platformId, router, storeService, i18nService) {
+    constructor(config, http, platformId, document, router, storeService, i18nService) {
         this.config = config;
         this.http = http;
         this.platformId = platformId;
+        this.document = document;
         this.router = router;
         this.storeService = storeService;
         this.i18nService = i18nService;
-        let stateWithConfig = initialState;
-        const languages = config?.i18n?.i18nService?.languages || initialState.languages;
-        const defaultLanguage = config?.i18n?.i18nService?.defaultLanguage || initialState.activeLanguage;
+        let stateWithConfig = initialState$1;
+        const languages = config?.i18n?.i18nService?.languages || initialState$1.languages;
+        const defaultLanguage = config?.i18n?.i18nService?.defaultLanguage || initialState$1.activeLanguage;
         stateWithConfig = {
             ...stateWithConfig,
             ...{
@@ -2988,14 +3025,14 @@ class EuiAppShellService {
             ...this.state,
             isDimmerActive: !isActive,
         });
-        CssUtils.activateEditModeCssVars(!isActive);
+        CssUtils.activateEditModeCssVars(!isActive, this.document);
     }
     setDimmerActiveState(activeState) {
         this.setState({
             ...this.state,
             isDimmerActive: activeState,
         });
-        CssUtils.activateEditModeCssVars(activeState);
+        CssUtils.activateEditModeCssVars(activeState, this.document);
     }
     // --------------
     // public methods
@@ -3014,42 +3051,42 @@ class EuiAppShellService {
             hasSidebar: true,
         });
         if (!this.state.isSidebarHidden) {
-            CssUtils.activateSidebarCssVars();
+            CssUtils.activateSidebarCssVars(this.document, this.platformId);
         }
     }
     activateSidebarHeader() {
-        CssUtils.activateSidebarHeaderCssVars();
+        CssUtils.activateSidebarHeaderCssVars(this.document, this.platformId);
     }
     activateSidebarFooter() {
-        CssUtils.activateSidebarFooterCssVars();
+        CssUtils.activateSidebarFooterCssVars(this.document, this.platformId);
     }
     activateHeader() {
         this.setState({
             ...this.state,
             hasHeader: true,
         });
-        CssUtils.activateHeaderCssVars();
+        CssUtils.activateHeaderCssVars(this.document, this.platformId);
     }
     activateBreadcrumb() {
         this.setState({
             ...this.state,
             hasBreadcrumb: true,
         });
-        CssUtils.activateBreadcrumbCssVars();
+        CssUtils.activateBreadcrumbCssVars(this.document, this.platformId);
     }
     activateTopMessage(height) {
         this.setState({
             ...this.state,
             hasTopMessage: true,
         });
-        CssUtils.activateTopMessageCssVars(height);
+        CssUtils.activateTopMessageCssVars(height, this.document);
     }
     activateToolbar() {
         this.setState({
             ...this.state,
             hasToolbar: true,
         });
-        CssUtils.activateToolbarCssVars();
+        CssUtils.activateToolbarCssVars(this.document, this.platformId);
     }
     activateToolbarMenu() {
         this.setState({
@@ -3061,7 +3098,7 @@ class EuiAppShellService {
      * Returns the current value of --eui-f-size-base CSS variable
      */
     getBaseFontSize() {
-        return this.state.appBaseFontSize || CssUtils.getCssVarValue('--eui-f-size-base');
+        return this.state.appBaseFontSize || CssUtils.getCssVarValue('--eui-f-size-base', this.document, this.platformId);
     }
     /**
      * Updates the current value of --eui-f-size-base CSS variable and the UIState appBaseFontSize
@@ -3071,7 +3108,7 @@ class EuiAppShellService {
             ...this.state,
             appBaseFontSize: newsize,
         }, false);
-        CssUtils.setCssVarValue('--eui-f-size-base', newsize);
+        CssUtils.setCssVarValue('--eui-f-size-base', newsize, this.document);
     }
     // ---------------
     // private getters
@@ -3106,7 +3143,7 @@ class EuiAppShellService {
         if (this.state.breakpointValues.length === 0) {
             this.setState({
                 ...this.state,
-                breakpointValues: CssUtils.getBreakpointValues(),
+                breakpointValues: CssUtils.getBreakpointValues(this.document, this.platformId),
             });
         }
         this.state.breakpointValues.forEach((b, i) => {
@@ -3157,7 +3194,7 @@ class EuiAppShellService {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiAppShellService, deps: [{ token: GLOBAL_CONFIG_TOKEN, optional: true }, { token: i1$5.HttpClient }, { token: PLATFORM_ID }, { token: i1$4.Router }, { token: StoreService }, { token: I18nService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiAppShellService, deps: [{ token: GLOBAL_CONFIG_TOKEN, optional: true }, { token: i1$5.HttpClient }, { token: PLATFORM_ID }, { token: DOCUMENT }, { token: i1$4.Router }, { token: StoreService }, { token: I18nService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiAppShellService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiAppShellService, decorators: [{
@@ -3173,6 +3210,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                 }] }, { type: i1$5.HttpClient }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [PLATFORM_ID]
+                }] }, { type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
                 }] }, { type: i1$4.Router }, { type: StoreService }, { type: I18nService, decorators: [{
                     type: Optional
                 }] }] });
@@ -3893,46 +3933,204 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
 
 var EuiTheme;
 (function (EuiTheme) {
-    EuiTheme["EC"] = "ec";
-    EuiTheme["EU"] = "eu";
-    EuiTheme["EUI"] = "eui";
+    EuiTheme["DEFAULT"] = "default";
+    EuiTheme["ECL_EC"] = "ecl-ec";
+    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["COMPACT"] = "compact";
 })(EuiTheme || (EuiTheme = {}));
+;
+;
+const initialState = {
+    themes: [
+        { name: EuiTheme.DEFAULT, isActive: false, styleSheet: null, cssClass: null },
+        { name: EuiTheme.ECL_EC, isActive: false, styleSheet: 'eui-ecl-ec.css', cssClass: null },
+        { name: EuiTheme.ECL_EC_RTL, isActive: false, styleSheet: 'eui-ecl-ec-rtl.css', cssClass: null },
+        { name: EuiTheme.ECL_EU, isActive: false, styleSheet: 'eui-ecl-eu.css', cssClass: null },
+        { name: EuiTheme.ECL_EU_RTL, isActive: false, styleSheet: 'eui-ecl-eu-rtl.css', cssClass: null },
+        { name: EuiTheme.EUI_LEGACY, isActive: false, styleSheet: null, cssClass: 'eui-t-eui-legacy' },
+        { name: EuiTheme.EUI_LEGACY_HC, isActive: false, styleSheet: null, cssClass: 'eui-t-high-contrast' },
+        { name: EuiTheme.DARK, isActive: false, styleSheet: null, cssClass: 'eui-t-dark' },
+        { name: EuiTheme.COMPACT, isActive: false, styleSheet: null, cssClass: 'eui-t-compact' },
+    ],
+    theme: {
+        isDefault: false,
+        isEclEc: false,
+        isEclEcRtl: false,
+        isEclEu: false,
+        isEclEuRtl: false,
+        isEuiLegacy: false,
+        isEuiLegacyHc: false,
+        isDark: false,
+        isCompact: false,
+    },
+};
 class EuiThemeService {
-    constructor(config) {
+    constructor(document, config, asService) {
+        this.document = document;
         this.config = config;
-        this.theme = EuiTheme.EC;
-        this.themeSubject = new ReplaySubject();
-        this.theme$ = this.themeSubject.asObservable();
-        this.isEU$ = this.theme$.pipe(map$1((theme) => EuiTheme.EU === theme));
-        this.isEC$ = this.theme$.pipe(map$1((theme) => EuiTheme.EC === theme));
-        const theme = this.config?.eui?.theme || EuiTheme.EC;
-        this.setTheme(theme);
+        this.asService = asService;
+        this._state$ = new BehaviorSubject(initialState);
+        const themeName = this.config?.eui?.theme || EuiTheme.DEFAULT;
+        this.setActiveTheme(themeName, true);
+    }
+    get state$() {
+        return this._state$.asObservable();
+    }
+    get state() {
+        return this._state$.getValue();
+    }
+    isDefault() {
+        return this.state.theme.isDefault;
+    }
+    isEclEc() {
+        return this.state.theme.isEclEc;
+    }
+    isEclEcRtl() {
+        return this.state.theme.isEclEcRtl;
+    }
+    isEclEu() {
+        return this.state.theme.isEclEu;
     }
-    isECTheme() {
-        return EuiTheme.EC === this.theme;
+    isEclEuRtl() {
+        return this.state.theme.isEclEuRtl;
     }
-    isEUTheme() {
-        return EuiTheme.EU === this.theme;
+    isEuiLegacy() {
+        return this.state.theme.isEuiLegacy;
+    }
+    isEuiLegacyHc() {
+        return this.state.theme.isEuiLegacyHc;
+    }
+    isDark() {
+        return this.state.theme.isDark;
+    }
+    isCompact() {
+        return this.state.theme.isCompact;
+    }
+    setActiveTheme(theme, isActive) {
+        const themes = this.state.themes;
+        const themeIdx = themes.findIndex(t => t.name === theme);
+        if (themeIdx < 0) {
+            throw new Error('NO_THEME_FOUND');
+        }
+        else {
+            themes[themeIdx].isActive = isActive;
+            const themeFound = themes[themeIdx];
+            const status = initialState.theme;
+            switch (theme) {
+                case EuiTheme.DEFAULT: {
+                    status.isDefault = isActive;
+                    break;
+                }
+                case EuiTheme.ECL_EC: {
+                    status.isEclEc = isActive;
+                    break;
+                }
+                case EuiTheme.ECL_EC_RTL: {
+                    status.isEclEcRtl = isActive;
+                    break;
+                }
+                case EuiTheme.ECL_EU: {
+                    status.isEclEu = isActive;
+                    break;
+                }
+                case EuiTheme.ECL_EU_RTL: {
+                    status.isEclEuRtl = isActive;
+                    break;
+                }
+                case EuiTheme.DARK: {
+                    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;
+                    break;
+                }
+            }
+            this._state$.next({
+                themes,
+                theme: status,
+            });
+            this._renderTheme(themeFound, isActive);
+        }
     }
-    getTheme() {
-        return this.theme;
+    _renderTheme(themeFound, isActive) {
+        if (themeFound.name === EuiTheme.COMPACT) {
+            if (isActive) {
+                this.asService.setBaseFontSize('14px');
+            }
+            else {
+                this.asService.setBaseFontSize('16px');
+            }
+        }
+        else if (themeFound.name === EuiTheme.ECL_EC_RTL || themeFound.name === EuiTheme.ECL_EU_RTL) {
+            const rtlLink = this.document.getElementById('rtl-theme');
+            this._renderThemeCss(themeFound, isActive, rtlLink);
+        }
+        else {
+            const themeLink = this.document.getElementById('eui-theme');
+            this._renderThemeCss(themeFound, isActive, themeLink);
+        }
     }
-    setTheme(theme) {
-        this.theme = theme;
-        this.themeSubject.next(theme);
+    _renderThemeCss(themeFound, isActive, link) {
+        const head = this.document.getElementsByTagName('head')[0];
+        if (isActive) {
+            if (themeFound.cssClass) {
+                document.querySelector('html').classList.add(themeFound.cssClass);
+            }
+            if (themeFound.styleSheet) {
+                if (link) {
+                    link.href = themeFound.styleSheet;
+                }
+                else {
+                    const style = this.document.createElement('link');
+                    style.id = 'eui-theme';
+                    style.rel = 'stylesheet';
+                    style.href = `assets/${themeFound.styleSheet}`;
+                    head.appendChild(style);
+                }
+            }
+        }
+        else {
+            if (themeFound.cssClass) {
+                document.querySelector('html').classList.remove(themeFound.cssClass);
+            }
+            if (themeFound.styleSheet) {
+                if (link) {
+                    link.media = '';
+                }
+            }
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiThemeService, deps: [{ token: GLOBAL_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiThemeService, deps: [{ token: DOCUMENT }, { token: GLOBAL_CONFIG_TOKEN, optional: true }, { token: EuiAppShellService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiThemeService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiThemeService, decorators: [{
             type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [GLOBAL_CONFIG_TOKEN]
-                }] }] });
+                }] }, { type: EuiAppShellService }] });
 
 /**
  * Generic storage service. Concrete storage services must extend this class
@@ -4000,9 +4198,10 @@ class AsyncStorageServiceMock extends AsyncStorageService {
  */
 class LocalStorageService extends StorageService {
     static { this.NAME = 'LocalStorageService'; }
-    constructor(log) {
+    constructor(log, platformId) {
         super();
         this.log = log;
+        this.platformId = platformId;
     }
     /**
      * the name of the storage service
@@ -4018,15 +4217,17 @@ class LocalStorageService extends StorageService {
     // 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
     get(key) {
-        try {
-            const serialized = localStorage.getItem(key);
-            return serialized && JSON.parse(serialized);
-        }
-        catch (err) {
-            if (this.log) {
-                this.log.error(this.name(), 'get', err);
+        if (isPlatformBrowser(this.platformId)) {
+            try {
+                const serialized = localStorage.getItem(key);
+                return serialized && JSON.parse(serialized);
+            }
+            catch (err) {
+                if (this.log) {
+                    this.log.error(this.name(), 'get', err);
+                }
+                return undefined;
             }
-            return undefined;
         }
     }
     /**
@@ -4037,13 +4238,15 @@ class LocalStorageService extends StorageService {
     // 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
     set(key, value) {
-        try {
-            const serialized = JSON.stringify(value);
-            localStorage.setItem(key, serialized);
-        }
-        catch (err) {
-            if (this.log) {
-                this.log.error(this.name(), 'set', err);
+        if (isPlatformBrowser(this.platformId)) {
+            try {
+                const serialized = JSON.stringify(value);
+                localStorage.setItem(key, serialized);
+            }
+            catch (err) {
+                if (this.log) {
+                    this.log.error(this.name(), 'set', err);
+                }
             }
         }
     }
@@ -4052,22 +4255,27 @@ class LocalStorageService extends StorageService {
      * @param key the associated key
      */
     remove(key) {
-        try {
-            localStorage.removeItem(key);
-        }
-        catch (err) {
-            if (this.log) {
-                this.log.error(this.name(), 'remove', err);
+        if (isPlatformBrowser(this.platformId)) {
+            try {
+                localStorage.removeItem(key);
+            }
+            catch (err) {
+                if (this.log) {
+                    this.log.error(this.name(), 'remove', err);
+                }
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: LocalStorageService, deps: [{ token: LogService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: LocalStorageService, deps: [{ token: LogService, optional: true }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: LocalStorageService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: LocalStorageService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: LogService, decorators: [{
                     type: Optional
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
                 }] }] });
 
 /**
@@ -4267,6 +4475,7 @@ const LOCALE_ID_MAPPER = new InjectionToken('localeIdMapper');
  *  - Updating the Angular LOCALE_ID token.
  *
  * @template T - Extends LocaleState, representing the state structure for locales.
+ * @template L - The type of the locale data.
  * @extends EuiService<T | LocaleState>
  */
 class LocaleService extends EuiService {
@@ -4921,12 +5130,12 @@ class AddLangParamInterceptor {
             params: req.params.set(langParam, langValue),
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: AddLangParamInterceptor, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: AddLangParamInterceptor, deps: [{ token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: AddLangParamInterceptor }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: AddLangParamInterceptor, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$1.TranslateService }] });
+        }], ctorParameters: () => [{ type: i1$2.TranslateService }] });
 
 class CachePreventionInterceptor {
     intercept(req, next) {
@@ -5078,11 +5287,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                     args: [UX_ERROR_MAPPING_HANDLER_TOKEN]
                 }] }] });
 
-/* CORE MODULES */
+/* 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, CoreAppEffects, CoreI18nActionTypes, CoreLocaleActionTypes, CoreModule, CoreModuleEffects, 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, 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, getGlobalConfig, getHttpErrorHandlingConfig, getModuleConfig, getRootLogConfig, getShowConnectionStatus, getViewElement, handleError, isDefined, loadEuiDynamicEnvironmentConfig, loadState, localForage, localStorageSync, markControlsTouched, markFormGroupTouched, mergeAppHandlerConfigToAppConfig, mergeAppJsonConfigToAppConfig, offset, parentOffsetEl, position, preInitApp, prepareEuiAppConfigToken, 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, CoreAppEffects, CoreI18nActionTypes, CoreLocaleActionTypes, CoreModule, CoreModuleEffects, 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, getGlobalConfig, getHttpErrorHandlingConfig, getModuleConfig, getRootLogConfig, getShowConnectionStatus, getViewElement, handleError, isDefined, loadEuiDynamicEnvironmentConfig, loadState, localForage, localStorageSync, markControlsTouched, markFormGroupTouched, mergeAppHandlerConfigToAppConfig, mergeAppJsonConfigToAppConfig, offset, parentOffsetEl, position, preInitApp, prepareEuiAppConfigToken, coreReducers as reducers, sessionStorageSync, translateConfig, uniqueId, validateEmail };
 //# sourceMappingURL=eui-core.mjs.map