@eui/core 17.0.0-next.8 → 17.0.0-rc.1

package/fesm2022/eui-core.mjs

@@ -1,20 +1,20 @@
 import * as i1 from '@eui/base';
-import { LogLevel, ConsoleAppender, Logger, LoggerMock, initialAppState, initialUserState, initialNotificationsState, initialI18nState, initialLocaleState, 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, 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, EventEmitter, PLATFORM_ID, LOCALE_ID } from '@angular/core';
+import { InjectionToken, Injectable, Inject, Injector, NgModule, Optional, APP_INITIALIZER, SkipSelf, ErrorHandler, PLATFORM_ID, LOCALE_ID } from '@angular/core';
 import * as extendProxy from 'extend';
+import * as i1$1 from '@ngrx/effects';
+import { createEffect, ofType } from '@ngrx/effects';
+import { fromEvent, merge, throwError, of, forkJoin, BehaviorSubject, defer, firstValueFrom, from, Subject, Observable } from 'rxjs';
+import { map, mapTo, mergeMap, tap, debounceTime, distinctUntilChanged, take, switchMap, catchError, concatMap, filter, takeUntil, finalize } from 'rxjs/operators';
+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 { throwError, merge, fromEvent, of, forkJoin, BehaviorSubject, defer, from, Subject, Observable } from 'rxjs';
-import { debounceTime, distinctUntilChanged, mapTo, map, mergeMap, tap, take, switchMap, catchError, concatMap, filter, takeUntil, finalize } from 'rxjs/operators';
-import * as i1$1 from '@ngrx/store';
-import { createSelector } from '@ngrx/store';
-import * as i1$2 from '@ngrx/effects';
-import { createEffect, ofType } from '@ngrx/effects';
-import * as i1$3 from '@ngx-translate/core';
-import { TranslateLoader } from '@ngx-translate/core';
 import * as i1$5 from '@angular/common/http';
 import { HttpErrorResponse, HttpResponse, HttpHeaders, HttpEventType } from '@angular/common/http';
 import * as i1$4 from '@angular/router';
@@ -95,6 +95,8 @@ const DEFAULT_EUI_CONFIG = {
     },
 };
 
+// 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$1 = extendProxy.default || extendProxy;
 const EUI_CONFIG_TOKEN = new InjectionToken('EuiConfig');
 const MODULE_NAME_TOKEN = new InjectionToken('moduleName');
@@ -166,106 +168,6 @@ function mergeAppJsonConfigToAppConfig(euiAppConfig, envAppJsonConfig, merge, is
     return Object.assign({}, euiAppConfig, envAppJsonConfig, deepMerged);
 }
 
-const BASE_LOGGER_NAME_TOKEN = new InjectionToken('BASE_LOGGER_NAME');
-const LOG_LEVEL_TOKEN = new InjectionToken('LOG_LEVEL');
-const LOG_APPENDERS_TOKEN = new InjectionToken('LOG_APPENDERS');
-/**
- * Log service, responsible for getting or creating loggers. It itself acts as a base logger
- */
-class LogService extends Logger {
-    constructor(name, level, appenders) {
-        super(name, level, appenders);
-        this.name = name;
-        this.level = level;
-        this.appenders = appenders;
-        /** the list of persistent loggers */
-        this.loggers = {};
-    }
-    /**
-     * Gets a logger by name. If the logger does not exist, it is created
-     *
-     * @param loggerName logger name
-     * @param persist optional parameter. Set it to true if you want to reuse the logger. By default, it is set to false
-     * @returns the logger
-     */
-    getLogger(loggerName, persist = false) {
-        // create the logger, if necessary
-        const logger = (persist && this.loggers[loggerName]) || new Logger(loggerName, this.level, this.appenders);
-        // if the logger is persistent, add it to the list of persistent loggers
-        if (persist) {
-            this.loggers[loggerName] = logger;
-        }
-        return logger;
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: LogService, deps: [{ token: BASE_LOGGER_NAME_TOKEN }, { token: LOG_LEVEL_TOKEN }, { token: LOG_APPENDERS_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: LogService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: LogService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [BASE_LOGGER_NAME_TOKEN]
-                }] }, { type: i1.LogLevel, decorators: [{
-                    type: Inject,
-                    args: [LOG_LEVEL_TOKEN]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [LOG_APPENDERS_TOKEN]
-                }] }] });
-
-const LOG_INSTANCES = {};
-/**
- * Helper function to check if the log config is defined.
- * Does not check only for empty object, because the config can have  other (non-log) parameters
- * @params config log configuration
- * @returns true/false
- */
-function isLogConfigDefined(config) {
-    return config && ('baseLoggerName' in config || 'logLevel' in config || 'logAppenders' in config);
-}
-/**
- * Helper function to provide a list of log appenders from a log configuration
- *
- * @params config log configuration
- * @returns an array of log appenders
- */
-function getLogAppendersConfig(config = DEFAULT_LOG_CONFIG, injector = null) {
-    config = Object.assign({}, DEFAULT_LOG_CONFIG, config);
-    config.logAppenders = config.logAppenders || [];
-    config.logAppenders = Array.isArray(config.logAppenders) ? config.logAppenders : [config.logAppenders];
-    return config.logAppenders.map((logAppender) => {
-        const appenderType = typeof logAppender === 'object' ? logAppender.type : logAppender;
-        const appenderParams = typeof logAppender === 'object' ? logAppender : undefined;
-        return new appenderType(appenderParams, injector);
-    });
-}
-/**
- * Helper function to provide an instance of LogService from a configuration
- *
- * @params config log configuration
- * @returns an instance of log service
- */
-function logServiceFactory(config = DEFAULT_LOG_CONFIG, injector = null) {
-    // add the default values to config
-    config = Object.assign({}, DEFAULT_LOG_CONFIG, config);
-    // extract parameters from config
-    const logLevel = config.logLevel;
-    const logAppenders = getLogAppendersConfig(config, injector);
-    // return an instance of LogService
-    return new LogService(config.baseLoggerName, logLevel, logAppenders);
-}
-function euiLogServiceFactory(injector, rootBaseLoggerName, rootConfig, childBaseLoggerName = null, childConfig = {}) {
-    // determine if the configuration is for non-root modules
-    const forChild = isLogConfigDefined(childConfig);
-    const baseLoggerName = forChild ? childBaseLoggerName : rootBaseLoggerName;
-    // create the proper configuration
-    const config = Object.assign({ baseLoggerName }, forChild ? Object.assign({}, rootConfig, childConfig) : rootConfig);
-    // re-use the log service or create a new instance
-    const logService = LOG_INSTANCES[baseLoggerName] || logServiceFactory(config, injector);
-    LOG_INSTANCES[baseLoggerName] = logService;
-    return logService;
-}
-
 var CoreAppActionTypes;
 (function (CoreAppActionTypes) {
     CoreAppActionTypes["INIT_STORE"] = "[App] Init store";
@@ -329,218 +231,17 @@ class AddApiQueueItemAction {
 }
 class RemoveApiQueueItemAction {
     constructor(payload) {
-        this.payload = payload;
-        this.type = CoreAppActionTypes.REMOVE_API_QUEUE_ITEM;
-    }
-}
-class EmptyApiQueueAction {
-    constructor(payload) {
-        this.payload = payload;
-        this.type = CoreAppActionTypes.EMPTY_API_QUEUE;
-    }
-}
-
-class LogServiceMock extends LoggerMock {
-    getLogger() {
-        return new LoggerMock();
-    }
-}
-
-const LOG_MODULE_CONFIG_TOKEN = new InjectionToken('LOG_CONFIG');
-/**
- * Log Module
- */
-class LogModule {
-    /** method called in your root module to provide the LogService */
-    static forRoot(config = DEFAULT_LOG_CONFIG) {
-        return {
-            ngModule: LogModule,
-            providers: [
-                { provide: LOG_MODULE_CONFIG_TOKEN, useValue: config },
-                { provide: LogService, useFactory: logServiceFactory, deps: [LOG_MODULE_CONFIG_TOKEN, Injector] },
-            ],
-        };
-    }
-    /** method called in your other (non root, lazy loaded) modules to import a different instance of LogService */
-    static forChild(config = DEFAULT_LOG_CONFIG) {
-        return {
-            ngModule: LogModule,
-            providers: [
-                { provide: LOG_MODULE_CONFIG_TOKEN, useValue: config },
-                { provide: LogService, useFactory: logServiceFactory, deps: [LOG_MODULE_CONFIG_TOKEN, Injector] },
-            ],
-        };
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: LogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.7", ngImport: i0, type: LogModule }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: LogModule }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: LogModule, decorators: [{
-            type: NgModule
-        }] });
-
-var BrowserStorageType;
-(function (BrowserStorageType) {
-    BrowserStorageType[BrowserStorageType["local"] = 0] = "local";
-    BrowserStorageType[BrowserStorageType["session"] = 1] = "session";
-})(BrowserStorageType || (BrowserStorageType = {}));
-// todo should stay here but all the store directory should be moved upper level
-class StoreService {
-    constructor(store, logService) {
-        this.store = store;
-        this.logService = logService;
-        /**
-         * autoSave handlers to call before saving in local Storage
-         */
-        this._autoSaveHandlers = {};
-        /** storage instance e.g. localStorage, sessionStorage */
-        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;
-    }
-    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);
-        });
-    }
-    /**
-     * Proxy to NGRX store.dispatch()
-     * that allows to intercept if the store is present
-     */
-    dispatch(action) {
-        if (this.store) {
-            return this.store.dispatch(action);
-        }
-    }
-    dispatchAction(state, actionKey, reducer) {
-        if (this.store) {
-            this.store.addReducer(actionKey, reducer);
-            return this.store.dispatch({ type: actionKey, payload: state });
-        }
-    }
-    /**
-     * Proxy to NGRX store.select()
-     * that allows to intercept if the store is present
-     */
-    select(key) {
-        if (!this.store) {
-            return throwError(() => new Error('NGRX Store not configured'));
-        }
-        return this.store.select(key);
-    }
-    /**
-     * filters and save the state with the Browser storage
-     * @param state type of CoreState
-     */
-    saveState(state) {
-        let stateToSave = {
-            app: state.app,
-        };
-        if (state.user) {
-            const { userId, preferences } = state.user;
-            stateToSave.user = { userId, preferences };
-        }
-        Object.keys(this._autoSaveHandlers).forEach((sliceState) => {
-            const handler = this._autoSaveHandlers[sliceState];
-            stateToSave = Object.assign(stateToSave, { [sliceState]: handler(state[sliceState]) });
-        });
-        try {
-            const serializedState = JSON.stringify(stateToSave);
-            this._storage.setItem('state', serializedState);
-        }
-        catch (err) {
-            // Ignore write errors.
-        }
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: StoreService, deps: [{ token: i1$1.Store, optional: true }, { token: LogService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: StoreService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: StoreService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i1$1.Store, decorators: [{
-                    type: Optional
-                }] }, { type: LogService, decorators: [{
-                    type: Optional
-                }] }] });
-
-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
-        ...getDependencyProviders(),
-        { provide: BASE_NAME_TOKEN, useValue: 'eui-core' },
-        // app config
-        { provide: CONFIG_TOKEN, useFactory: prepareEuiAppConfigToken, deps: [EUI_CONFIG_TOKEN] },
-        // global config
-        { provide: GLOBAL_CONFIG_TOKEN, useFactory: getGlobalConfig, deps: [CONFIG_TOKEN] },
-        { provide: ROOT_LOG_CONFIG_TOKEN, useFactory: getRootLogConfig, deps: [CONFIG_TOKEN] },
-        { 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() {
-    return [{ provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] }];
+        this.payload = payload;
+        this.type = CoreAppActionTypes.REMOVE_API_QUEUE_ITEM;
+    }
 }
-function getCoreChildProviders(moduleName) {
-    return [
-        // module config
-        { provide: MODULE_NAME_TOKEN, useValue: moduleName },
-        { provide: MODULE_CONFIG_TOKEN, useFactory: getModuleConfig, deps: [CONFIG_TOKEN, MODULE_NAME_TOKEN] },
-        // log config
-        {
-            provide: LogService,
-            useFactory: euiLogServiceFactory,
-            deps: [Injector, BASE_NAME_TOKEN, ROOT_LOG_CONFIG_TOKEN, MODULE_NAME_TOKEN, MODULE_CONFIG_TOKEN],
-        },
-    ];
+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
+    constructor(payload) {
+        this.payload = payload;
+        this.type = CoreAppActionTypes.EMPTY_API_QUEUE;
+    }
 }
 
 var CoreI18nActionTypes;
@@ -587,6 +288,8 @@ class UpdateUserRightsAction {
     }
 }
 class UpdateUserDashboardAction {
+    // 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
     constructor(payload) {
         this.payload = payload;
         this.type = CoreUserActionTypes.UPDATE_USER_DASHBOARD;
@@ -598,6 +301,8 @@ var CoreNotificationsActionTypes;
     CoreNotificationsActionTypes["UPDATE_NOTIFICATIONS_LIST"] = "[Notif] Update list";
 })(CoreNotificationsActionTypes || (CoreNotificationsActionTypes = {}));
 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
     constructor(payload) {
         this.payload = payload;
         this.type = CoreNotificationsActionTypes.UPDATE_NOTIFICATIONS_LIST;
@@ -682,10 +387,10 @@ class EuiGrowlService {
     growlInfo(msg, position) {
         this.growl({ severity: 'info', summary: 'INFO', detail: msg }, false, false, undefined, position);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiGrowlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiGrowlService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiGrowlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiGrowlService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiGrowlService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiGrowlService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -727,15 +432,15 @@ class CoreAppEffects {
             }
         })), { dispatch: false });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: CoreAppEffects, deps: [{ token: i1$2.Actions }, { token: SHOW_CONNECTION_STATUS_TOKEN }, { token: i1$3.TranslateService }, { token: EuiGrowlService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: CoreAppEffects }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: CoreAppEffects, deps: [{ token: i1$1.Actions }, { token: SHOW_CONNECTION_STATUS_TOKEN }, { token: i1$2.TranslateService }, { token: EuiGrowlService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: CoreAppEffects }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: CoreAppEffects, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: CoreAppEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$2.Actions }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1$1.Actions }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [SHOW_CONNECTION_STATUS_TOKEN]
-                }] }, { type: i1$3.TranslateService }, { type: EuiGrowlService }] });
+                }] }, { type: i1$2.TranslateService }, { type: EuiGrowlService }] });
 
 const CoreModuleEffects = [CoreAppEffects];
 
@@ -772,7 +477,6 @@ const removeApiQueueItem = (state, action) => {
     }, {});
     return Object.assign({}, state, { apiQueue });
 };
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
 const emptyApiQueue = (state, action) => 
 // remove all items in the Api Queue
 Object.assign({}, state, { apiQueue: {} });
@@ -874,6 +578,8 @@ const coreLocaleReducers = (state = initialLocaleState, action) => {
     return state;
 };
 
+// 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({}, {
     app: coreAppReducers,
     user: coreUserReducers,
@@ -882,6 +588,8 @@ const coreReducers = Object.assign({}, {
     locale: coreLocaleReducers,
 });
 
+// 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
@@ -908,66 +616,318 @@ const filterAppState = (app) => {
     if (!app) {
         return {};
     }
-    return (Object.keys(app)
-        // select keys that are present in the allowed list
-        .filter((key) => !disallowedKeys.includes(key))
-        // build a new object with only the allowed properties
-        .reduce((obj, key) => {
-        obj[key] = app[key];
-        return obj;
-    }, {}));
-};
-/**
- *
- * @param storageType
- */
-const loadState = (storage = localStorage) => {
-    try {
-        // by default falls back to localStorage
-        const serializedState = storage.getItem('state');
-        if (serializedState === null) {
-            return undefined;
+    return (Object.keys(app)
+        // select keys that are present in the allowed list
+        .filter((key) => !disallowedKeys.includes(key))
+        // build a new object with only the allowed properties
+        .reduce((obj, key) => {
+        obj[key] = app[key];
+        return obj;
+    }, {}));
+};
+/**
+ *
+ * @param storage Type of storage to load the state from
+ */
+const loadState = (storage = localStorage) => {
+    try {
+        // by default falls back to localStorage
+        const serializedState = storage.getItem('state');
+        if (serializedState === null) {
+            return undefined;
+        }
+        // deserialize state
+        let state = JSON.parse(serializedState);
+        // filter AppState and replace
+        state = { ...state, app: filterAppState(state?.app) };
+        return state;
+    }
+    catch (err) {
+        return undefined;
+    }
+};
+const cb = (reducer, storage) => (state, action) => {
+    if (action.type === CoreAppActionTypes.INIT_STORE) {
+        // 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.
+        // 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);
+            }
+        }
+        // update the app version, if defined
+        if (payloadVersion) {
+            state = { ...state, app: { ...state?.app, version: payloadVersion } };
+        }
+    }
+    return reducer(state, action);
+};
+
+const BASE_LOGGER_NAME_TOKEN = new InjectionToken('BASE_LOGGER_NAME');
+const LOG_LEVEL_TOKEN = new InjectionToken('LOG_LEVEL');
+const LOG_APPENDERS_TOKEN = new InjectionToken('LOG_APPENDERS');
+/**
+ * Log service, responsible for getting or creating loggers. It itself acts as a base logger
+ */
+class LogService extends Logger {
+    constructor(name, level, appenders) {
+        super(name, level, appenders);
+        this.name = name;
+        this.level = level;
+        this.appenders = appenders;
+        /** the list of persistent loggers */
+        this.loggers = {};
+    }
+    /**
+     * Gets a logger by name. If the logger does not exist, it is created
+     *
+     * @param loggerName logger name
+     * @param persist optional parameter. Set it to true if you want to reuse the logger. By default, it is set to false
+     * @returns the logger
+     */
+    getLogger(loggerName, persist = false) {
+        // create the logger, if necessary
+        const logger = (persist && this.loggers[loggerName]) || new Logger(loggerName, this.level, this.appenders);
+        // if the logger is persistent, add it to the list of persistent loggers
+        if (persist) {
+            this.loggers[loggerName] = logger;
+        }
+        return logger;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: LogService, deps: [{ token: BASE_LOGGER_NAME_TOKEN }, { token: LOG_LEVEL_TOKEN }, { token: LOG_APPENDERS_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: LogService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: LogService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [BASE_LOGGER_NAME_TOKEN]
+                }] }, { type: i1.LogLevel, decorators: [{
+                    type: Inject,
+                    args: [LOG_LEVEL_TOKEN]
+                }] }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [LOG_APPENDERS_TOKEN]
+                }] }] });
+
+class LogServiceMock extends LoggerMock {
+    getLogger() {
+        return new LoggerMock();
+    }
+}
+
+const LOG_INSTANCES = {};
+/**
+ * Helper function to check if the log config is defined.
+ * Does not check only for empty object, because the config can have  other (non-log) parameters
+ * @params config log configuration
+ * @returns true/false
+ */
+function isLogConfigDefined(config) {
+    return config && ('baseLoggerName' in config || 'logLevel' in config || 'logAppenders' in config);
+}
+/**
+ * Helper function to provide a list of log appenders from a log configuration
+ *
+ * @params config log configuration
+ * @returns an array of log appenders
+ */
+function getLogAppendersConfig(config = DEFAULT_LOG_CONFIG, injector = null) {
+    config = Object.assign({}, DEFAULT_LOG_CONFIG, config);
+    config.logAppenders = config.logAppenders || [];
+    config.logAppenders = Array.isArray(config.logAppenders) ? config.logAppenders : [config.logAppenders];
+    return config.logAppenders.map((logAppender) => {
+        const appenderType = typeof logAppender === 'object' ? logAppender.type : logAppender;
+        const appenderParams = typeof logAppender === 'object' ? logAppender : undefined;
+        return new appenderType(appenderParams, injector);
+    });
+}
+/**
+ * Helper function to provide an instance of LogService from a configuration
+ *
+ * @params config log configuration
+ * @returns an instance of log service
+ */
+function logServiceFactory(config = DEFAULT_LOG_CONFIG, injector = null) {
+    // add the default values to config
+    config = Object.assign({}, DEFAULT_LOG_CONFIG, config);
+    // extract parameters from config
+    const logLevel = config.logLevel;
+    const logAppenders = getLogAppendersConfig(config, injector);
+    // return an instance of LogService
+    return new LogService(config.baseLoggerName, logLevel, logAppenders);
+}
+function euiLogServiceFactory(injector, rootBaseLoggerName, rootConfig, childBaseLoggerName = null, childConfig = {}) {
+    // determine if the configuration is for non-root modules
+    const forChild = isLogConfigDefined(childConfig);
+    const baseLoggerName = forChild ? childBaseLoggerName : rootBaseLoggerName;
+    // create the proper configuration
+    const config = Object.assign({ baseLoggerName }, forChild ? Object.assign({}, rootConfig, childConfig) : rootConfig);
+    // re-use the log service or create a new instance
+    const logService = LOG_INSTANCES[baseLoggerName] || logServiceFactory(config, injector);
+    LOG_INSTANCES[baseLoggerName] = logService;
+    return logService;
+}
+
+const LOG_MODULE_CONFIG_TOKEN = new InjectionToken('LOG_CONFIG');
+/**
+ * Log Module
+ */
+class LogModule {
+    /** method called in your root module to provide the LogService */
+    static forRoot(config = DEFAULT_LOG_CONFIG) {
+        return {
+            ngModule: LogModule,
+            providers: [
+                { provide: LOG_MODULE_CONFIG_TOKEN, useValue: config },
+                { provide: LogService, useFactory: logServiceFactory, deps: [LOG_MODULE_CONFIG_TOKEN, Injector] },
+            ],
+        };
+    }
+    /** method called in your other (non root, lazy loaded) modules to import a different instance of LogService */
+    static forChild(config = DEFAULT_LOG_CONFIG) {
+        return {
+            ngModule: LogModule,
+            providers: [
+                { provide: LOG_MODULE_CONFIG_TOKEN, useValue: config },
+                { provide: LogService, useFactory: logServiceFactory, deps: [LOG_MODULE_CONFIG_TOKEN, Injector] },
+            ],
+        };
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: LogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.1", ngImport: i0, type: LogModule }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: LogModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: LogModule, decorators: [{
+            type: NgModule
+        }] });
+
+var BrowserStorageType;
+(function (BrowserStorageType) {
+    BrowserStorageType[BrowserStorageType["local"] = 0] = "local";
+    BrowserStorageType[BrowserStorageType["session"] = 1] = "session";
+})(BrowserStorageType || (BrowserStorageType = {}));
+// todo should stay here but all the store directory should be moved upper level
+// 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) {
+        this.store = store;
+        this.logService = logService;
+        /**
+         * autoSave handlers to call before saving in local Storage
+         */
+        this._autoSaveHandlers = {};
+        /** storage instance e.g. localStorage, sessionStorage */
+        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;
+    }
+    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);
+        });
+    }
+    /**
+     * Proxy to NGRX store.dispatch()
+     * 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
+    dispatch(action) {
+        if (this.store) {
+            return this.store.dispatch(action);
+        }
+    }
+    // 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 });
         }
-        // deserialize state
-        let state = JSON.parse(serializedState);
-        // filter AppState and replace
-        state = { ...state, app: filterAppState(state?.app) };
-        return state;
     }
-    catch (err) {
-        return undefined;
+    /**
+     * 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'));
+        }
+        return this.store.select(key);
     }
-};
-const cb = (reducer, storage) => (state, action) => {
-    if (action.type === CoreAppActionTypes.INIT_STORE) {
-        // 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.
-        // 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);
-            }
+    /**
+     * filters and save the state with the Browser storage
+     * @param state type of CoreState
+     */
+    saveState(state) {
+        let stateToSave = {
+            app: state.app,
+        };
+        if (state.user) {
+            const { userId, preferences } = state.user;
+            stateToSave.user = { userId, preferences };
         }
-        // update the app version, if defined
-        if (payloadVersion) {
-            state = { ...state, app: { ...state?.app, version: payloadVersion } };
+        Object.keys(this._autoSaveHandlers).forEach((sliceState) => {
+            const handler = this._autoSaveHandlers[sliceState];
+            stateToSave = Object.assign(stateToSave, { [sliceState]: handler(state[sliceState]) });
+        });
+        try {
+            const serializedState = JSON.stringify(stateToSave);
+            this._storage.setItem('state', serializedState);
+        }
+        catch (err) {
+            // Ignore write errors.
         }
     }
-    return reducer(state, action);
-};
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: StoreService, deps: [{ token: i1$3.Store, optional: true }, { token: LogService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: StoreService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: StoreService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1$3.Store, decorators: [{
+                    type: Optional
+                }] }, { type: LogService, decorators: [{
+                    type: Optional
+                }] }] });
 
 class StoreServiceMock extends StoreService {
     constructor() {
@@ -980,13 +940,72 @@ class StoreServiceMock extends StoreService {
     select() {
         return of({});
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: StoreServiceMock, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: StoreServiceMock }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: StoreServiceMock, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: StoreServiceMock }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: StoreServiceMock, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: StoreServiceMock, decorators: [{
             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
+        ...getDependencyProviders(),
+        { provide: BASE_NAME_TOKEN, useValue: 'eui-core' },
+        // app config
+        { provide: CONFIG_TOKEN, useFactory: prepareEuiAppConfigToken, deps: [EUI_CONFIG_TOKEN] },
+        // global config
+        { provide: GLOBAL_CONFIG_TOKEN, useFactory: getGlobalConfig, deps: [CONFIG_TOKEN] },
+        { provide: ROOT_LOG_CONFIG_TOKEN, useFactory: getRootLogConfig, deps: [CONFIG_TOKEN] },
+        { 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() {
+    return [{ provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] }];
+}
+function getCoreChildProviders(moduleName) {
+    return [
+        // module config
+        { provide: MODULE_NAME_TOKEN, useValue: moduleName },
+        { provide: MODULE_CONFIG_TOKEN, useFactory: getModuleConfig, deps: [CONFIG_TOKEN, MODULE_NAME_TOKEN] },
+        // log config
+        {
+            provide: LogService,
+            useFactory: euiLogServiceFactory,
+            deps: [Injector, BASE_NAME_TOKEN, ROOT_LOG_CONFIG_TOKEN, MODULE_NAME_TOKEN, MODULE_CONFIG_TOKEN],
+        },
+    ];
+}
+
 const CORE_ROOT_GUARD = new InjectionToken('Internal Theme ForRoot Guard');
 class CoreModule {
     /**
@@ -1027,11 +1046,11 @@ class CoreModule {
             storeService.dispatch(new AddAppLoadedConfigModulesAction({ moduleName, moduleConfig }));
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: CoreModule, deps: [{ token: CORE_ROOT_GUARD, optional: true }, { token: CoreModule, optional: true, skipSelf: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.0-next.7", ngImport: i0, type: CoreModule }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: CoreModule }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: CoreModule, deps: [{ token: CORE_ROOT_GUARD, optional: true }, { token: CoreModule, optional: true, skipSelf: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.1", ngImport: i0, type: CoreModule }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: CoreModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: CoreModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: CoreModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1050,7 +1069,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7",
                 }] }, { type: i0.Injector }] });
 const createEuiCoreRootGuard = (core) => {
     if (core) {
-        throw new TypeError(`CoreModule.forRoot() called twice. Feature modules should use ThemeModule.forChild() instead.`);
+        throw new TypeError('CoreModule.forRoot() called twice. Feature modules should use ThemeModule.forChild() instead.');
     }
     return 'guarded';
 };
@@ -1110,6 +1129,8 @@ const messages = {
 // Intermediate "hacky" subclass taken from
 // https://www.bennadel.com/blog/3226-experimenting-with-error-sub-classing-using-es5-and-typescript-2-1-5.htm
 class ErrorSubClass {
+    // 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
     constructor(code, msg, args) {
         if (!msg && code && code in messages) {
             if (typeof messages[code] === 'function') {
@@ -1135,6 +1156,8 @@ class ErrorSubClass {
 // This replaces the "extends" on the Class
 // ErrorSubClass.prototype = <any>Object.create(Error.prototype);
 class EuiError extends ErrorSubClass {
+    // 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
     constructor(code = errorCodes.ERR_GENERIC, msg, args) {
         super(code, msg, args);
         this.name = 'EuiError';
@@ -1146,16 +1169,18 @@ class GlobalErrorHandler extends ErrorHandler {
         super();
         this.logService = logService;
     }
+    // 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
     handleError(error) {
         // log error
         this.logService.error(error.message || error.toString());
         // throw error;
         super.handleError(error);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: GlobalErrorHandler, deps: [{ token: LogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: GlobalErrorHandler, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: GlobalErrorHandler, deps: [{ token: LogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: GlobalErrorHandler, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: GlobalErrorHandler, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: GlobalErrorHandler, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1168,21 +1193,28 @@ class HttpErrorHandlerInterceptor {
         this.injector = injector;
         this.router = router;
     }
+    // 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
     intercept(req, next) {
-        return next.handle(req).pipe(tap(() => { }, (error) => {
-            // in case of http error
-            if (error instanceof HttpErrorResponse) {
-                const routeConfig = this.getRouteConfig(error);
-                const rule = routeConfig && (routeConfig[error.status] || routeConfig.default);
-                if (typeof rule === 'string') {
-                    // perform a redirect
-                    this.router.navigate([rule]);
-                }
-                else if (typeof rule === 'function') {
-                    // callback function
-                    rule.call(null, error, this.injector);
+        return next.handle(req).pipe(tap({
+            next: () => { },
+            // 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
+            error: (error) => {
+                // in case of http error
+                if (error instanceof HttpErrorResponse) {
+                    const routeConfig = this.getRouteConfig(error);
+                    const rule = routeConfig && (routeConfig[error.status] || routeConfig.default);
+                    if (typeof rule === 'string') {
+                        // perform a redirect
+                        this.router.navigate([rule]);
+                    }
+                    else if (typeof rule === 'function') {
+                        // callback function
+                        rule.call(null, error, this.injector);
+                    }
                 }
-            }
+            },
         }));
     }
     /**
@@ -1200,10 +1232,10 @@ class HttpErrorHandlerInterceptor {
         // return the first matching route, if any
         return routes.length > 0 ? routes[0] : null;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: HttpErrorHandlerInterceptor, deps: [{ token: HTTP_ERROR_HANDLER_CONFIG_TOKEN }, { token: i0.Injector }, { token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: HttpErrorHandlerInterceptor }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: HttpErrorHandlerInterceptor, deps: [{ token: HTTP_ERROR_HANDLER_CONFIG_TOKEN }, { token: i0.Injector }, { token: i1$4.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: HttpErrorHandlerInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: HttpErrorHandlerInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: HttpErrorHandlerInterceptor, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -1289,6 +1321,8 @@ class ApiQueueService {
      * @param id - id of the item inside the queue
      * @return An Observable of type any
      */
+    // 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(id) {
         return this.store.select(getApiQueueItem(id)).pipe(take(1), switchMap((queue) => {
             if (!queue) {
@@ -1303,6 +1337,8 @@ class ApiQueueService {
      * @param [continueOnError=true] - in case of an item request fails continue with the rest in queue
      * @return An Observable with an array which contains all responses from all items in queue.
      */
+    // 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(continueOnError = true) {
         return this.store.select(getApiQueue).pipe(map((queue) => Object.entries(queue).map(([key, value]) => this.buildHttpRequest(key, value).pipe(catchError((error) => {
             this.logService.error(`Queue Item with id ${key} failed.`, error.message, error.stack);
@@ -1310,7 +1346,10 @@ class ApiQueueService {
                 throw error;
             }
             return of(error);
-        })))), switchMap((obsQueue) => forkJoin(Array.from(obsQueue))));
+        })))), 
+        // 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
+        switchMap((obsQueue) => forkJoin(Array.from(obsQueue))));
     }
     /**
      * Process all items in queue after it order them based on their timestamp. Beware that order
@@ -1318,6 +1357,8 @@ class ApiQueueService {
      * or Http response follows order.
      * @param [ascending=true] - sets the order of queue items based on timestamp
      */
+    // 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
     processAllQueueItemsSequential(ascending = true) {
         return this.store.select(getApiQueue).pipe(concatMap((queue) => Object.entries(queue)
             .sort((a, b) => (ascending ? this.sortOnTimestamp(a, b) : this.sortOnTimestamp(b, a)))
@@ -1340,13 +1381,16 @@ class ApiQueueService {
      * @param item - the item of the queue that matches the id.
      * @return An Observable of HttpClient Request
      */
+    // 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)));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: ApiQueueService, deps: [{ token: StoreService }, { token: i1$5.HttpClient }, { token: LogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: ApiQueueService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: ApiQueueService, deps: [{ token: StoreService }, { token: i1$5.HttpClient }, { token: LogService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: ApiQueueService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: ApiQueueService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: ApiQueueService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1364,11 +1408,15 @@ 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({});
     }
@@ -1380,9 +1428,12 @@ class I18nResourceImpl {
      *
      * @param prefix the prefix of the resource
      * @param suffix the suffix of the resource, optional parameter
-     * @param compileTranslations compiler function, optional parameter
+     * @param compileTranslationsFn compiler function, optional parameter
      */
-    constructor(prefix, suffix = '', compileTranslationsFn = (translations) => translations) {
+    constructor(prefix, suffix = '', 
+    // 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, @typescript-eslint/explicit-function-return-type
+    compileTranslationsFn = (translations) => translations) {
         this.prefix = prefix;
         this.suffix = suffix;
         this.compileTranslationsFn = compileTranslationsFn;
@@ -1394,6 +1445,8 @@ class I18nResourceImpl {
      * @param lang the translations language
      * @returns the pre-processed translations
      */
+    // 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
     compileTranslations(translations, lang) {
         return this.compileTranslationsFn(translations, lang);
     }
@@ -1435,6 +1488,8 @@ class I18nLoader {
      * @param lang
      * @returns Observable<any>
      */
+    // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     getTranslation(lang) {
         return this.loadResources(this.resources, lang).pipe(map((loadedResources) => {
             this.failedResources = loadedResources.hasError ? loadedResources.errors : [];
@@ -1470,6 +1525,8 @@ class I18nLoader {
      * @param lang the resource language to load
      * @returns Observable<any>
      */
+    // 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
     loadResources(resources, lang) {
         // if there are resources to load
         if (Array.isArray(resources) && resources.length > 0) {
@@ -1555,13 +1612,20 @@ class I18nLoader {
      * @param lang the resource language to load
      * @returns Observable<any>
      */
+    // 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
     loadResource(resource, lang) {
         // the path to the resource
         const path = resource.getPath(lang);
         // load the translations from the path
         return this.http.get(path).pipe(
         // preprocess the translations using the resource compiler
-        map((translations) => resource.compileTranslations(translations, lang)), map((translations) => {
+        // 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
+        map((translations) => resource.compileTranslations(translations, lang)), 
+        // 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
+        map((translations) => {
             // resource loaded properly, send a info message
             if (this.logService) {
                 this.logService.info(`I18n resource loaded from path ${path}`);
@@ -1586,10 +1650,10 @@ class I18nLoader {
         }
         return undefined;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: I18nLoader, deps: [{ token: i1$5.HttpClient }, { token: LogService, optional: true }, { token: CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: I18nLoader }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: I18nLoader, deps: [{ token: i1$5.HttpClient }, { token: LogService, optional: true }, { token: CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: I18nLoader }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: I18nLoader, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: I18nLoader, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1$5.HttpClient }, { type: LogService, decorators: [{
                     type: Optional
@@ -1617,7 +1681,9 @@ class I18nService extends EuiLazyService {
     }
     getState(keyOrMapFn) {
         let selector = getI18nState;
-        let dotNotationToObject = (obj, key) => key.split('.').reduce((slice, i) => slice[i], obj);
+        // 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);
         if (keyOrMapFn) {
             switch (typeof keyOrMapFn) {
                 case 'function':
@@ -1647,15 +1713,6 @@ 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)
@@ -1678,6 +1735,7 @@ class I18nService extends EuiLazyService {
      * Add resources based of a config loader
      *
      * @param config I18nLoaderConfig
+     * @param moduleName
      * @return Promise<EuiServiceStatus> an EuiServiceStatus when translation has fully loaded
      */
     addResources(config, moduleName) {
@@ -1685,6 +1743,8 @@ class I18nService extends EuiLazyService {
         this.onModuleLoad.next({ ready: false, name: moduleName });
         const loader = this.translateService.currentLoader;
         if (loader instanceof I18nLoader) {
+            // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
             const langSubscription = [];
             const i18nLoader = loader;
             // add the resources to the loader
@@ -1694,10 +1754,10 @@ class I18nService extends EuiLazyService {
                 // add the new set of translations to the current language
                 this.translateService.setTranslation(this.translateService.currentLang, loadedResources.translations, true);
             })));
-            // if the current language is different than the DEFAULT language
+            // if the current language is different from the DEFAULT language
             const defaultLang = this.config.defaultLanguage || this.translateService.defaultLang;
             if (this.translateService.currentLang !== defaultLang) {
-                // manually load the resources for the default language and add them to the translate service
+                // manually load the resources for the default language and add them to the translation service
                 langSubscription.push(i18nLoader.loadResources(resources, defaultLang).pipe(take(1), tap((loadedResources) => {
                     this.translateService.setTranslation(defaultLang, loadedResources.translations, true);
                 })));
@@ -1789,6 +1849,8 @@ class I18nService extends EuiLazyService {
      * @returns Observable that returns an object contain the object translation for given language after language
      * fully loaded.
      */
+    // 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
     use(lang) {
         return this.translateService.use(lang);
     }
@@ -1800,10 +1862,10 @@ class I18nService extends EuiLazyService {
     updateHTMLDOMLang(lang) {
         this.document.documentElement.lang = lang;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", 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 }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: I18nService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", 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 }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: I18nService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: I18nService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: I18nService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -1811,46 +1873,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7",
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [GLOBAL_CONFIG_TOKEN]
-                }] }, { type: i1$3.TranslateService }, { type: LogService, decorators: [{
+                }] }, { type: i1$2.TranslateService }, { type: LogService, decorators: [{
                     type: Optional
                 }] }, { type: StoreService }, { type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
                 }] }] });
 
-class I18nServiceMock extends I18nService {
-    constructor() {
-        super(null, null, null, null, null);
-        this.DEFAULT_LANGUAGE = 'en';
-    }
-    get onLangChange() {
-        return new EventEmitter();
-    }
-    addResources() {
-        return of({ success: true });
-    }
-    get currentLanguage() {
-        return this.DEFAULT_LANGUAGE;
-    }
-    getState() {
-        return of({ activeLang: this.DEFAULT_LANGUAGE });
-    }
-    updateState(i18nState) {
-        this.DEFAULT_LANGUAGE = i18nState.activeLang || 'en';
-    }
-    init(i18nState) {
-        this.DEFAULT_LANGUAGE = i18nState.activeLang || 'en';
-        return of({ success: true });
-    }
-    lazyLoadInit() {
-        return of({ success: true });
-    }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: I18nServiceMock, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: I18nServiceMock }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: I18nServiceMock, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
+// export * from './i18n.service.mock';
 
 const diffDays = (dateStart, dateEnd) => Math.round((dateEnd.getTime() - dateStart.getTime()) / 1000 / 60 / 60 / 24);
 const diffDaysFromToday = (date) => diffDays(new Date(), date);
@@ -1860,15 +1890,15 @@ const diffDaysFromToday = (date) => diffDays(new Date(), date);
  * http://api.jquery.com/position/
  */
 const position = (nativeEl) => {
-    let elBCR = offset(nativeEl);
+    const elBCR = offset(nativeEl);
     let offsetParentBCR = { top: 0, left: 0 };
-    let offsetParentEl = parentOffsetEl(nativeEl);
+    const offsetParentEl = parentOffsetEl(nativeEl);
     if (offsetParentEl !== document) {
         offsetParentBCR = offset(offsetParentEl);
         offsetParentBCR.top += offsetParentEl.clientTop - offsetParentEl.scrollTop;
         offsetParentBCR.left += offsetParentEl.clientLeft - offsetParentEl.scrollLeft;
     }
-    let boundingClientRect = nativeEl.getBoundingClientRect();
+    const boundingClientRect = nativeEl.getBoundingClientRect();
     return {
         width: boundingClientRect.width || nativeEl.offsetWidth,
         height: boundingClientRect.height || nativeEl.offsetHeight,
@@ -1881,7 +1911,7 @@ const position = (nativeEl) => {
  * http://api.jquery.com/offset/
  */
 const offset = (nativeEl) => {
-    let boundingClientRect = nativeEl.getBoundingClientRect();
+    const boundingClientRect = nativeEl.getBoundingClientRect();
     return {
         width: boundingClientRect.width || nativeEl.offsetWidth,
         height: boundingClientRect.height || nativeEl.offsetHeight,
@@ -1890,6 +1920,8 @@ 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
     if (nativeEl.currentStyle) {
@@ -1917,8 +1949,8 @@ const parentOffsetEl = (nativeEl) => {
     return offsetParent || document;
 };
 const getViewElement = (fixture, componentClass, klass) => {
-    let de, el, domElement;
-    de = fixture.debugElement.query(By.css(componentClass));
+    let el, domElement;
+    const de = fixture.debugElement.query(By.css(componentClass));
     if (de) {
         el = de.nativeElement;
         if (el && klass) {
@@ -1928,7 +1960,7 @@ const getViewElement = (fixture, componentClass, klass) => {
             }
         }
     }
-    return { de, el, domElement };
+    return { de, el, domElement: domElement };
 };
 const closestMatchingParent = (target, className) => {
     let element = target;
@@ -2014,11 +2046,11 @@ const formatNumber = (value, fractionSize = 2, inDecimalSeparator = ',', inThous
     }
     if (typeof value === 'string') {
         // get all non characters
-        let nonChars = value.match(/[^0-9]+/g) || [];
+        const nonChars = value.match(/[^0-9]+/g) || [];
         // get all unique chars
-        let uniqueChars = nonChars.reduce((acc, e) => acc.set(e, (acc.get(e) || 0) + 1), new Map());
+        const uniqueChars = nonChars.reduce((acc, e) => acc.set(e, (acc.get(e) || 0) + 1), new Map());
         // get separators
-        let separators = Array.from(uniqueChars.keys());
+        const separators = Array.from(uniqueChars.keys());
         // sense where decimal separator and where thousand separator is
         if (separators.length > 1) {
             // left detected separator will be thousand and second will be decimal
@@ -2044,12 +2076,13 @@ const formatNumber = (value, fractionSize = 2, inDecimalSeparator = ',', inThous
             return value.replace(/\B(?=(\d{3})+(?!\d))/g, inThousandSeparator);
         }
         // do the replacement of separators and parseInt
-        // Beware! Always replace thousand separator first and then decimal
+        // Beware! Always replace a thousand separator first and then decimal
         value = value.split(thousandsSeparator).join('').replace(decimalSeparator, '.');
     }
     decimalSeparator = inDecimalSeparator;
     thousandsSeparator = inThousandSeparator;
     const maxFraction = '0'.repeat(fractionSize);
+    // eslint-disable-next-line prefer-const
     let [integer, fraction = maxFraction] = (value || '0').toString().split('.');
     fraction = fractionSize > 0 ? (fraction + maxFraction).substring(0, fractionSize) : '';
     // this rule makes sense only in number in case fraction is all zero
@@ -2058,9 +2091,8 @@ const formatNumber = (value, fractionSize = 2, inDecimalSeparator = ',', inThous
 };
 
 const handleError = (error) => {
-    let errMsg = error.message ? error.message : error.status ? `${error.status} - ${error.statusText}` : 'Server error';
-    // console.error(errMsg);
-    return throwError(errMsg);
+    const errMsg = error.message ? error.message : error.status ? `${error.status} - ${error.statusText}` : 'Server error';
+    throw new Error(errMsg);
 };
 
 /**
@@ -2156,14 +2188,14 @@ class EuiPermissionService extends EuiService {
      */
     haveAllRights(rights) {
         if (!isDefined(rights)) {
-            throw Error(`The rights should be an array but instead it's not defined!`);
+            throw Error('The rights should be an array but instead it\'s not defined!');
         }
         return rights.every((right) => this.userRights.find((uRight) => uRight.id === right.id));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiPermissionService, deps: [{ token: LogService, optional: true }, { token: StoreService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiPermissionService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiPermissionService, deps: [{ token: LogService, optional: true }, { token: StoreService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiPermissionService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiPermissionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiPermissionService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -2172,6 +2204,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7",
                     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: can we moved that service inside the module of the component that's using it?
@@ -2223,16 +2258,17 @@ class EuiDynamicMenuService {
             return true;
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiDynamicMenuService, deps: [{ token: EuiPermissionService }, { token: StoreService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiDynamicMenuService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiDynamicMenuService, deps: [{ token: EuiPermissionService }, { token: StoreService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiDynamicMenuService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiDynamicMenuService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiDynamicMenuService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
         }], ctorParameters: () => [{ type: EuiPermissionService }, { type: StoreService }] });
 
+// TODO: Do we need that service anymore? Can we remove it?
 const DYNAMIC_COMPONENT_CONFIG = new InjectionToken('DYNAMIC_COMPONENT_CONFIG');
 class EuiDynamicComponentService {
     constructor(componentFactoryResolver, injector, appRef) {
@@ -2246,6 +2282,8 @@ class EuiDynamicComponentService {
      * @param el The element reference for the component to be injected
      * @param config The data to be passed (config) for the DYNAMIC_COMPONENT_CONFIG token
      */
+    // 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
     add(component, el, config) {
         // TODO: take a look and replace deprecated componentFactoryResolver https://github.com/angular/components/issues/24334
         // Create a portalHost from a DOM element
@@ -2281,15 +2319,17 @@ class EuiDynamicComponentService {
      * creates a custom injector to be used when providing custom injection tokens to components inside a portal
      * @param data to be used by DYNAMIC_COMPONENT_CONFIG token
      */
+    // 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
     createInjector(data) {
         const injectorTokens = new WeakMap();
         injectorTokens.set(DYNAMIC_COMPONENT_CONFIG, data);
         return new PortalInjector(this.injector, injectorTokens);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiDynamicComponentService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiDynamicComponentService }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiDynamicComponentService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiDynamicComponentService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiDynamicComponentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiDynamicComponentService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ApplicationRef }] });
 
@@ -2298,9 +2338,6 @@ const initialState = {
     appShortName: '',
     appSubTitle: '',
     appBaseFontSize: '',
-    userInfos: null,
-    userSubInfos: null,
-    impersonatedUserInfos: null,
     isSidebarOpen: true,
     isSidebarHover: false,
     isSidebarActive: false,
@@ -2355,6 +2392,8 @@ class EuiAppShellService {
     get breakpoint$() {
         return this._breakpoint$.asObservable();
     }
+    // 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 breakpoints$() {
         return this._breakpoints$.asObservable();
     }
@@ -2437,6 +2476,14 @@ class EuiAppShellService {
         this.router = router;
         this.storeService = storeService;
         this.i18nService = i18nService;
+        /**
+         * @deprecated don't remove as it's used for external legacy project under v17 (csdr-eui-legacy) to support MWP transition
+         */
+        this.openModalId = new BehaviorSubject('');
+        /**
+         * @deprecated don't remove as it's used for external legacy project under v17 (csdr-eui-legacy) to support MWP transition
+         */
+        this.activeModals = [];
         this.cssVars = [];
         let stateWithConfig = initialState;
         const languages = config?.i18n?.i18nService?.languages || initialState.languages;
@@ -2461,7 +2508,7 @@ class EuiAppShellService {
         }
     }
     setState(nextState, updateI18 = true) {
-        let breakpoint, breakpoints, wrapperClasses;
+        let breakpoint, breakpoints;
         let combinedLinks;
         const state = this.state;
         // check if window width has been updated from previous state
@@ -2477,7 +2524,7 @@ class EuiAppShellService {
             breakpoints = state.breakpoints;
         }
         // finally get the wrapper classes when both the state and breakpoint are known
-        wrapperClasses = this.getWrapperClasses(nextState, breakpoint);
+        const wrapperClasses = this.getWrapperClasses(nextState, breakpoint);
         // check if the menuLinks or sidebarLinks have changed from previous state
         if (this.state.menuLinks !== nextState.menuLinks || this.state.sidebarLinks !== nextState.sidebarLinks) {
             combinedLinks = [...nextState.menuLinks, ...nextState.sidebarLinks];
@@ -2504,6 +2551,8 @@ class EuiAppShellService {
      *
      * @param key can be 'key' or 'key.sub.sub'
      */
+    // 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
     getState(key) {
         return defer(() => 
         // check if key exists
@@ -2685,8 +2734,8 @@ class EuiAppShellService {
      * Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);
      */
     setAppViewportCssVars() {
-        let vh = window.innerHeight * 0.01;
-        let vw = window.innerWidth * 0.01;
+        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`);
     }
@@ -2706,6 +2755,103 @@ class EuiAppShellService {
         }, false);
         this._setCssVarValue('--eui-base-font-size', newsize);
     }
+    /**
+     * @deprecated don't remove as it's used for external legacy project under v17 (csdr-eui-legacy) to support MWP transition
+     */
+    openModal(modalId) {
+        document.body.classList.add('modal-open');
+        if (!modalId) {
+            modalId = 'single_modal';
+        }
+        this.activeModals.push({
+            id: modalId,
+            isOpen: true,
+        });
+        setTimeout(() => {
+            const el = document.getElementById(modalId + '-close-button');
+            if (el) {
+                el.focus();
+            }
+        }, 100);
+    }
+    /**
+     * @deprecated don't remove as it's used for external legacy project under v17 (csdr-eui-legacy) to support MWP transition
+     */
+    openMessageBox(messageBoxId) {
+        if (!messageBoxId) {
+            messageBoxId = 'messagebox_modal';
+        }
+        this.openModal(messageBoxId);
+    }
+    /**
+     * @deprecated don't remove as it's used for external legacy project under v17 (csdr-eui-legacy) to support MWP transition
+     */
+    closeMessageBox(messageBoxId) {
+        if (!messageBoxId) {
+            messageBoxId = 'messagebox_modal';
+        }
+        this.closeModal(messageBoxId);
+    }
+    /**
+     * @deprecated don't remove as it's used for external legacy project under v17 (csdr-eui-legacy) to support MWP transition
+     */
+    isModalOpen(modalId) {
+        if (!modalId) {
+            modalId = 'single_modal';
+        }
+        if (this.activeModals.length) {
+            const modalIndex = this.findModalIndex(modalId);
+            if (modalIndex !== -1) {
+                return this.activeModals[modalIndex].isOpen;
+            }
+        }
+        return false;
+    }
+    /**
+     * @deprecated don't remove as it's used for external legacy project under v17 (csdr-eui-legacy) to support MWP transition
+     */
+    closeModal(modalId) {
+        if (!modalId) {
+            modalId = 'single_modal';
+        }
+        /**
+         * Make sure we find the modal before splicing the activeModals array
+         */
+        const index = this.findModalIndex(modalId);
+        if (index >= 0) {
+            this.activeModals.splice(index, 1);
+        }
+        if (this.activeModals && this.activeModals.length <= 0) {
+            document.body.classList.remove('modal-open');
+        }
+        else {
+            // If there is still another (parent) modal dialog open, ensure it is focused upon to be able to close is with the ESC key:
+            const lastModalId = this.activeModals[this.activeModals.length - 1].id;
+            if (lastModalId) {
+                setTimeout(() => {
+                    const el = document.getElementById(lastModalId + '-close-button');
+                    if (el) {
+                        el.focus();
+                    }
+                }, 100);
+            }
+        }
+    }
+    /**
+     * @deprecated don't remove as it's used for external legacy project under v17 (csdr-eui-legacy) to support MWP transition
+     */
+    findModalIndex(modalId) {
+        let index = -1;
+        if (this.activeModals.length) {
+            for (let i = 0; i < this.activeModals.length; i++) {
+                if (this.activeModals[i].id === modalId) {
+                    index = i;
+                    break;
+                }
+            }
+        }
+        return index;
+    }
     // ---------------
     // private getters
     // ---------------
@@ -2721,7 +2867,7 @@ class EuiAppShellService {
         document.documentElement.style.setProperty(varName, varValue);
     }
     getWrapperClasses(state, breakpoint) {
-        let classes = [];
+        const classes = [];
         classes.push(breakpoint);
         if (state.hasSidebar) {
             if (state.isSidebarOpen && (state.isSidebarActive || state.isSidebarInnerActive)) {
@@ -2814,12 +2960,14 @@ class EuiAppShellService {
         };
     }
     getJson(url) {
-        return this.http.get(url).toPromise().then(this.extractData).catch(this.handleError);
+        return firstValueFrom(this.http.get(url)).then(this.extractData).catch(this.handleError);
     }
     extractData(res) {
         const body = res;
         return body || {};
     }
+    // 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
     handleError(error) {
         console.error('An error occurred', error);
         return Promise.reject(error.message || error);
@@ -2834,10 +2982,10 @@ class EuiAppShellService {
             }
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", 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 }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiAppShellService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", 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 }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiAppShellService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiAppShellService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiAppShellService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -3561,10 +3709,10 @@ class EuiTimezoneService {
     getTimezone(tz) {
         return EUI_TIMEZONES.find((item) => item.name === tz);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiTimezoneService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiTimezoneService }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiTimezoneService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiTimezoneService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuiTimezoneService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuiTimezoneService, decorators: [{
             type: Injectable
         }] });
 
@@ -3602,18 +3750,26 @@ class AsyncStorageService extends StorageService {
 }
 
 class AsyncStorageServiceMock extends AsyncStorageService {
+    // 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
     ready() {
         return of({});
     }
     name() {
         return null;
     }
+    // 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() {
         return of({});
     }
+    // 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() {
         return of({});
     }
+    // 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
     remove() {
         return of({});
     }
@@ -3641,6 +3797,8 @@ class LocalStorageService extends StorageService {
      * @param key the associated key
      * @returns the value or undefined, if case of error
      */
+    // 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);
@@ -3658,6 +3816,8 @@ class LocalStorageService extends StorageService {
      * @param key the associated key
      * @param value the value to set
      */
+    // 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);
@@ -3683,10 +3843,10 @@ class LocalStorageService extends StorageService {
             }
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: LocalStorageService, deps: [{ token: LogService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: LocalStorageService }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: LocalStorageService, deps: [{ token: LogService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: LocalStorageService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: LocalStorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: LocalStorageService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: LogService, decorators: [{
                     type: Optional
@@ -3712,6 +3872,8 @@ class SessionStorageService extends StorageService {
      * @param key the associated key
      * @returns the value or undefined, if case of error
      */
+    // 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 = sessionStorage.getItem(key);
@@ -3729,6 +3891,8 @@ class SessionStorageService extends StorageService {
      * @param key the associated key
      * @param value the value to set
      */
+    // 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);
@@ -3754,17 +3918,21 @@ class SessionStorageService extends StorageService {
             }
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: SessionStorageService, deps: [{ token: LogService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: SessionStorageService }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: SessionStorageService, deps: [{ token: LogService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: SessionStorageService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: SessionStorageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: SessionStorageService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: LogService, decorators: [{
                     type: Optional
                 }] }] });
 
 /** @internal */
+// 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 localForage = 'defineDriver' in lf ? lf : lf['default'];
+// 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 LOCAL_FORAGE_SERVICE_CONFIG_TOKEN = new InjectionToken('LOCAL_FORAGE_SERVICE_CONFIG');
 /**
  * localforage service, using the localForage javascript library
@@ -3772,7 +3940,10 @@ const LOCAL_FORAGE_SERVICE_CONFIG_TOKEN = new InjectionToken('LOCAL_FORAGE_SERVI
  */
 class LocalForageService extends AsyncStorageService {
     static { this.NAME = 'LocalForageService'; }
-    constructor(config, log) {
+    constructor(
+    // 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
+    config, log) {
         super();
         this.config = config;
         this.log = log;
@@ -3791,11 +3962,16 @@ class LocalForageService extends AsyncStorageService {
      * reflects the readiness of the storage
      * @returns one time emission Observable<void>
      */
+    // 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
     ready() {
-        return from(localForage.ready()).pipe(take(1), tap(() => { }, (err) => {
-            if (this.log) {
-                this.log.error(this.name(), 'ready', err);
-            }
+        return from(localForage.ready()).pipe(take(1), tap({
+            next: () => { },
+            error: (err) => {
+                if (this.log) {
+                    this.log.error(this.name(), 'ready', err);
+                }
+            },
         }));
     }
     /**
@@ -3803,6 +3979,8 @@ class LocalForageService extends AsyncStorageService {
      * @param key the associated key
      * @returns one time emission Observable of value
      */
+    // 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) {
         return from(localForage.getItem(key)).pipe(take(1), tap(() => { }, (err) => {
             if (this.log) {
@@ -3816,11 +3994,17 @@ class LocalForageService extends AsyncStorageService {
      * @param value the value to set
      * @returns one time emission Observable
      */
+    // 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) {
-        return from(localForage.setItem(key, value)).pipe(take(1), tap(() => { }, (err) => {
-            if (this.log) {
-                this.log.error(this.name(), 'set', err);
-            }
+        return from(localForage.setItem(key, value)).pipe(take(1), tap({
+            next: () => {
+            },
+            error: (err) => {
+                if (this.log) {
+                    this.log.error(this.name(), 'set', err);
+                }
+            },
         }));
     }
     /**
@@ -3828,17 +4012,22 @@ class LocalForageService extends AsyncStorageService {
      * @param key the associated key
      * @returns one time emission Observable
      */
+    // 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
     remove(key) {
-        return from(localForage.removeItem(key)).pipe(take(1), tap(() => { }, (err) => {
-            if (this.log) {
-                this.log.error(this.name(), 'remove', err);
-            }
+        return from(localForage.removeItem(key)).pipe(take(1), tap({
+            next: () => { },
+            error: (err) => {
+                if (this.log) {
+                    this.log.error(this.name(), 'remove', err);
+                }
+            },
         }));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: LocalForageService, deps: [{ token: LOCAL_FORAGE_SERVICE_CONFIG_TOKEN, optional: true }, { token: LogService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: LocalForageService }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: LocalForageService, deps: [{ token: LOCAL_FORAGE_SERVICE_CONFIG_TOKEN, optional: true }, { token: LogService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: LocalForageService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: LocalForageService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: LocalForageService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -3886,7 +4075,9 @@ class LocaleService extends EuiService {
     }
     getState(keyOrMapFn) {
         let selector = getLocaleState;
-        let dotNotationToObject = (obj, key) => key.split('.').reduce((slice, i) => slice[i], obj);
+        // 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);
         if (keyOrMapFn) {
             switch (typeof keyOrMapFn) {
                 case 'function':
@@ -4045,10 +4236,10 @@ class LocaleService extends EuiService {
             }
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", 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 }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: LocaleService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", 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 }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: LocaleService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: LocaleService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: LocaleService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -4094,10 +4285,10 @@ class LocaleServiceMock extends LocaleService {
         this.DEFAULT_LOCALE = state.id || 'en';
         return of({ success: true });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: LocaleServiceMock, deps: [{ token: LOCALE_ID, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: LocaleServiceMock }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: LocaleServiceMock, deps: [{ token: LOCALE_ID, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: LocaleServiceMock }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: LocaleServiceMock, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: LocaleServiceMock, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
@@ -4124,7 +4315,9 @@ class UserService extends EuiService {
     }
     getState(keyOrMapFn) {
         let selector = getUserState;
-        let dotNotationToObject = (obj, key) => key.split('.').reduce((slice, i) => slice[i], obj);
+        // 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);
         if (keyOrMapFn) {
             switch (typeof keyOrMapFn) {
                 case 'function':
@@ -4137,6 +4330,8 @@ class UserService extends EuiService {
         }
         return this.store.select(selector);
     }
+    // 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
     updateState(userState, reducer) {
         // if (typeof pathOrReducer === 'string') {
         //     let dotNotationToObject = (obj, key) => key.split('.').reduce((obj, i) => obj[i], obj);
@@ -4150,13 +4345,15 @@ class UserService extends EuiService {
             this.store.dispatchAction(userState, 'user', reducer);
         }
         else {
+            // 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
             this.store.dispatch(new UpdateUserStateAction(userState));
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: UserService, deps: [{ token: StoreService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: UserService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: UserService, deps: [{ token: StoreService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: UserService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: UserService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: UserService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -4167,27 +4364,21 @@ class UserServiceMock extends UserService {
     constructor() {
         super(null);
     }
-    loadUserDetails() {
-        return of({ userId: 'anonymous' });
-    }
-    observePreferencesUpdate() { }
-    loadUserPreferences() {
-        return of({});
-    }
-    saveUserPreferences() {
-        return of({});
+    init(userState) {
+        return of({ success: true });
     }
-    mergeUserPreferences() { }
-    userPreferences() {
+    getState(keyOrMapFn) {
         return of({});
     }
-    getUserId() {
-        return of('anonymous');
+    // 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
+    updateState(userState, reducer) {
+        /* empty */
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: UserServiceMock, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: UserServiceMock }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: UserServiceMock, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: UserServiceMock }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: UserServiceMock, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: UserServiceMock, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -4216,12 +4407,12 @@ class AddLangParamInterceptor {
             params: req.params.set(langParam, langValue),
         }));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: AddLangParamInterceptor, deps: [{ token: i1$3.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: AddLangParamInterceptor }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: AddLangParamInterceptor, deps: [{ token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: AddLangParamInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: AddLangParamInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: AddLangParamInterceptor, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$3.TranslateService }] });
+        }], ctorParameters: () => [{ type: i1$2.TranslateService }] });
 
 class CachePreventionInterceptor {
     intercept(req, next) {
@@ -4235,10 +4426,10 @@ class CachePreventionInterceptor {
             headers: req.headers.set('Cache-Control', 'No-Cache'),
         }));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: CachePreventionInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: CachePreventionInterceptor }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: CachePreventionInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: CachePreventionInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: CachePreventionInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: CachePreventionInterceptor, decorators: [{
             type: Injectable
         }] });
 
@@ -4248,10 +4439,10 @@ class CorsSecurityInterceptor {
             withCredentials: true,
         }));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: CorsSecurityInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: CorsSecurityInterceptor }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: CorsSecurityInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: CorsSecurityInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: CorsSecurityInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: CorsSecurityInterceptor, decorators: [{
             type: Injectable
         }] });
 
@@ -4261,10 +4452,10 @@ class CsrfPreventionInterceptor {
             headers: request.headers.set('X-Requested-With', 'XMLHttpRequest'),
         }));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: CsrfPreventionInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: CsrfPreventionInterceptor }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: CsrfPreventionInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: CsrfPreventionInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: CsrfPreventionInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: CsrfPreventionInterceptor, decorators: [{
             type: Injectable
         }] });
 
@@ -4280,17 +4471,24 @@ class EuLoginSessionTimeoutHandlingInterceptor {
             this.checkRequestErrorForEULoginSessionTimeout(request, error);
         }));
     }
+    // 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
     checkRequestSuccessForEULoginSessionTimeout(request, event) {
         if (event instanceof HttpResponse) {
+            // 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
             if (this.isSsoResponse(event.body)) {
                 this.reauthenticate();
             }
         }
     }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    // 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
     checkRequestErrorForEULoginSessionTimeout(request, response) {
-        // intentionally blank; meant for overriding
+        /* intentionally blank; meant for overriding */
     }
+    // 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
     isSsoResponse(body) {
         if (body) {
             if (typeof body !== 'string') {
@@ -4329,10 +4527,10 @@ class EuLoginSessionTimeoutHandlingInterceptor {
     reauthenticate() {
         document.location.reload();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuLoginSessionTimeoutHandlingInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuLoginSessionTimeoutHandlingInterceptor }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuLoginSessionTimeoutHandlingInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuLoginSessionTimeoutHandlingInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: EuLoginSessionTimeoutHandlingInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: EuLoginSessionTimeoutHandlingInterceptor, decorators: [{
             type: Injectable
         }] });
 
@@ -4341,8 +4539,13 @@ class UxRequestErrorModelInterceptor {
     constructor(errorMappingHandler) {
         this.errorMappingHandler = errorMappingHandler;
     }
+    // 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
     intercept(req, next) {
-        return next.handle(req).pipe(catchError((err) => {
+        return next.handle(req).pipe(
+        // 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
+        catchError((err) => {
             if (this.errorMappingHandler) {
                 if (err instanceof HttpErrorResponse) {
                     err = transformToUxHttpResponse(err, this.errorMappingHandler);
@@ -4351,10 +4554,10 @@ class UxRequestErrorModelInterceptor {
             return of(err);
         }));
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: UxRequestErrorModelInterceptor, deps: [{ token: UX_ERROR_MAPPING_HANDLER_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: UxRequestErrorModelInterceptor }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: UxRequestErrorModelInterceptor, deps: [{ token: UX_ERROR_MAPPING_HANDLER_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: UxRequestErrorModelInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: UxRequestErrorModelInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: UxRequestErrorModelInterceptor, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
@@ -4370,14 +4573,25 @@ class OpenIdConnectInterceptor {
             console.error('Please include the script openid-login.js in your index.html file.', 'For more details, please consult the documentation regarding the Http Interceptors and OpenID Connect configuration.');
         }
     }
-    intercept(request, next, retryCount = 0, retryCallback) {
+    intercept(
+    // 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
+    request, next, retryCount = 0, 
+    // 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
+    retryCallback) {
         if (typeof OpenIdConnect !== 'undefined') {
             let authorizedRequest = retryCallback;
             if (!authorizedRequest) {
+                // 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
                 authorizedRequest = new Subject();
             }
             let subscription = null;
-            OpenIdConnect.getAuthorizationHeaders(request.urlWithParams, (headers) => {
+            OpenIdConnect.getAuthorizationHeaders(request.urlWithParams, 
+            // 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
+            (headers) => {
                 let newRequest = request;
                 if (headers) {
                     let newHeaders = request.headers;
@@ -4402,6 +4616,8 @@ class OpenIdConnectInterceptor {
                 subscription = next
                     .handle(newRequest)
                     .pipe(catchError((response) => this.handleErrorResponse(response, request, next, retryCount, authorizedRequest, subscription)))
+                    // 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
                     .subscribe((httpEvent) => {
                     if (httpEvent) {
                         authorizedRequest.next(httpEvent);
@@ -4414,6 +4630,8 @@ class OpenIdConnectInterceptor {
                     }
                 });
             }, (errorResponse) => {
+                // 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 errorProperties = {
                     error: errorResponse,
                 };
@@ -4434,7 +4652,13 @@ class OpenIdConnectInterceptor {
             return next.handle(request);
         }
     }
-    handleErrorResponse(response, originalRequest, next, retryCount = 0, retryCallback, subscription) {
+    handleErrorResponse(response, 
+    // 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
+    originalRequest, next, retryCount = 0, 
+    // 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
+    retryCallback, subscription) {
         if (response) {
             if (response.error && response.error.error === 'invalid_request') {
                 // The ID token is invalid or incorrect; retrieve another one:
@@ -4467,7 +4691,13 @@ class OpenIdConnectInterceptor {
         }
         return throwError(response);
     }
-    retryRequest(originalRequest, response, next, retryCount = 0, retryCallback, subscription) {
+    retryRequest(
+    // 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
+    originalRequest, response, next, retryCount = 0, 
+    // 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
+    retryCallback, subscription) {
         if (retryCount < this.maximumRequestRetries()) {
             this.intercept(originalRequest, next, retryCount + 1, retryCallback);
         }
@@ -4484,6 +4714,8 @@ class OpenIdConnectInterceptor {
                 retryCallback.complete();
             }
         }
+        // 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
         return of(null);
     }
     apiGatewayTokenExpired(response) {
@@ -4503,10 +4735,10 @@ class OpenIdConnectInterceptor {
             return this.defaultMaximumRequestRetries;
         }
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: OpenIdConnectInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: OpenIdConnectInterceptor }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: OpenIdConnectInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: OpenIdConnectInterceptor }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: OpenIdConnectInterceptor, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: OpenIdConnectInterceptor, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -4514,6 +4746,8 @@ class OpenIdConnectService {
     constructor() {
         this.userDetails = new Observable((observer) => {
             if (typeof ApiGateway !== 'undefined') {
+                // 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
                 ApiGateway.getUser((user) => {
                     if (user) {
                         observer.next({
@@ -4553,10 +4787,10 @@ class OpenIdConnectService {
     getUserDetails() {
         return this.userDetails;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: OpenIdConnectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: OpenIdConnectService, providedIn: 'root' }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: OpenIdConnectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: OpenIdConnectService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.0-next.7", ngImport: i0, type: OpenIdConnectService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.1", ngImport: i0, type: OpenIdConnectService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
@@ -4575,5 +4809,5 @@ class OpenIdConnectServiceMock extends OpenIdConnectService {
  * 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, DYNAMIC_COMPONENT_CONFIG, EUI_CONFIG_TOKEN, EUI_COUNTRIES, EUI_TIMEZONES, EmptyApiQueueAction, ErrorSubClass, EuLoginSessionTimeoutHandlingInterceptor, EuiAppShellService, EuiCoreRootGuardClass, EuiDynamicComponentService, EuiDynamicMenuService, EuiError, EuiGrowlService, EuiPermissionService, EuiTimezoneService, GLOBAL_CONFIG_TOKEN, GlobalErrorHandler, GrowlHttpErrorCallbackFn, HTTP_ERROR_HANDLER_CONFIG_TOKEN, HttpErrorHandlerInterceptor, I18nLoader, I18nResourceImpl, I18nService, I18nServiceMock, 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, OpenIdConnectInterceptor, OpenIdConnectService, OpenIdConnectServiceMock, ROOT_LOG_CONFIG_TOKEN, RemoveApiQueueItemAction, SHOW_CONNECTION_STATUS_TOKEN, SessionStorageService, 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, 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, DYNAMIC_COMPONENT_CONFIG, EUI_CONFIG_TOKEN, EUI_COUNTRIES, EUI_TIMEZONES, EmptyApiQueueAction, ErrorSubClass, EuLoginSessionTimeoutHandlingInterceptor, EuiAppShellService, EuiCoreRootGuardClass, EuiDynamicComponentService, EuiDynamicMenuService, EuiError, EuiGrowlService, EuiPermissionService, 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, OpenIdConnectInterceptor, OpenIdConnectService, OpenIdConnectServiceMock, ROOT_LOG_CONFIG_TOKEN, RemoveApiQueueItemAction, SHOW_CONNECTION_STATUS_TOKEN, SessionStorageService, 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, position, preInitApp, prepareEuiAppConfigToken, coreReducers as reducers, sessionStorageSync, translateConfig, uniqueId, validateEmail };
 //# sourceMappingURL=eui-core.mjs.map