@eui/core 19.0.0-next.13 → 19.0.0-next.15

package/fesm2022/eui-core.mjs

@@ -1,32 +1,32 @@
 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';
+import { LogLevel, ConsoleAppender, 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, Injectable, PLATFORM_ID, Inject, inject, Injector, NgModule, Optional, APP_INITIALIZER, SkipSelf, ErrorHandler, LOCALE_ID } from '@angular/core';
+import { InjectionToken, inject, PLATFORM_ID, Injectable, Inject, Injector, NgModule, signal, computed, runInInjectionContext, Optional, SkipSelf, provideAppInitializer, ErrorHandler, LOCALE_ID } from '@angular/core';
 import * as extendProxy from 'extend';
-import * as i1$1 from '@ngrx/effects';
-import { createEffect, ofType } from '@ngrx/effects';
-import { merge, fromEvent, of, throwError, forkJoin, from, BehaviorSubject, defer, firstValueFrom, Subject } from 'rxjs';
-import { map, mergeMap, tap, debounceTime, distinctUntilChanged, take, switchMap, catchError, concatMap, filter, takeUntil } from 'rxjs/operators';
 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 { filter, debounceTime, distinctUntilChanged, tap, take, map, switchMap, catchError, concatMap, takeUntil } from 'rxjs/operators';
+import { toObservable } from '@angular/core/rxjs-interop';
+import { isEqual } from 'lodash';
+import { of, forkJoin, from, Subject, BehaviorSubject, defer, firstValueFrom } from 'rxjs';
 import { DateAdapter, MAT_DATE_LOCALE } from '@angular/material/core';
 import { MomentDateAdapter } from '@angular/material-moment-adapter';
-import * as i1$5 from '@angular/common/http';
+import * as i1$2 from '@angular/common/http';
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
-import * as i1$4 from '@angular/router';
+import * as i1$1 from '@angular/router';
 import { NavigationEnd } from '@angular/router';
+import { createSelector } from 'reselect';
+import * as i1$3 from '@ngx-translate/core';
+import { TranslateLoader } from '@ngx-translate/core';
 import { By } from '@angular/platform-browser';
 import { FormGroup, FormArray } from '@angular/forms';
 import { DomPortalOutlet, ComponentPortal, PortalInjector } from '@angular/cdk/portal';
-import isEqual from 'lodash-es/isEqual';
+import isEqual$1 from 'lodash-es/isEqual';
 import get from 'lodash-es/get';
 import * as lf from 'localforage';
 import localeFr from '@angular/common/locales/fr';
 import localeEl from '@angular/common/locales/el';
+import { of as of$1 } from 'rxjs/internal/observable/of';
 
 /** default log configuration */
 const DEFAULT_LOG_CONFIG = {
@@ -158,6 +158,9 @@ function mergeAppJsonConfigToAppConfig(euiAppConfig, envAppJsonConfig, merge, is
     return Object.assign({}, euiAppConfig, envAppJsonConfig, deepMerged);
 }
 
+/**
+ * @deprecated it will be removed in the next major version
+ */
 var CoreAppActionTypes;
 (function (CoreAppActionTypes) {
     CoreAppActionTypes["INIT_STORE"] = "[App] Init store";
@@ -171,60 +174,90 @@ var CoreAppActionTypes;
     CoreAppActionTypes["REMOVE_API_QUEUE_ITEM"] = "[App] Remove API queue item";
     CoreAppActionTypes["EMPTY_API_QUEUE"] = "[App] empty API queue";
 })(CoreAppActionTypes || (CoreAppActionTypes = {}));
+/**
+ * @deprecated it will be removed in the next major version
+ */
 class InitStoreAction {
     constructor(payload) {
         this.payload = payload;
         this.type = CoreAppActionTypes.INIT_STORE;
     }
 }
+/**
+ * @deprecated it will be removed in the next major version
+ */
 class UpdateAppVersionAction {
     constructor(payload) {
         this.payload = payload;
         this.type = CoreAppActionTypes.UPDATE_APP_VERSION;
     }
 }
+/**
+ * @deprecated it will be removed in the next major version
+ */
 class UpdateAppConnectionAction {
     constructor(payload) {
         this.payload = payload;
         this.type = CoreAppActionTypes.UPDATE_APP_CONNECTION;
     }
 }
+/**
+ * @deprecated it will be removed in the next major version
+ */
 class AddAppLoadedConfigModulesAction {
     constructor(payload) {
         this.payload = payload;
         this.type = CoreAppActionTypes.ADD_APP_LOADED_CONFIG_MODULES;
     }
 }
+/**
+ * @deprecated it will be removed in the next major version
+ */
 class UpdateAppStatusAction {
     constructor(payload) {
         this.payload = payload;
         this.type = CoreAppActionTypes.UPDATE_APP_STATUS;
     }
 }
+/**
+ * @deprecated it will be removed in the next major version
+ */
 class UpdateCurrentModuleAction {
     constructor(payload) {
         this.payload = payload;
         this.type = CoreAppActionTypes.UPDATE_CURRENT_MODULE;
     }
 }
+/**
+ * @deprecated it will be removed in the next major version
+ */
 class ActivatedRouteAction {
     constructor(payload) {
         this.payload = payload;
         this.type = CoreAppActionTypes.ACTIVATED_ROUTE;
     }
 }
+/**
+ * @deprecated it will be removed in the next major version
+ */
 class AddApiQueueItemAction {
     constructor(payload) {
         this.payload = payload;
         this.type = CoreAppActionTypes.ADD_API_QUEUE_ITEM;
     }
 }
+/**
+ * @deprecated it will be removed in the next major version
+ */
 class RemoveApiQueueItemAction {
     constructor(payload) {
         this.payload = payload;
         this.type = CoreAppActionTypes.REMOVE_API_QUEUE_ITEM;
     }
 }
+/**
+ * @deprecated it will be removed in the next major version
+ */
 class EmptyApiQueueAction {
     // 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
@@ -234,10 +267,16 @@ class EmptyApiQueueAction {
     }
 }
 
+/**
+ * @deprecated it will be removed in the next major version
+ */
 var CoreI18nActionTypes;
 (function (CoreI18nActionTypes) {
     CoreI18nActionTypes["UPDATE_I18N_STATE"] = "[I18n] Update I18n State";
 })(CoreI18nActionTypes || (CoreI18nActionTypes = {}));
+/**
+ * @deprecated it will be removed in the next major version
+ */
 class UpdateI18nStateAction {
     constructor(payload) {
         this.payload = payload;
@@ -245,6 +284,9 @@ class UpdateI18nStateAction {
     }
 }
 
+/**
+ * @deprecated it will be removed in the next major version
+ */
 var CoreUserActionTypes;
 (function (CoreUserActionTypes) {
     CoreUserActionTypes["UPDATE_USER_STATE"] = "[User] Update User state";
@@ -253,30 +295,45 @@ var CoreUserActionTypes;
     CoreUserActionTypes["UPDATE_USER_RIGHTS"] = "[User] Update rights";
     CoreUserActionTypes["UPDATE_USER_DASHBOARD"] = "[User] Update dashboard";
 })(CoreUserActionTypes || (CoreUserActionTypes = {}));
+/**
+ * @deprecated it will be removed in the next major version
+ */
 class UpdateUserStateAction {
     constructor(payload) {
         this.payload = payload;
         this.type = CoreUserActionTypes.UPDATE_USER_STATE;
     }
 }
+/**
+ * @deprecated it will be removed in the next major version
+ */
 class UpdateUserDetailsAction {
     constructor(payload) {
         this.payload = payload;
         this.type = CoreUserActionTypes.UPDATE_USER_DETAILS;
     }
 }
+/**
+ * @deprecated it will be removed in the next major version
+ */
 class UpdateUserPreferencesAction {
     constructor(payload) {
         this.payload = payload;
         this.type = CoreUserActionTypes.UPDATE_USER_PREFERENCES;
     }
 }
+/**
+ * @deprecated it will be removed in the next major version
+ */
 class UpdateUserRightsAction {
     constructor(payload) {
         this.payload = payload;
         this.type = CoreUserActionTypes.UPDATE_USER_RIGHTS;
     }
 }
+/**
+ * @deprecated it will be removed in the next major version
+ */
 class UpdateUserDashboardAction {
     constructor(payload) {
         this.payload = payload;
@@ -284,10 +341,16 @@ class UpdateUserDashboardAction {
     }
 }
 
+/**
+ * @deprecated it will be removed in the next major version
+ */
 var CoreNotificationsActionTypes;
 (function (CoreNotificationsActionTypes) {
     CoreNotificationsActionTypes["UPDATE_NOTIFICATIONS_LIST"] = "[Notif] Update list";
 })(CoreNotificationsActionTypes || (CoreNotificationsActionTypes = {}));
+/**
+ * @deprecated it will be removed in the next major version
+ */
 class UpdateNotificationsListAction {
     // 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
@@ -297,10 +360,16 @@ class UpdateNotificationsListAction {
     }
 }
 
+/**
+ * @deprecated it will be removed in the next major version
+ */
 var CoreLocaleActionTypes;
 (function (CoreLocaleActionTypes) {
     CoreLocaleActionTypes["UPDATE_LOCALE_STATE"] = "[Locale] Update Locale State";
 })(CoreLocaleActionTypes || (CoreLocaleActionTypes = {}));
+/**
+ * @deprecated it will be removed in the next major version
+ */
 class UpdateLocaleStateAction {
     constructor(payload) {
         this.payload = payload;
@@ -308,150 +377,8 @@ class UpdateLocaleStateAction {
     }
 }
 
-class EuiGrowlService {
-    constructor() {
-        this.growlMessages = [];
-        this.isGrowlSticky = false;
-        this.isCloseAllSticky = false;
-        this.growlLife = 3000;
-        this.growlPosition = 'bottom-right';
-        this.growlCallback = null;
-    }
-    /**
-     * displays a growl UxMessage item, isSticky
-     */
-    growl(msg, isSticky, isMultiple, life, position, callback) {
-        if (msg.severity !== 'info' && msg.severity !== 'warning' && msg.severity !== 'success' && msg.severity !== 'danger') {
-            throw new Error('EuiGrowlService.growl() ERROR : message severity must be either : success, warning, info, danger');
-        }
-        else {
-            if (isMultiple === undefined || !isMultiple) {
-                this.growlMessages = [];
-            }
-            this.growlMessages = this.growlMessages.concat(msg);
-            msg.life = life || msg.life;
-            msg.sticky = isSticky || msg.sticky;
-            if (life === undefined || isNaN(life)) {
-                if (msg.severity === 'danger') {
-                    isSticky = true;
-                }
-                else {
-                    this.growlLife = 3000;
-                }
-            }
-            else {
-                this.growlLife = life;
-            }
-            if (isSticky) {
-                this.isGrowlSticky = isSticky;
-            }
-            else {
-                this.isGrowlSticky = false;
-            }
-            if (position) {
-                this.growlPosition = position;
-            }
-            if (callback) {
-                this.growlCallback = callback;
-            }
-        }
-    }
-    clearGrowl() {
-        this.growlMessages = [];
-    }
-    growlSuccess(msg, position) {
-        this.growl({ severity: 'success', summary: 'SUCCESS', detail: msg }, false, false, undefined, position);
-    }
-    growlError(msg, position) {
-        this.growl({ severity: 'danger', summary: 'ERROR', detail: msg }, false, false, undefined, position);
-    }
-    growlWarning(msg, position) {
-        this.growl({ severity: 'warning', summary: 'WARNING', detail: msg }, false, false, undefined, position);
-    }
-    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: "19.0.0", ngImport: i0, type: EuiGrowlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiGrowlService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiGrowlService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-class CoreAppEffects {
-    constructor(actions, 
-    // TODO: remove on eUI 14
-    showConnectionStatus, translateService, asService, platformId) {
-        this.actions = actions;
-        this.showConnectionStatus = showConnectionStatus;
-        this.translateService = translateService;
-        this.asService = asService;
-        this.platformId = platformId;
-        this.getAppConnectionInformation = createEffect(() => {
-            if (isPlatformBrowser(this.platformId)) {
-                return merge(fromEvent(window, 'online').pipe(map(() => true)), fromEvent(window, 'offline').pipe(map(() => 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';
-            return [new UpdateCurrentModuleAction(module)];
-        })));
-        this.updateAppConnection = createEffect(() => this.actions.pipe(ofType(CoreAppActionTypes.UPDATE_APP_CONNECTION), map((action) => action.payload), tap((connected) => {
-            // check if feature is enabled
-            const isFeatureEnabled = this.showConnectionStatus?.enabled;
-            // extract lifespan if any
-            const lifespan = this.showConnectionStatus?.messageBox?.lifespan || 0;
-            // if the user needs to be informed about the connection status
-            if (isFeatureEnabled) {
-                if (connected) {
-                    this.translateService.get('eui.CONNECTED').subscribe((translation) => {
-                        this.asService.growl({ severity: 'success', summary: 'MESSAGE', detail: translation, life: lifespan }, lifespan < 1, false);
-                    });
-                }
-                else {
-                    this.translateService.get('eui.NOTCONNECTED').subscribe((translation) => {
-                        this.asService.growl({ severity: 'danger', summary: 'ERROR', detail: translation, life: lifespan }, lifespan < 1, false);
-                    });
-                }
-            }
-        })), { dispatch: false });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.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: "19.0.0", ngImport: i0, type: CoreAppEffects }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CoreAppEffects, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: i1$1.Actions }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [SHOW_CONNECTION_STATUS_TOKEN]
-                }] }, { type: i1$2.TranslateService }, { type: EuiGrowlService }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [PLATFORM_ID]
-                }] }] });
-
-const CoreModuleEffects = [CoreAppEffects];
-
 const updateAppVersion = (state, action) => ({ ...state, version: action.payload });
 const updateAppConnection = (state, action) => ({ ...state, connected: action.payload });
-const AddAppLoadedConfigModules = (state, action) => ({
-    ...state,
-    loadedConfigModules: {
-        lastAddedModule: action.payload.moduleName,
-        modulesConfig: {
-            ...state.loadedConfigModules.modulesConfig,
-            [action.payload.moduleName]: {
-                ...action.payload.moduleConfig,
-            },
-        },
-    },
-});
 const updateAppStatus = (state, action) => ({ ...state, status: action.payload });
 const updateCurrentModule = (state, action) => Object.assign({}, state, { currentModule: action.payload });
 const addApiQueueItem = (state, action) => {
@@ -477,13 +404,15 @@ Object.assign({}, state, { apiQueue: {} });
 const actionToReducerMap$4 = {
     [CoreAppActionTypes.UPDATE_APP_VERSION]: updateAppVersion,
     [CoreAppActionTypes.UPDATE_APP_CONNECTION]: updateAppConnection,
-    [CoreAppActionTypes.ADD_APP_LOADED_CONFIG_MODULES]: AddAppLoadedConfigModules,
     [CoreAppActionTypes.UPDATE_APP_STATUS]: updateAppStatus,
     [CoreAppActionTypes.UPDATE_CURRENT_MODULE]: updateCurrentModule,
     [CoreAppActionTypes.ADD_API_QUEUE_ITEM]: addApiQueueItem,
     [CoreAppActionTypes.REMOVE_API_QUEUE_ITEM]: removeApiQueueItem,
     [CoreAppActionTypes.EMPTY_API_QUEUE]: emptyApiQueue,
 };
+/**
+ * @deprecated it will be removed in the next major version
+ */
 const coreAppReducers = (state = initialAppState, action) => {
     if (actionToReducerMap$4[action.type]) {
         return actionToReducerMap$4[action.type](state, action);
@@ -526,6 +455,9 @@ const actionToReducerMap$3 = {
     [CoreUserActionTypes.UPDATE_USER_RIGHTS]: updateUserRights,
     [CoreUserActionTypes.UPDATE_USER_DASHBOARD]: updateUserDashboard,
 };
+/**
+ * @deprecated it will be removed in the next major version
+ */
 const coreUserReducers = (state = initialUserState, action) => {
     if (actionToReducerMap$3[action.type]) {
         return actionToReducerMap$3[action.type](state, action);
@@ -537,6 +469,9 @@ const updateNotificationsList = (state, action) => Object.assign({}, state, { li
 const actionToReducerMap$2 = {
     [CoreNotificationsActionTypes.UPDATE_NOTIFICATIONS_LIST]: updateNotificationsList,
 };
+/**
+ * @deprecated it will be removed in the next major version
+ */
 const coreNotificationsReducers = (state = initialNotificationsState, action) => {
     if (actionToReducerMap$2[action.type]) {
         return actionToReducerMap$2[action.type](state, action);
@@ -544,13 +479,22 @@ const coreNotificationsReducers = (state = initialNotificationsState, action) =>
     return state;
 };
 
+/**
+ * @deprecated it will be removed in the next major version
+ */
 const updateI18nState = (state, action) => ({
     ...state,
     ...action.payload,
 });
+/**
+ * @deprecated it will be removed in the next major version
+ */
 const actionToReducerMap$1 = {
     [CoreI18nActionTypes.UPDATE_I18N_STATE]: updateI18nState,
 };
+/**
+ * @deprecated it will be removed in the next major version
+ */
 const corI18nReducers = (state = initialI18nState, action) => {
     if (actionToReducerMap$1[action.type]) {
         return actionToReducerMap$1[action.type](state, action);
@@ -558,13 +502,22 @@ const corI18nReducers = (state = initialI18nState, action) => {
     return state;
 };
 
+/**
+ * @deprecated it will be removed in the next major version
+ */
 const updateLocaleState = (state, action) => ({
     ...state,
     ...action.payload,
 });
+/**
+ * @deprecated it will be removed in the next major version
+ */
 const actionToReducerMap = {
     [CoreLocaleActionTypes.UPDATE_LOCALE_STATE]: updateLocaleState,
 };
+/**
+ * @deprecated it will be removed in the next major version
+ */
 const coreLocaleReducers = (state = initialLocaleState, action) => {
     if (actionToReducerMap[action.type]) {
         return actionToReducerMap[action.type](state, action);
@@ -572,6 +525,9 @@ const coreLocaleReducers = (state = initialLocaleState, action) => {
     return state;
 };
 
+/**
+ * @deprecated it will be removed in the next major version
+ */
 // 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 coreReducers = Object.assign({}, {
@@ -612,6 +568,7 @@ const disallowedKeys = ['loadedConfigModules', 'connect', 'currentModule', 'stat
 /**
  * filters the AppState by removing those keys from the state and return a new state Object
  * @param app the AppState
+ * @deprecated it will be removed in the next major version
  */
 const filterAppState = (app) => {
     // in case app is undefined or null it should return empty object
@@ -630,6 +587,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) => {
     if (!storage) {
@@ -831,77 +789,99 @@ 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, platformId) {
-        this.store = store;
+    constructor(logService, platformId) {
         this.logService = logService;
         this.platformId = platformId;
         /**
          * autoSave handlers to call before saving in local Storage
          */
-        // eslint-disable-next-line
         this._autoSaveHandlers = {};
+        this.isHandlingAutoSave = false;
+        this.injector = inject(Injector);
         if (isPlatformBrowser(this.platformId)) {
             this._storage = localStorage;
         }
+        this.state = signal({});
+        toObservable(this.state)
+            .pipe(filter(() => this.isHandlingAutoSave), debounceTime(1000), distinctUntilChanged())
+            .subscribe((state) => {
+            this.saveState(state);
+        });
     }
-    // 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) {
         if (isPlatformBrowser(this.platformId)) {
-            this.dispatch(new InitStoreAction({ version }));
+            // This action must be dispatched from an app initializer
+            // 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;
+            // load the state from the localStorage
+            let localState = loadState(this._storage);
+            localState = { ...localState, app: { ...localState?.app, version } };
+            this.updateState(this.deepMerge(localState, { ...initialCoreState }));
         }
     }
-    // eslint-disable-next-line
+    /**
+     * Add an autoSave handler for a specific state slice
+     * @param stateSlice
+     * @param handler
+     * @deprecated it will be removed in the next major version
+     */
     addAutoSaveHandler(stateSlice, handler) {
-        if (!this.store) {
-            if (this.logService) {
-                this.logService.warn('StoreService.addAutoSaveHandler() not available without NGRX');
-            }
-            return;
-        }
         this._autoSaveHandlers[stateSlice] = handler;
     }
     handleAutoSave() {
-        if (!this.store) {
-            return;
-        }
-        this.store.pipe(debounceTime(1000), distinctUntilChanged()).subscribe((state) => {
-            this.saveState(state);
-        });
+        this.isHandlingAutoSave = true;
     }
     /**
      * Proxy to NGRX store.dispatch()
      * that allows to intercept if the store is present
+     *
+     * @deprecated it will be removed in the next version support of NGRX will cease
      */
-    // 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
     dispatch(action) {
-        if (this.store) {
-            return this.store.dispatch(action);
-        }
+        console.warn('eUI does not PROXY to NGRX store.dispatch() 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
-    dispatchAction(state, actionKey, reducer) {
-        if (this.store) {
-            this.store.addReducer(actionKey, reducer);
-            return this.store.dispatch({ type: actionKey, payload: state });
+    updateState(state, reducer) {
+        if (reducer) {
+            this.state.update(currentState => {
+                const newState = reducer(currentState, state);
+                return {
+                    ...newState,
+                };
+            });
+        }
+        else {
+            this.state.update(currentState => this.deepMerge(currentState, { ...state }));
         }
     }
-    /**
-     * Proxy to NGRX store.select()
-     * that allows to intercept if the store is present
-     */
-    // 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
-    select(key) {
-        if (!this.store) {
-            return throwError(() => new Error('NGRX Store not configured'));
+    select(keyOrMapFn) {
+        let computedState = computed(() => this.state());
+        if (keyOrMapFn) {
+            switch (typeof keyOrMapFn) {
+                case 'function':
+                    computedState = computed(() => {
+                        const state = this.state();
+                        return keyOrMapFn(state);
+                    });
+                    break;
+                case 'string':
+                    computedState = computed(() => {
+                        const state = this.state();
+                        if (!keyOrMapFn) {
+                            return state;
+                        }
+                        const keys = keyOrMapFn.split('.');
+                        // Traverse the object based on the dot notation
+                        return keys.reduce((acc, currKey) => {
+                            return acc && acc[currKey] !== undefined ? acc[currKey] : undefined;
+                        }, state);
+                    });
+                    break;
+            }
         }
-        return this.store.select(key);
+        // Use `runInInjectionContext` to ensure `toObservable` is within Angular injection context
+        return runInInjectionContext(this.injector, () => toObservable(computedState).pipe(distinctUntilChanged((x, y) => isEqual(x, y))));
     }
     /**
      * filters and save the state with the Browser storage
@@ -927,7 +907,38 @@ class StoreService {
             // Ignore write errors.
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: StoreService, deps: [{ token: i1$3.Store, optional: true }, { token: LogService, optional: true }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /**
+     * deep merge two objects
+     * @param target the object that will be merged into
+     * @param source the object that will be merged from
+     */
+    deepMerge(target, source) {
+        const output = Object.assign({}, target);
+        if (this.isObject(target) && this.isObject(source)) {
+            Object.keys(source).forEach(key => {
+                if (this.isObject(source[key])) {
+                    if (!(key in target)) {
+                        Object.assign(output, { [key]: source[key] });
+                    }
+                    else {
+                        output[key] = this.deepMerge(target[key], source[key]);
+                    }
+                }
+                else {
+                    Object.assign(output, { [key]: source[key] });
+                }
+            });
+        }
+        return output;
+    }
+    /**
+     * checks if the given item is an object
+     * @param item the item that will be checked
+     */
+    isObject(item) {
+        return item && typeof item === 'object' && !Array.isArray(item);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: StoreService, deps: [{ token: LogService, optional: true }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: StoreService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: StoreService, decorators: [{
@@ -935,9 +946,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$3.Store, decorators: [{
-                    type: Optional
-                }] }, { type: LogService, decorators: [{
+        }], ctorParameters: () => [{ type: LogService, decorators: [{
                     type: Optional
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
@@ -947,7 +956,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
 const PLATFORM_BROWSER_ID = 'browser';
 class StoreServiceMock extends StoreService {
     constructor() {
-        super(null, null, PLATFORM_BROWSER_ID);
+        super(null, PLATFORM_BROWSER_ID);
     }
     init() { }
     addAutoSaveHandler() { }
@@ -963,32 +972,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
             type: Injectable
         }], ctorParameters: () => [] });
 
-const euiInitApp = (injector) => () => new Promise((resolve) => {
-    const locationInitialized = injector.get(LOCATION_INITIALIZED, Promise.resolve(null));
-    locationInitialized.then(() => {
-        const appConfig = injector.get(CONFIG_TOKEN);
-        // necessary config parameters
-        let appVersion;
-        if (appConfig && appConfig.versions && appConfig.versions.app) {
-            appVersion = appConfig.versions.app;
-        }
-        else {
-            appVersion = '0.0.0';
-        }
-        let storageType;
-        if (appConfig && appConfig['saveStateStorage']) {
-            storageType = appConfig['saveStateStorage'];
-        }
-        else {
-            storageType = BrowserStorageType.local;
-        }
-        const storeService = injector.get(StoreService);
-        storeService.init(appVersion, storageType);
-        storeService.handleAutoSave();
-        resolve(null);
-    });
-});
-
 function getCoreProviders() {
     return [
         // core config
@@ -1002,7 +985,6 @@ function getCoreProviders() {
         { provide: SHOW_CONNECTION_STATUS_TOKEN, useFactory: getShowConnectionStatus, deps: [GLOBAL_CONFIG_TOKEN] },
         { provide: LogService, useFactory: euiLogServiceFactory, deps: [Injector, BASE_NAME_TOKEN, ROOT_LOG_CONFIG_TOKEN] },
         { provide: HTTP_ERROR_HANDLER_CONFIG_TOKEN, useFactory: getHttpErrorHandlingConfig, deps: [CONFIG_TOKEN] },
-        { provide: APP_INITIALIZER, useFactory: euiInitApp, multi: true, deps: [Injector] },
     ];
 }
 function getDependencyProviders() {
@@ -1022,6 +1004,21 @@ function getCoreChildProviders(moduleName) {
     ];
 }
 
+const AddAppLoadedConfigModules = (state, action) => ({
+    ...state,
+    app: {
+        ...state.app,
+        loadedConfigModules: {
+            lastAddedModule: action.moduleName,
+            modulesConfig: {
+                ...state.app.loadedConfigModules.modulesConfig,
+                [action.moduleName]: {
+                    ...action.moduleConfig,
+                },
+            },
+        },
+    },
+});
 const CORE_ROOT_GUARD = new InjectionToken('Internal Theme ForRoot Guard');
 class CoreModule {
     /**
@@ -1059,7 +1056,7 @@ class CoreModule {
             const storeService = injector.get(StoreService);
             const moduleName = injector.get(MODULE_NAME_TOKEN);
             const moduleConfig = injector.get(MODULE_CONFIG_TOKEN);
-            storeService.dispatch(new AddAppLoadedConfigModulesAction({ moduleName, moduleConfig }));
+            storeService.updateState({ moduleName, moduleConfig }, AddAppLoadedConfigModules);
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: CoreModule, deps: [{ token: CORE_ROOT_GUARD, optional: true }, { token: CoreModule, optional: true, skipSelf: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -1099,8 +1096,7 @@ async function preInitApp(envConfig) {
     const envDynamicConfig = envConfig && envConfig.envDynamicConfig;
     if (envDynamicConfig) {
         // load the local configuration file, if defined
-        const euiAppJsonConfig = await loadEuiDynamicEnvironmentConfig(envDynamicConfig.uri, envDynamicConfig.configTimeout || 2000);
-        envConfig.loadedEnvDynamicConfig = euiAppJsonConfig;
+        envConfig.loadedEnvDynamicConfig = await loadEuiDynamicEnvironmentConfig(envDynamicConfig.uri, envDynamicConfig.configTimeout || 2000);
         return envConfig;
     }
     return envConfig;
@@ -1131,6 +1127,70 @@ async function loadEuiDynamicEnvironmentConfig(url, timeout) {
     return null;
 }
 
+const init = () => {
+    const locationInitialized = inject(LOCATION_INITIALIZED, { optional: true }) || Promise.resolve(null);
+    const appConfig = inject(CONFIG_TOKEN);
+    const storeService = inject(StoreService);
+    return new Promise(resolve => {
+        locationInitialized.then(() => {
+            // necessary config parameters
+            let appVersion;
+            if (appConfig && appConfig.versions && appConfig.versions.app) {
+                appVersion = appConfig.versions.app;
+            }
+            else {
+                appVersion = '0.0.0';
+            }
+            let storageType;
+            if (appConfig && appConfig['saveStateStorage']) {
+                storageType = appConfig['saveStateStorage'];
+            }
+            else {
+                storageType = BrowserStorageType.local;
+            }
+            storeService.init(appVersion, storageType);
+            storeService.handleAutoSave();
+            resolve(null);
+        });
+    });
+};
+/**
+ * Initializes the app with the necessary configurations. Use this in combination with `provideAppInitializer(euiInitApp_Env)`
+ */
+function provideEuiInitializer() {
+    return provideAppInitializer(init);
+}
+/**
+ * Initializes the app with the necessary configurations
+ * @param injector
+ * @deprecated Use `provideEuiInitializer()` instead. Beware that this should be declared as Environment providers.
+ */
+const euiInitApp = (injector) => () => new Promise((resolve) => {
+    const locationInitialized = injector.get(LOCATION_INITIALIZED, Promise.resolve(null));
+    locationInitialized.then(() => {
+        const appConfig = injector.get(CONFIG_TOKEN);
+        // necessary config parameters
+        let appVersion;
+        if (appConfig && appConfig.versions && appConfig.versions.app) {
+            appVersion = appConfig.versions.app;
+        }
+        else {
+            appVersion = '0.0.0';
+        }
+        let storageType;
+        if (appConfig && appConfig['saveStateStorage']) {
+            storageType = appConfig['saveStateStorage'];
+        }
+        else {
+            storageType = BrowserStorageType.local;
+        }
+        const storeService = injector.get(StoreService);
+        storeService.init(appVersion, storageType);
+        storeService.handleAutoSave();
+        resolve(null);
+    });
+});
+
 const errorCodes = {
     ERR_GENERIC: 'ERR_GENERIC',
 };
@@ -1243,7 +1303,7 @@ 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: "19.0.0", ngImport: i0, type: HttpErrorHandlerInterceptor, deps: [{ token: HTTP_ERROR_HANDLER_CONFIG_TOKEN }, { token: i0.Injector }, { token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: HttpErrorHandlerInterceptor, deps: [{ token: HTTP_ERROR_HANDLER_CONFIG_TOKEN }, { token: i0.Injector }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: HttpErrorHandlerInterceptor }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: HttpErrorHandlerInterceptor, decorators: [{
@@ -1251,7 +1311,80 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [HTTP_ERROR_HANDLER_CONFIG_TOKEN]
-                }] }, { type: i0.Injector }, { type: i1$4.Router }] });
+                }] }, { type: i0.Injector }, { type: i1$1.Router }] });
+
+class EuiGrowlService {
+    constructor() {
+        this.growlMessages = [];
+        this.isGrowlSticky = false;
+        this.isCloseAllSticky = false;
+        this.growlLife = 3000;
+        this.growlPosition = 'bottom-right';
+        this.growlCallback = null;
+    }
+    /**
+     * displays a growl UxMessage item, isSticky
+     */
+    growl(msg, isSticky, isMultiple, life, position, callback) {
+        if (msg.severity !== 'info' && msg.severity !== 'warning' && msg.severity !== 'success' && msg.severity !== 'danger') {
+            throw new Error('EuiGrowlService.growl() ERROR : message severity must be either : success, warning, info, danger');
+        }
+        else {
+            if (isMultiple === undefined || !isMultiple) {
+                this.growlMessages = [];
+            }
+            this.growlMessages = this.growlMessages.concat(msg);
+            msg.life = life || msg.life;
+            msg.sticky = isSticky || msg.sticky;
+            if (life === undefined || isNaN(life)) {
+                if (msg.severity === 'danger') {
+                    isSticky = true;
+                }
+                else {
+                    this.growlLife = 3000;
+                }
+            }
+            else {
+                this.growlLife = life;
+            }
+            if (isSticky) {
+                this.isGrowlSticky = isSticky;
+            }
+            else {
+                this.isGrowlSticky = false;
+            }
+            if (position) {
+                this.growlPosition = position;
+            }
+            if (callback) {
+                this.growlCallback = callback;
+            }
+        }
+    }
+    clearGrowl() {
+        this.growlMessages = [];
+    }
+    growlSuccess(msg, position) {
+        this.growl({ severity: 'success', summary: 'SUCCESS', detail: msg }, false, false, undefined, position);
+    }
+    growlError(msg, position) {
+        this.growl({ severity: 'danger', summary: 'ERROR', detail: msg }, false, false, undefined, position);
+    }
+    growlWarning(msg, position) {
+        this.growl({ severity: 'warning', summary: 'WARNING', detail: msg }, false, false, undefined, position);
+    }
+    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: "19.0.0", ngImport: i0, type: EuiGrowlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiGrowlService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiGrowlService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
 
 function AlertHttpErrorCallbackFn(error) {
     alert(error.statusText);
@@ -1307,9 +1440,39 @@ class ApiQueueService {
         this.store = store;
         this.http = http;
         this.logService = logService;
+        /**
+         * A state reducer that adds an item to the API queue.
+         * @param state
+         * @param action
+         */
+        this.addApiQueueItem = (state, action) => {
+            // apply the timestamp to the queue item
+            action.item.timestamp = new Date().getTime();
+            // update the queue
+            const apiQueue = Object.assign({}, state.app?.apiQueue, { [action.id]: action.item });
+            return Object.assign({}, state, { app: { ...state.app, apiQueue } });
+        };
+        /**
+         * A state reducer that removes an item from the API queue.
+         * @param state
+         * @param action
+         */
+        this.removeApiQueueItem = (state, action) => {
+            // remove the specified id from the list of item ids and recreate the apiQueue from the remaining ids
+            const apiQueue = Object.keys(state.app.apiQueue)
+                .filter((id) => id !== action.payload)
+                .reduce((queue, key) => {
+                queue[key] = state.app.apiQueue[key];
+                return queue;
+            }, {});
+            return Object.assign({}, state, { app: { ...state.app, apiQueue } });
+        };
         if (logService) {
             this.logger = logService.getLogger('core.ApiQueueService');
         }
+        this.getAppState = (state) => state.app;
+        this.getApiQueue = createSelector(this.getAppState, (state) => state.apiQueue);
+        this.getApiQueueItem = (itemId) => createSelector(this.getAppState, (state) => state.apiQueue[itemId]);
     }
     /**
      * Adds an item to the queue by dispatching an action to the store.
@@ -1338,7 +1501,7 @@ class ApiQueueService {
         if (allowedMethods.indexOf(item.method) < 0) {
             throw new Error(`[ApiQueue] method "${item.method}" is not allowed`);
         }
-        this.store.dispatch(new AddApiQueueItemAction({ id, item }));
+        this.store.updateState({ id, item }, this.addApiQueueItem);
     }
     /**
      * Retrieves the current state of the API queue and converts it into an array of Observables.
@@ -1362,7 +1525,7 @@ class ApiQueueService {
      * });
      */
     getQueue() {
-        return this.store.select(getApiQueue).pipe(take(1), map((queue) => {
+        return this.store.select(this.getApiQueue).pipe(take(1), map((queue) => {
             const queueArray = queue && Object.values(queue);
             if (!queueArray || queueArray.length < 1) {
                 this.logger?.warn('No items in the queue exist.');
@@ -1396,7 +1559,7 @@ class ApiQueueService {
      * });
      */
     getQueueItem(id) {
-        return this.store.select(getApiQueueItem(id)).pipe(take(1), map((queue) => {
+        return this.store.select(this.getApiQueueItem(id)).pipe(take(1), map((queue) => {
             if (!queue) {
                 this.logger?.warn(`Queue item with id "${id}" does not exist`);
                 return null;
@@ -1423,7 +1586,7 @@ class ApiQueueService {
      * // The item with ID 'item123' will be dispatched for removal from the queue.
      */
     removeQueueItem(id) {
-        this.store.dispatch(new RemoveApiQueueItemAction(id));
+        this.store.updateState({ payload: id }, this.removeApiQueueItem);
     }
     /**
      * Clears all items from the API queue.
@@ -1441,7 +1604,7 @@ class ApiQueueService {
      * // This will dispatch an action to empty the entire API queue.
      */
     removeAllQueueItem() {
-        this.store.dispatch(new EmptyApiQueueAction(null));
+        this.store.updateState({ app: { apiQueue: {} } });
     }
     /**
      * Processes an item from the API queue identified by its ID.
@@ -1463,10 +1626,8 @@ class ApiQueueService {
      *   }
      * });
      */
-    // TODO: Replace `any` with a more specific type or make the method generic, https://www.typescriptlang.org/docs/handbook/2/generics.html
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     processQueueItem(id) {
-        return this.store.select(getApiQueueItem(id)).pipe(take(1), switchMap((queue) => {
+        return this.store.select(this.getApiQueueItem(id)).pipe(take(1), switchMap((queue) => {
             if (!queue) {
                 this.logger?.warn(`Queue item with id "${id}" does not exist`);
                 return of(null);
@@ -1494,10 +1655,8 @@ class ApiQueueService {
      *   // Handle the array of responses or errors
      * });
      */
-    // TODO: Refine the return type to be more specific or implement generics, https://www.typescriptlang.org/docs/handbook/2/generics.html
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     processAllQueueItems(continueOnError = true) {
-        return this.store.select(getApiQueue).pipe(map((queue) => Object.entries(queue).map(([key, value]) => this.buildHttpRequest(key, value).pipe(catchError((error) => {
+        return this.store.select(this.getApiQueue).pipe(map((queue) => Object.entries(queue).map(([key, value]) => this.buildHttpRequest(key, value).pipe(catchError((error) => {
             this.logger?.error(`Queue Item with id ${key} failed.`, error.message, error.stack);
             if (!continueOnError) {
                 throw error;
@@ -1526,10 +1685,8 @@ class ApiQueueService {
      *   // Handle each response in the order of queue processing
      * });
      */
-    // TODO: Refine the return type for more specific or implement generics, https://www.typescriptlang.org/docs/handbook/2/generics.html
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     processAllQueueItemsSequential(ascending = true) {
-        return this.store.select(getApiQueue).pipe(switchMap((queue) => from(Object.entries(queue)
+        return this.store.select(this.getApiQueue).pipe(switchMap((queue) => from(Object.entries(queue)
             .sort((a, b) => (ascending ? this.sortOnTimestamp(a, b) : this.sortOnTimestamp(b, a)))
             .map(([id, item]) => this.buildHttpRequest(id, item)))
             .pipe(concatMap(x => x))));
@@ -1578,13 +1735,10 @@ class ApiQueueService {
      *
      * @template T - The expected type of the HTTP response. Defaults to `any`.
      */
-    // TODO: add type for T and deprecate old function
-    // 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
     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: "19.0.0", ngImport: i0, type: ApiQueueService, deps: [{ token: StoreService }, { token: i1$5.HttpClient }, { token: LogService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ApiQueueService, deps: [{ token: StoreService }, { token: i1$2.HttpClient }, { token: LogService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ApiQueueService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: ApiQueueService, decorators: [{
@@ -1592,7 +1746,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: StoreService }, { type: i1$5.HttpClient }, { type: LogService, decorators: [{
+        }], ctorParameters: () => [{ type: StoreService }, { type: i1$2.HttpClient }, { type: LogService, decorators: [{
                     type: Optional
                 }] }] });
 
@@ -1607,15 +1761,11 @@ class ApiQueueServiceMock extends ApiQueueService {
         return of({ uri: id, method: 'GET' });
     }
     removeAllQueueItem() { }
-    // 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
     processAllQueueItems() {
         return of({});
     }
     addQueueItem() { }
     removeQueueItem() { }
-    // 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
     processQueueItem() {
         return of({});
     }
@@ -1839,12 +1989,12 @@ class I18nLoader {
         }
         return undefined;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: I18nLoader, deps: [{ token: i1$5.HttpClient }, { token: LogService, optional: true }, { token: CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: I18nLoader, deps: [{ token: i1$2.HttpClient }, { token: LogService, optional: true }, { token: CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: I18nLoader }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: I18nLoader, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$5.HttpClient }, { type: LogService, decorators: [{
+        }], ctorParameters: () => [{ type: i1$2.HttpClient }, { type: LogService, decorators: [{
                     type: Optional
                 }] }, { type: undefined, decorators: [{
                     type: Inject,
@@ -1857,7 +2007,9 @@ const translateConfig = {
     },
 };
 
+const getLastAddedModule = (state) => state.app.loadedConfigModules.lastAddedModule;
 class I18nService extends EuiLazyService {
+    static { this.DEFAULT_STATE = { activeLang: 'en' }; }
     constructor(baseGlobalConfig, translateService, logService, store, document) {
         super({ activeLang: 'en' });
         this.baseGlobalConfig = baseGlobalConfig;
@@ -1865,29 +2017,56 @@ class I18nService extends EuiLazyService {
         this.logService = logService;
         this.store = store;
         this.document = document;
+        /**
+         * a single signal holding the state - initial state is null
+         */
+        this.state = signal(I18nService.DEFAULT_STATE);
+        this.injector = inject(Injector);
+        this.subNotifier = new Subject();
         this.config = getI18nServiceConfigFromBase(this.baseGlobalConfig);
         this.onModuleLoad = new BehaviorSubject({ ready: false, name: null });
     }
+    ngOnDestroy() {
+        this.subNotifier.next(void 0);
+        this.subNotifier.complete();
+    }
     getState(keyOrMapFn) {
-        let selector = getI18nState;
-        // 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 dotNotationToObject = (obj, key) => key.split('.').reduce((slice, i) => slice[i], obj);
+        let computedState = computed(() => this.state());
         if (keyOrMapFn) {
             switch (typeof keyOrMapFn) {
                 case 'function':
-                    selector = createSelector(getI18nState, keyOrMapFn);
+                    computedState = computed(() => {
+                        const state = this.state();
+                        return keyOrMapFn(state);
+                    });
                     break;
                 case 'string':
-                    selector = createSelector(getI18nState, (state) => dotNotationToObject(state, keyOrMapFn));
+                    computedState = computed(() => {
+                        const state = this.state();
+                        if (!keyOrMapFn) {
+                            return state;
+                        }
+                        const keys = keyOrMapFn.split('.');
+                        // Traverse the object based on the dot notation
+                        return keys.reduce((acc, currKey) => {
+                            return acc && acc[currKey] !== undefined ? acc[currKey] : undefined;
+                        }, state);
+                    });
                     break;
             }
         }
-        return this.store.select(selector);
+        // Use `runInInjectionContext` to ensure `toObservable` is within Angular injection context
+        return runInInjectionContext(this.injector, () => toObservable(computedState).pipe(takeUntil(this.subNotifier), distinctUntilChanged((x, y) => isEqual(x, y))));
     }
-    updateState(langState) {
-        this.updateHTMLDOMLang(langState.activeLang);
-        this.store.dispatch(new UpdateI18nStateAction(langState));
+    updateState(state) {
+        this.updateHTMLDOMLang(state.activeLang);
+        this.state.update(currentState => super.deepMerge(currentState, { ...state }));
+    }
+    /**
+     * This method is used to get the state as readonly signal.
+     */
+    getSignal() {
+        return this.state.asReadonly();
     }
     init(langState) {
         const initLang = langState && langState.activeLang ? langState.activeLang : this.preparedDefaultLanguage();
@@ -1902,6 +2081,15 @@ class I18nService extends EuiLazyService {
         }
         return of({ success: false, error: 'Initial active lang should be string' });
     }
+    /**
+     * A pipe function that could serve as a wrapper of another observable
+     * e.g. ngx-translate i18n.onReady('my_module').pipe(switchMap(()=>translate.get('eui.KEY')));
+     * WARNING: onReady will emit only once for a loaded Module, going to another and then going back will not result
+     * into another emission.
+     *
+     * @param moduleName the name of the module that has been given through the eUI globalConfig. In case non provided
+     * fetch module name from the state.
+     */
     onReady(moduleName) {
         return this.onModuleLoad.pipe(switchMap((evt) => moduleName
             ? of(evt)
@@ -1976,13 +2164,13 @@ class I18nService extends EuiLazyService {
         return this.config.defaultLanguage;
     }
     /**
-     * @param default_language if given default language to override default language coming from the
+     * @param initLanguage if given default language to override default language coming from the
      * configuration token.
      */
     setup(initLanguage) {
         // use the default config as a reference base
         this.config = Object.assign({}, DEFAULT_I18N_SERVICE_CONFIG, this.config);
-        // configure the translate config service
+        // configure the translation config service
         if (this.config.languages) {
             this.translateService.addLangs(EuiEuLanguages.getLanguageCodes(this.config.languages));
             if (this.logService) {
@@ -2007,7 +2195,9 @@ class I18nService extends EuiLazyService {
         }), catchError((error) => of({ success: false, error })));
     }
     bindActiveLangStateToTranslateService() {
-        this.store.select(getActiveLang).subscribe((lang) => {
+        this.getState((s) => s.activeLang)
+            .pipe(takeUntil(this.subNotifier))
+            .subscribe((lang) => {
             if (lang !== null && this.translateService.currentLang !== lang) {
                 this.use(lang);
             }
@@ -2051,7 +2241,7 @@ class I18nService extends EuiLazyService {
     updateHTMLDOMLang(lang) {
         this.document.documentElement.lang = lang;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: I18nService, deps: [{ token: GLOBAL_CONFIG_TOKEN }, { token: i1$3.TranslateService }, { token: LogService, optional: true }, { token: StoreService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: I18nService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: I18nService, decorators: [{
@@ -2062,7 +2252,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [GLOBAL_CONFIG_TOKEN]
-                }] }, { type: i1$2.TranslateService }, { type: LogService, decorators: [{
+                }] }, { type: i1$3.TranslateService }, { type: LogService, decorators: [{
                     type: Optional
                 }] }, { type: StoreService }, { type: Document, decorators: [{
                     type: Inject,
@@ -2541,6 +2731,8 @@ class EuiPermissionService extends EuiService {
      * });
      */
     getState() {
+        const getUserState = (state) => state.user;
+        const getUserRights = createSelector(getUserState, (state) => state.rights);
         return this.store.select(getUserRights);
     }
     /**
@@ -2561,7 +2753,7 @@ class EuiPermissionService extends EuiService {
      * permissionService.updateState(newUserRights);
      */
     updateState(rights) {
-        this.store.dispatch(new UpdateUserRightsAction(rights || []));
+        this.store.updateState({ user: { rights: rights || [] } });
     }
     /**
      * Checks if the user has the specified attribute permission.
@@ -2990,7 +3182,7 @@ class EuiAppShellService {
         key
             ? this.state$.pipe(map((state) => get(state, key)), 
             // filter((state) => state),
-            distinctUntilChanged((x, y) => isEqual(x, y)))
+            distinctUntilChanged((x, y) => isEqual$1(x, y)))
             : this.state$);
     }
     sidebarToggle() {
@@ -3157,13 +3349,12 @@ class EuiAppShellService {
         const body = res;
         return body || {};
     }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     handleError(error) {
         console.error('An error occurred', error);
         return Promise.reject(error.message || error);
     }
     bindActiveLanguageToAppShellState() {
-        this.storeService.select(getActiveLang).subscribe((activeLang) => {
+        this.i18nService.getState((s) => s.activeLang).subscribe((activeLang) => {
             if (activeLang !== this.state.activeLanguage) {
                 this.setState({
                     ...this.state,
@@ -3172,7 +3363,7 @@ class EuiAppShellService {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiAppShellService, deps: [{ token: GLOBAL_CONFIG_TOKEN, optional: true }, { token: i1$2.HttpClient }, { token: PLATFORM_ID }, { token: DOCUMENT }, { token: i1$1.Router }, { token: StoreService }, { token: I18nService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiAppShellService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: EuiAppShellService, decorators: [{
@@ -3185,13 +3376,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
                 }, {
                     type: Inject,
                     args: [GLOBAL_CONFIG_TOKEN]
-                }] }, { type: i1$5.HttpClient }, { type: undefined, decorators: [{
+                }] }, { type: i1$2.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: i1$1.Router }, { type: StoreService }, { type: I18nService, decorators: [{
                     type: Optional
                 }] }] });
 
@@ -4457,8 +4648,9 @@ const LOCALE_ID_MAPPER = new InjectionToken('localeIdMapper');
  * @extends EuiService<T | LocaleState>
  */
 class LocaleService extends EuiService {
+    static { this.DEFAULT_STATE = { id: 'en-US' }; }
     constructor(store, baseGlobalConfig, locale_id, localeMapper, i18n, log) {
-        super({ id: getLocaleId(locale_id) });
+        super({ id: locale_id || Intl.DateTimeFormat().resolvedOptions().locale });
         this.store = store;
         this.baseGlobalConfig = baseGlobalConfig;
         this.locale_id = locale_id;
@@ -4466,6 +4658,11 @@ class LocaleService extends EuiService {
         this.i18n = i18n;
         this.log = log;
         this.subNotifier = new Subject();
+        /**
+         * a single signal holding the state - initial state is null
+         */
+        this.state = signal(LocaleService.DEFAULT_STATE);
+        this.injector = inject(Injector);
         if (log) {
             this.logger = log.getLogger('core.LocaleService');
         }
@@ -4482,45 +4679,55 @@ class LocaleService extends EuiService {
     /**
      * @param {((state: T) => K) | string} [keyOrMapFn] - Either a mapping function or a string key.
      *                                                    If a string is provided, it uses dot notation to access nested properties.
-     * @returns {Observable<K>} - An observable that emits the selected or transformed state.
+     * @returns {Observable<Partial<K>>} - An observable that emits the selected or transformed state.
      *
      * If no parameter is provided, the method returns the entire state.
      * @param keyOrMapFn
      */
     getState(keyOrMapFn) {
-        let selector = getLocaleState;
-        // 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 dotNotationToObject = (obj, key) => key.split('.').reduce((slice, i) => slice[i], obj);
+        let computedState = computed(() => this.state());
         if (keyOrMapFn) {
             switch (typeof keyOrMapFn) {
                 case 'function':
-                    selector = createSelector(getLocaleState, keyOrMapFn);
+                    computedState = computed(() => {
+                        const state = this.state();
+                        return keyOrMapFn(state);
+                    });
                     break;
                 case 'string':
-                    selector = createSelector(getLocaleState, (state) => dotNotationToObject(state, keyOrMapFn));
+                    computedState = computed(() => {
+                        const state = this.state();
+                        if (!keyOrMapFn) {
+                            return state;
+                        }
+                        const keys = keyOrMapFn.split('.');
+                        // Traverse the object based on the dot notation
+                        return keys.reduce((acc, currKey) => {
+                            return acc && acc[currKey] !== undefined ? acc[currKey] : undefined;
+                        }, state);
+                    });
                     break;
             }
         }
-        return this.store.select(selector).pipe(takeUntil(this.subNotifier), 
-        // in case service didn't init fallback to LOCALE_ID token value
-        map((state) => (state ? state : this.stateInstance ? this.stateInstance : this.locale_id)));
+        // Use `runInInjectionContext` to ensure `toObservable` is within Angular injection context
+        return runInInjectionContext(this.injector, () => toObservable(computedState).pipe(distinctUntilChanged((x, y) => isEqual(x, y))));
     }
     /**
      * Initializes the LocaleService with necessary configurations and state.
      * Binds language changes to the state and dynamically loads the appropriate locales.
      *
-     * @param {LocaleState | undefined} [state] - Optional initial state for the locale service.
+     * @param {LocaleState} [state] - Optional initial state for the locale service.
      * @returns {Observable<EuiServiceStatus>} - Observable emitting the status of the initialization.
      */
     init(state) {
         super.initEuiService();
+        state = state || { id: this.currentLocale };
         // bind language changes to locale changes
         if (this.config?.bindWithTranslate) {
             this.bindTranslateServiceLangChangeToState();
         }
-        // dynamically load locale based on provided configuration
-        return this.loadLocale([]).pipe(takeUntil(this.subNotifier), tap(() => this.updateState(state || { id: this.currentLocale })));
+        return of({ success: true })
+            .pipe(tap(() => this.updateState(state)));
     }
     /**
      * Updates the locale state within the application. If the new state is not available,
@@ -4530,26 +4737,30 @@ class LocaleService extends EuiService {
      * @throws Will throw an error if the locale for the given state id is not available.
      */
     updateState(state) {
-        try {
-            const id = this.localeMapper(state.id);
-            this.store.dispatch(new UpdateLocaleStateAction({ ...state, id }));
-        }
-        catch (e) {
-            const message = `Locale for '${state.id}' is not available.
-                 Please use addLocale('${state.id}') first`;
-            if (this.log) {
-                this.logger.info(message, e);
+        if (state?.id) {
+            // check if locale is available otherwise throw error
+            try {
+                const id = this.localeMapper(state.id);
+                this.state.update(currentState => super.deepMerge(currentState, { ...state, id }));
+            }
+            catch (e) {
+                const message = `Locale for '${state.id}' is not available.\n` +
+                    `Please use addLocale('${state.id}') first`;
+                if (this.log) {
+                    this.logger.info(message, e);
+                }
+                throw new Error(message);
             }
-            throw new Error(message);
+        }
+        else {
+            this.state.update(currentState => this.deepMerge(currentState, { ...state }));
         }
     }
     /**
-     * @deprecated eui does not offer a way to dynamically add locale it will be removed in future versions
-     *
-     * @param id
+     * This method is used to get the state as readonly signal.
      */
-    addLocale(id) {
-        return this.loadLocale(id);
+    getSignal() {
+        return this.state.asReadonly();
     }
     /**
      * Retrieves the previous locale used in the application.
@@ -4567,19 +4778,6 @@ class LocaleService extends EuiService {
     get currentLocale() {
         return this.stateInstance?.id;
     }
-    /**
-     * @deprecated eui does not offer a way to dynamically add locale it will be removed in future versions
-     *
-     * Dynamically loads and registers locale data based on the given locale identifiers.
-     *
-     * @param {string[] | string} locale - An array of locale identifiers or a single locale identifier.
-     * @returns {Observable<EuiServiceStatus>} - Observable emitting the status of the loading process.
-     * @private
-     */
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    loadLocale(locale) {
-        return of({ success: true });
-    }
     /**
      * Listens for language changes and dynamically sets the locale accordingly.
      *
@@ -4589,54 +4787,25 @@ class LocaleService extends EuiService {
         if (this.i18n) {
             this.i18n.onStateChange
                 .pipe(takeUntil(this.subNotifier), 
-            // filter out null values
-            filter((state) => state?.activeLang !== null && state?.activeLang !== undefined), 
-            // BEWARE: filter is based on convention that locale id sliced(2) will match activeLang e.g. en-US => en
-            // Also, if activeLang is 'en' and locale is 'en-GB' it will not trigger locale change
-            filter((state) => state.activeLang.toLowerCase() !== this.stateInstance?.id.slice(0, 2).toLowerCase()), 
+            // Only processes state changes when the language actually changes
+            // Example: With activeLang='en', ignores changes between 'en-US' and 'en-GB'
+            // Checks: activeLang exists, has 2+ chars, and differs from current locale's primary language
+            filter((state) => state?.activeLang !== null &&
+                state?.activeLang !== undefined &&
+                state?.activeLang.length > 1 &&
+                state.activeLang.toLowerCase() !== this.stateInstance?.id.slice(0, 2).toLowerCase()), 
             // to check if registration of locale otherwise register it
-            switchMap((value) => of(value).pipe(
-            // getLocaleId may throw Error(`Missing locale data for the locale "${locale}".`);
-            switchMap((i18state) => {
-                // check if activeLang is null or undefined
-                if (!i18state.activeLang) {
-                    return throwError('Has i18nService initialized? If not make sure i18nService.init().subscribe(..)');
-                }
-                return of(this.localeMapper(i18state.activeLang));
-            }), catchError((error) => {
-                if (this.log) {
-                    this.logger.debug(error);
-                }
-                return this.loadLocale(value?.activeLang).pipe(filter((s) => s.success), map(() => this.localeMapper(value?.activeLang)), catchError((e) => {
-                    if (this.log) {
-                        this.logger.debug('Something went terribly really wrong during locale loading', e.err.message);
-                    }
-                    return of(e);
-                }));
-            }))), 
+            map((state) => this.localeMapper(state.activeLang)), 
             // update the "available" array attribute with newly registered
             switchMap((id) => this.getState().pipe(take(1), map((state) => {
                 const available = state['available'] ? state['available'] : [];
                 return { ...state, id, available: Array.from(new Set([...available, id])) };
             }))))
                 .subscribe((state) => {
-                this.updateState(state);
+                return this.updateState(state);
             });
         }
     }
-    /**
-     * Retrieves an array of locale identifiers supported by the browser.
-     *
-     * @returns {string[] | undefined} - An array of browser locale identifiers or undefined if not available.
-     * @private
-     */
-    getBrowserLocales() {
-        const browserLocales = navigator.languages === undefined ? [navigator.language] : navigator.languages;
-        if (!browserLocales) {
-            return undefined;
-        }
-        return browserLocales.map((locale) => locale.trim());
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: LocaleService, deps: [{ token: StoreService }, { token: GLOBAL_CONFIG_TOKEN }, { token: LOCALE_ID }, { token: LOCALE_ID_MAPPER, optional: true }, { token: I18nService, optional: true }, { token: LogService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: LocaleService, providedIn: 'root' }); }
 }
@@ -4994,49 +5163,68 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
         }] });
 
 class UserService extends EuiService {
+    static { this.DEFAULT_STATE = { userId: 'annonymous' }; }
     constructor(store) {
-        super({ userId: 'annonymous' });
+        super(UserService.DEFAULT_STATE);
         this.store = store;
+        /**
+         * a single signal holding the state - initial state is null
+         */
+        this.state = signal(UserService.DEFAULT_STATE);
+        this.injector = inject(Injector);
     }
-    init(userState) {
+    init(state) {
         super.initEuiService();
-        if (Object.prototype.hasOwnProperty.call(userState, 'userId')) {
-            this.updateState(userState);
-            return of({ success: true });
+        if (Object.prototype.hasOwnProperty.call(state, 'userId')) {
+            this.updateState(state);
+            return of$1({ success: true });
         }
-        return of({ success: false, error: 'Init object should be instance of BaseUserState' });
+        return of$1({ success: false, error: 'Init object should be instance of BaseUserState' });
     }
     getState(keyOrMapFn) {
-        let selector = getUserState;
-        const dotNotationToObject = (obj, key) => key.split('.').reduce((slice, i) => slice[i], obj);
+        let computedState = computed(() => this.state());
         if (keyOrMapFn) {
             switch (typeof keyOrMapFn) {
                 case 'function':
-                    selector = createSelector(getUserState, keyOrMapFn);
+                    computedState = computed(() => {
+                        const state = this.state();
+                        return keyOrMapFn(state);
+                    });
                     break;
                 case 'string':
-                    selector = createSelector(getUserState, (state) => dotNotationToObject(state, keyOrMapFn));
+                    computedState = computed(() => {
+                        const state = this.state();
+                        const keys = keyOrMapFn.split('.');
+                        // Traverse the object based on the dot notation
+                        return keys.reduce((acc, currKey) => {
+                            return acc && acc[currKey] !== undefined ? acc[currKey] : undefined;
+                        }, state);
+                    });
                     break;
             }
         }
-        return this.store.select(selector);
+        // Use `runInInjectionContext` to ensure `toObservable` is within Angular injection context
+        return runInInjectionContext(this.injector, () => toObservable(computedState).pipe(distinctUntilChanged((x, y) => isEqual(x, y))));
     }
-    updateState(userState, reducer) {
-        // if (typeof pathOrReducer === 'string') {
-        //     let dotNotationToObject = (obj, key) => key.split('.').reduce((obj, i) => obj[i], obj);
-        //
-        //     const customReducer = (state: UserState, action: UpdateUserDetailsAction): UserState => {
-        //         return Object.assign({}, dotNotationToObject(state, pathOrReducer), action.payload);
-        //     };
-        //     this.store.dispatchAction(userState, 'user', customReducer);
-        // }
+    updateState(state, reducer) {
         if (reducer) {
-            this.store.dispatchAction(userState, 'user', reducer);
+            this.state.update(currentState => {
+                const newState = reducer(currentState, state);
+                return {
+                    ...newState,
+                };
+            });
         }
         else {
-            this.store.dispatch(new UpdateUserStateAction(userState));
+            this.state.update(currentState => this.deepMerge(currentState, { ...state }));
         }
     }
+    /**
+     * This method is used to get the signal of the service.
+     */
+    getSignal() {
+        return this.state.asReadonly();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: UserService, deps: [{ token: StoreService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: UserService, providedIn: 'root' }); }
 }
@@ -5092,12 +5280,12 @@ class AddLangParamInterceptor {
             params: req.params.set(langParam, langValue),
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: AddLangParamInterceptor, deps: [{ token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: AddLangParamInterceptor, deps: [{ token: i1$3.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: AddLangParamInterceptor }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: AddLangParamInterceptor, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$2.TranslateService }] });
+        }], ctorParameters: () => [{ type: i1$3.TranslateService }] });
 
 class CachePreventionInterceptor {
     intercept(req, next) {
@@ -5250,5 +5438,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
  * 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, 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 };
+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, euiInitApp, formatNumber, getGlobalConfig, getHttpErrorHandlingConfig, getModuleConfig, getRootLogConfig, getShowConnectionStatus, getViewElement, handleError, isDefined, loadEuiDynamicEnvironmentConfig, loadState, localForage, localStorageSync, markControlsTouched, markFormGroupTouched, mergeAppHandlerConfigToAppConfig, mergeAppJsonConfigToAppConfig, offset, parentOffsetEl, position, preInitApp, prepareEuiAppConfigToken, provideEuiInitializer, coreReducers as reducers, sessionStorageSync, translateConfig, uniqueId, validateEmail };
 //# sourceMappingURL=eui-core.mjs.map