@eui/core 18.0.0-next.7 → 18.0.0-next.70

package/fesm2022/eui-core.mjs

@@ -1,287 +1,3 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from3, except, desc) => {
-  if (from3 && typeof from3 === "object" || typeof from3 === "function") {
-    for (let key of __getOwnPropNames(from3))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from3[key], enumerable: !(desc = __getOwnPropDesc(from3, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-
-// eui-core.mjs
-var eui_core_exports = {};
-__export(eui_core_exports, {
-  ActivatedRouteAction: () => ActivatedRouteAction,
-  AddApiQueueItemAction: () => AddApiQueueItemAction,
-  AddAppLoadedConfigModulesAction: () => AddAppLoadedConfigModulesAction,
-  AddLangParamInterceptor: () => AddLangParamInterceptor,
-  AlertHttpErrorCallbackFn: () => AlertHttpErrorCallbackFn,
-  ApiQueueService: () => ApiQueueService,
-  ApiQueueServiceMock: () => ApiQueueServiceMock,
-  AsyncStorageService: () => AsyncStorageService,
-  AsyncStorageServiceMock: () => AsyncStorageServiceMock,
-  BASE_LOGGER_NAME_TOKEN: () => BASE_LOGGER_NAME_TOKEN,
-  BASE_NAME_TOKEN: () => BASE_NAME_TOKEN,
-  BrowserStorageType: () => BrowserStorageType,
-  CONFIG_TOKEN: () => CONFIG_TOKEN,
-  CORE_ROOT_GUARD: () => CORE_ROOT_GUARD,
-  CachePreventionInterceptor: () => CachePreventionInterceptor,
-  ConsoleHttpErrorCallbackFn: () => ConsoleHttpErrorCallbackFn,
-  CoreAppActionTypes: () => CoreAppActionTypes,
-  CoreI18nActionTypes: () => CoreI18nActionTypes,
-  CoreLocaleActionTypes: () => CoreLocaleActionTypes,
-  CoreModule: () => CoreModule,
-  CoreNotificationsActionTypes: () => CoreNotificationsActionTypes,
-  CoreUserActionTypes: () => CoreUserActionTypes,
-  CorsSecurityInterceptor: () => CorsSecurityInterceptor,
-  CsrfPreventionInterceptor: () => CsrfPreventionInterceptor,
-  DYNAMIC_COMPONENT_CONFIG: () => DYNAMIC_COMPONENT_CONFIG,
-  EUI_CONFIG_TOKEN: () => EUI_CONFIG_TOKEN,
-  EUI_COUNTRIES: () => EUI_COUNTRIES,
-  EUI_TIMEZONES: () => EUI_TIMEZONES,
-  EmptyApiQueueAction: () => EmptyApiQueueAction,
-  ErrorSubClass: () => ErrorSubClass,
-  EuLoginSessionTimeoutHandlingInterceptor: () => EuLoginSessionTimeoutHandlingInterceptor,
-  EuiAppShellService: () => EuiAppShellService,
-  EuiCoreRootGuardClass: () => EuiCoreRootGuardClass,
-  EuiDynamicComponentService: () => EuiDynamicComponentService,
-  EuiDynamicMenuService: () => EuiDynamicMenuService,
-  EuiError: () => EuiError,
-  EuiGrowlService: () => EuiGrowlService,
-  EuiLoaderService: () => EuiLoaderService,
-  EuiPermissionService: () => EuiPermissionService,
-  EuiTimezoneService: () => EuiTimezoneService,
-  GLOBAL_CONFIG_TOKEN: () => GLOBAL_CONFIG_TOKEN,
-  GlobalErrorHandler: () => GlobalErrorHandler,
-  GrowlHttpErrorCallbackFn: () => GrowlHttpErrorCallbackFn,
-  HTTP_ERROR_HANDLER_CONFIG_TOKEN: () => HTTP_ERROR_HANDLER_CONFIG_TOKEN,
-  HttpErrorHandlerInterceptor: () => HttpErrorHandlerInterceptor,
-  I18nLoader: () => I18nLoader,
-  I18nResourceImpl: () => I18nResourceImpl,
-  I18nService: () => I18nService,
-  InitStoreAction: () => InitStoreAction,
-  LANG_PARAM_KEY: () => LANG_PARAM_KEY,
-  LOCALE_ID_MAPPER: () => LOCALE_ID_MAPPER,
-  LOCAL_FORAGE_SERVICE_CONFIG_TOKEN: () => LOCAL_FORAGE_SERVICE_CONFIG_TOKEN,
-  LOG_APPENDERS_TOKEN: () => LOG_APPENDERS_TOKEN,
-  LOG_LEVEL_TOKEN: () => LOG_LEVEL_TOKEN,
-  LocalForageService: () => LocalForageService,
-  LocalStorageService: () => LocalStorageService,
-  LocaleService: () => LocaleService,
-  LocaleServiceMock: () => LocaleServiceMock,
-  LogHttpErrorCallbackFn: () => LogHttpErrorCallbackFn,
-  LogModule: () => LogModule,
-  LogService: () => LogService,
-  LogServiceMock: () => LogServiceMock,
-  MODULE_CONFIG_TOKEN: () => MODULE_CONFIG_TOKEN,
-  MODULE_NAME_TOKEN: () => MODULE_NAME_TOKEN,
-  ROOT_LOG_CONFIG_TOKEN: () => ROOT_LOG_CONFIG_TOKEN,
-  RemoveApiQueueItemAction: () => RemoveApiQueueItemAction,
-  SHOW_CONNECTION_STATUS_TOKEN: () => SHOW_CONNECTION_STATUS_TOKEN,
-  SessionStorageService: () => SessionStorageService,
-  Status: () => Status,
-  StorageService: () => StorageService,
-  StorageServiceMock: () => StorageServiceMock,
-  StoreService: () => StoreService,
-  StoreServiceMock: () => StoreServiceMock,
-  UX_ERROR_MAPPING_HANDLER_TOKEN: () => UX_ERROR_MAPPING_HANDLER_TOKEN,
-  UpdateAppConnectionAction: () => UpdateAppConnectionAction,
-  UpdateAppStatusAction: () => UpdateAppStatusAction,
-  UpdateAppVersionAction: () => UpdateAppVersionAction,
-  UpdateCurrentModuleAction: () => UpdateCurrentModuleAction,
-  UpdateI18nStateAction: () => UpdateI18nStateAction,
-  UpdateLocaleStateAction: () => UpdateLocaleStateAction,
-  UpdateNotificationsListAction: () => UpdateNotificationsListAction,
-  UpdateUserDashboardAction: () => UpdateUserDashboardAction,
-  UpdateUserDetailsAction: () => UpdateUserDetailsAction,
-  UpdateUserPreferencesAction: () => UpdateUserPreferencesAction,
-  UpdateUserRightsAction: () => UpdateUserRightsAction,
-  UpdateUserStateAction: () => UpdateUserStateAction,
-  UserService: () => UserService,
-  UserServiceMock: () => UserServiceMock,
-  UxRequestErrorModelInterceptor: () => UxRequestErrorModelInterceptor,
-  closestMatchingParent: () => closestMatchingParent,
-  consumeEvent: () => consumeEvent,
-  corI18nReducers: () => corI18nReducers,
-  coreAppReducers: () => coreAppReducers,
-  coreLocaleReducers: () => coreLocaleReducers,
-  coreNotificationsReducers: () => coreNotificationsReducers,
-  coreUserReducers: () => coreUserReducers,
-  createEuiCoreRootGuard: () => createEuiCoreRootGuard,
-  diffDays: () => diffDays,
-  diffDaysFromToday: () => diffDaysFromToday,
-  errorCodes: () => errorCodes,
-  euiCoreRootGuardClass: () => euiCoreRootGuardClass,
-  formatNumber: () => formatNumber,
-  getGlobalConfig: () => getGlobalConfig,
-  getHttpErrorHandlingConfig: () => getHttpErrorHandlingConfig,
-  getModuleConfig: () => getModuleConfig,
-  getRootLogConfig: () => getRootLogConfig,
-  getShowConnectionStatus: () => getShowConnectionStatus,
-  getViewElement: () => getViewElement,
-  handleError: () => handleError,
-  isDefined: () => isDefined,
-  loadEuiDynamicEnvironmentConfig: () => loadEuiDynamicEnvironmentConfig,
-  loadState: () => loadState,
-  localForage: () => localForage,
-  localStorageSync: () => localStorageSync,
-  markControlsTouched: () => markControlsTouched,
-  markFormGroupTouched: () => markFormGroupTouched,
-  mergeAppHandlerConfigToAppConfig: () => mergeAppHandlerConfigToAppConfig,
-  mergeAppJsonConfigToAppConfig: () => mergeAppJsonConfigToAppConfig,
-  offset: () => offset,
-  parentOffsetEl: () => parentOffsetEl,
-  position: () => position,
-  preInitApp: () => preInitApp,
-  prepareEuiAppConfigToken: () => prepareEuiAppConfigToken,
-  reducers: () => coreReducers,
-  sessionStorageSync: () => sessionStorageSync,
-  translateConfig: () => translateConfig,
-  uniqueId: () => uniqueId,
-  validateEmail: () => validateEmail
-});
-
-// index.mjs
-var esm2022_exports = {};
-__export(esm2022_exports, {
-  ActivatedRouteAction: () => ActivatedRouteAction,
-  AddApiQueueItemAction: () => AddApiQueueItemAction,
-  AddAppLoadedConfigModulesAction: () => AddAppLoadedConfigModulesAction,
-  AddLangParamInterceptor: () => AddLangParamInterceptor,
-  AlertHttpErrorCallbackFn: () => AlertHttpErrorCallbackFn,
-  ApiQueueService: () => ApiQueueService,
-  ApiQueueServiceMock: () => ApiQueueServiceMock,
-  AsyncStorageService: () => AsyncStorageService,
-  AsyncStorageServiceMock: () => AsyncStorageServiceMock,
-  BASE_LOGGER_NAME_TOKEN: () => BASE_LOGGER_NAME_TOKEN,
-  BASE_NAME_TOKEN: () => BASE_NAME_TOKEN,
-  BrowserStorageType: () => BrowserStorageType,
-  CONFIG_TOKEN: () => CONFIG_TOKEN,
-  CORE_ROOT_GUARD: () => CORE_ROOT_GUARD,
-  CachePreventionInterceptor: () => CachePreventionInterceptor,
-  ConsoleHttpErrorCallbackFn: () => ConsoleHttpErrorCallbackFn,
-  CoreAppActionTypes: () => CoreAppActionTypes,
-  CoreI18nActionTypes: () => CoreI18nActionTypes,
-  CoreLocaleActionTypes: () => CoreLocaleActionTypes,
-  CoreModule: () => CoreModule,
-  CoreNotificationsActionTypes: () => CoreNotificationsActionTypes,
-  CoreUserActionTypes: () => CoreUserActionTypes,
-  CorsSecurityInterceptor: () => CorsSecurityInterceptor,
-  CsrfPreventionInterceptor: () => CsrfPreventionInterceptor,
-  DYNAMIC_COMPONENT_CONFIG: () => DYNAMIC_COMPONENT_CONFIG,
-  EUI_CONFIG_TOKEN: () => EUI_CONFIG_TOKEN,
-  EUI_COUNTRIES: () => EUI_COUNTRIES,
-  EUI_TIMEZONES: () => EUI_TIMEZONES,
-  EmptyApiQueueAction: () => EmptyApiQueueAction,
-  ErrorSubClass: () => ErrorSubClass,
-  EuLoginSessionTimeoutHandlingInterceptor: () => EuLoginSessionTimeoutHandlingInterceptor,
-  EuiAppShellService: () => EuiAppShellService,
-  EuiCoreRootGuardClass: () => EuiCoreRootGuardClass,
-  EuiDynamicComponentService: () => EuiDynamicComponentService,
-  EuiDynamicMenuService: () => EuiDynamicMenuService,
-  EuiError: () => EuiError,
-  EuiGrowlService: () => EuiGrowlService,
-  EuiLoaderService: () => EuiLoaderService,
-  EuiPermissionService: () => EuiPermissionService,
-  EuiTimezoneService: () => EuiTimezoneService,
-  GLOBAL_CONFIG_TOKEN: () => GLOBAL_CONFIG_TOKEN,
-  GlobalErrorHandler: () => GlobalErrorHandler,
-  GrowlHttpErrorCallbackFn: () => GrowlHttpErrorCallbackFn,
-  HTTP_ERROR_HANDLER_CONFIG_TOKEN: () => HTTP_ERROR_HANDLER_CONFIG_TOKEN,
-  HttpErrorHandlerInterceptor: () => HttpErrorHandlerInterceptor,
-  I18nLoader: () => I18nLoader,
-  I18nResourceImpl: () => I18nResourceImpl,
-  I18nService: () => I18nService,
-  InitStoreAction: () => InitStoreAction,
-  LANG_PARAM_KEY: () => LANG_PARAM_KEY,
-  LOCALE_ID_MAPPER: () => LOCALE_ID_MAPPER,
-  LOCAL_FORAGE_SERVICE_CONFIG_TOKEN: () => LOCAL_FORAGE_SERVICE_CONFIG_TOKEN,
-  LOG_APPENDERS_TOKEN: () => LOG_APPENDERS_TOKEN,
-  LOG_LEVEL_TOKEN: () => LOG_LEVEL_TOKEN,
-  LocalForageService: () => LocalForageService,
-  LocalStorageService: () => LocalStorageService,
-  LocaleService: () => LocaleService,
-  LocaleServiceMock: () => LocaleServiceMock,
-  LogHttpErrorCallbackFn: () => LogHttpErrorCallbackFn,
-  LogModule: () => LogModule,
-  LogService: () => LogService,
-  LogServiceMock: () => LogServiceMock,
-  MODULE_CONFIG_TOKEN: () => MODULE_CONFIG_TOKEN,
-  MODULE_NAME_TOKEN: () => MODULE_NAME_TOKEN,
-  ROOT_LOG_CONFIG_TOKEN: () => ROOT_LOG_CONFIG_TOKEN,
-  RemoveApiQueueItemAction: () => RemoveApiQueueItemAction,
-  SHOW_CONNECTION_STATUS_TOKEN: () => SHOW_CONNECTION_STATUS_TOKEN,
-  SessionStorageService: () => SessionStorageService,
-  Status: () => Status,
-  StorageService: () => StorageService,
-  StorageServiceMock: () => StorageServiceMock,
-  StoreService: () => StoreService,
-  StoreServiceMock: () => StoreServiceMock,
-  UX_ERROR_MAPPING_HANDLER_TOKEN: () => UX_ERROR_MAPPING_HANDLER_TOKEN,
-  UpdateAppConnectionAction: () => UpdateAppConnectionAction,
-  UpdateAppStatusAction: () => UpdateAppStatusAction,
-  UpdateAppVersionAction: () => UpdateAppVersionAction,
-  UpdateCurrentModuleAction: () => UpdateCurrentModuleAction,
-  UpdateI18nStateAction: () => UpdateI18nStateAction,
-  UpdateLocaleStateAction: () => UpdateLocaleStateAction,
-  UpdateNotificationsListAction: () => UpdateNotificationsListAction,
-  UpdateUserDashboardAction: () => UpdateUserDashboardAction,
-  UpdateUserDetailsAction: () => UpdateUserDetailsAction,
-  UpdateUserPreferencesAction: () => UpdateUserPreferencesAction,
-  UpdateUserRightsAction: () => UpdateUserRightsAction,
-  UpdateUserStateAction: () => UpdateUserStateAction,
-  UserService: () => UserService,
-  UserServiceMock: () => UserServiceMock,
-  UxRequestErrorModelInterceptor: () => UxRequestErrorModelInterceptor,
-  closestMatchingParent: () => closestMatchingParent,
-  consumeEvent: () => consumeEvent,
-  corI18nReducers: () => corI18nReducers,
-  coreAppReducers: () => coreAppReducers,
-  coreLocaleReducers: () => coreLocaleReducers,
-  coreNotificationsReducers: () => coreNotificationsReducers,
-  coreUserReducers: () => coreUserReducers,
-  createEuiCoreRootGuard: () => createEuiCoreRootGuard,
-  diffDays: () => diffDays,
-  diffDaysFromToday: () => diffDaysFromToday,
-  errorCodes: () => errorCodes,
-  euiCoreRootGuardClass: () => euiCoreRootGuardClass,
-  formatNumber: () => formatNumber,
-  getGlobalConfig: () => getGlobalConfig,
-  getHttpErrorHandlingConfig: () => getHttpErrorHandlingConfig,
-  getModuleConfig: () => getModuleConfig,
-  getRootLogConfig: () => getRootLogConfig,
-  getShowConnectionStatus: () => getShowConnectionStatus,
-  getViewElement: () => getViewElement,
-  handleError: () => handleError,
-  isDefined: () => isDefined,
-  loadEuiDynamicEnvironmentConfig: () => loadEuiDynamicEnvironmentConfig,
-  loadState: () => loadState,
-  localForage: () => localForage,
-  localStorageSync: () => localStorageSync,
-  markControlsTouched: () => markControlsTouched,
-  markFormGroupTouched: () => markFormGroupTouched,
-  mergeAppHandlerConfigToAppConfig: () => mergeAppHandlerConfigToAppConfig,
-  mergeAppJsonConfigToAppConfig: () => mergeAppJsonConfigToAppConfig,
-  offset: () => offset,
-  parentOffsetEl: () => parentOffsetEl,
-  position: () => position,
-  preInitApp: () => preInitApp,
-  prepareEuiAppConfigToken: () => prepareEuiAppConfigToken,
-  reducers: () => coreReducers,
-  sessionStorageSync: () => sessionStorageSync,
-  translateConfig: () => translateConfig,
-  uniqueId: () => uniqueId,
-  validateEmail: () => validateEmail
-});
-
 // lib/services/config/defaults.mjs
 import { LogLevel, ConsoleAppender } from "@eui/base";
 var DEFAULT_LOG_CONFIG = {
@@ -383,22 +99,22 @@ function getRootLogConfig(appConfig) {
 }
 function prepareEuiAppConfigToken(euiConfig) {
   const environment = euiConfig && euiConfig.environment;
-  const merge = environment.envDynamicConfig && environment.envDynamicConfig.merge && Array.isArray(environment.envDynamicConfig.merge) ? environment.envDynamicConfig.merge : [];
+  const merge2 = environment.envDynamicConfig && environment.envDynamicConfig.merge && Array.isArray(environment.envDynamicConfig.merge) ? environment.envDynamicConfig.merge : [];
   const isDeepMerge = environment.envDynamicConfig && environment.envDynamicConfig.deepMerge ? environment.envDynamicConfig.deepMerge : false;
   const envAppJsonConfig = environment && environment.loadedEnvDynamicConfig;
   const initialAppConfig = euiConfig && euiConfig.appConfig;
   const envAppHandlersConfig = environment && environment.envAppHandlersConfig;
   const envHandlersMergedAppConfig = mergeAppHandlerConfigToAppConfig(initialAppConfig, envAppHandlersConfig);
-  const finalConfig = mergeAppJsonConfigToAppConfig(envHandlersMergedAppConfig, envAppJsonConfig, merge, isDeepMerge);
+  const finalConfig = mergeAppJsonConfigToAppConfig(envHandlersMergedAppConfig, envAppJsonConfig, merge2, isDeepMerge);
   return finalConfig;
 }
 function mergeAppHandlerConfigToAppConfig(euiAppConfig, envAppHandler) {
   return Object.assign({}, euiAppConfig, envAppHandler);
 }
-function mergeAppJsonConfigToAppConfig(euiAppConfig, envAppJsonConfig, merge, isDeepMerge) {
+function mergeAppJsonConfigToAppConfig(euiAppConfig, envAppJsonConfig, merge2, isDeepMerge) {
   const deepMerged = {};
-  if (merge && merge.length > 0) {
-    merge.forEach((key) => {
+  if (merge2 && merge2.length > 0) {
+    merge2.forEach((key) => {
       if (envAppJsonConfig != null && envAppJsonConfig[key] && typeof envAppJsonConfig[key] === "object" && euiAppConfig != null && euiAppConfig[key] && typeof euiAppConfig[key] === "object") {
         if (isDeepMerge) {
           deepMerged[key] = {};
@@ -572,6 +288,134 @@ var UpdateLocaleStateAction = class {
   }
 };
 
+// lib/services/growl/eui-growl.service.mjs
+import { Injectable } from "@angular/core";
+import * as i0 from "@angular/core";
+var EuiGrowlService = class _EuiGrowlService {
+  constructor() {
+    this.growlMessages = [];
+    this.isGrowlSticky = false;
+    this.isCloseAllSticky = false;
+    this.growlLife = 3e3;
+    this.growlPosition = "bottom-right";
+    this.growlCallback = null;
+  }
+  /**
+   * displays a growl UxMessage item, isSticky
+   */
+  growl(msg, isSticky, isMultiple, life, position2, callback) {
+    if (msg.severity !== "info" && msg.severity !== "warning" && msg.severity !== "success" && msg.severity !== "danger") {
+      throw new Error("EuiGrowlService.growl() ERROR : message severity must be either : success, warning, info, danger");
+    } else {
+      if (isMultiple === void 0 || !isMultiple) {
+        this.growlMessages = [];
+      }
+      this.growlMessages = this.growlMessages.concat(msg);
+      msg.life = life || msg.life;
+      msg.sticky = isSticky || msg.sticky;
+      if (life === void 0 || isNaN(life)) {
+        if (msg.severity === "danger") {
+          isSticky = true;
+        } else {
+          this.growlLife = 3e3;
+        }
+      } else {
+        this.growlLife = life;
+      }
+      if (isSticky) {
+        this.isGrowlSticky = isSticky;
+      } else {
+        this.isGrowlSticky = false;
+      }
+      if (position2) {
+        this.growlPosition = position2;
+      }
+      if (callback) {
+        this.growlCallback = callback;
+      }
+    }
+  }
+  clearGrowl() {
+    this.growlMessages = [];
+  }
+  growlSuccess(msg, position2) {
+    this.growl({ severity: "success", summary: "SUCCESS", detail: msg }, false, false, void 0, position2);
+  }
+  growlError(msg, position2) {
+    this.growl({ severity: "danger", summary: "ERROR", detail: msg }, false, false, void 0, position2);
+  }
+  growlWarning(msg, position2) {
+    this.growl({ severity: "warning", summary: "WARNING", detail: msg }, false, false, void 0, position2);
+  }
+  growlInfo(msg, position2) {
+    this.growl({ severity: "info", summary: "INFO", detail: msg }, false, false, void 0, position2);
+  }
+  static {
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: _EuiGrowlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+  }
+  static {
+    this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: _EuiGrowlService, providedIn: "root" });
+  }
+};
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i0, type: EuiGrowlService, decorators: [{
+  type: Injectable,
+  args: [{
+    providedIn: "root"
+  }]
+}] });
+
+// lib/services/store/effects/app.effects.mjs
+import { Injectable as Injectable2, Inject } from "@angular/core";
+import { ofType, createEffect } from "@ngrx/effects";
+import { fromEvent, merge } from "rxjs";
+import { map, mapTo, mergeMap, tap } from "rxjs/operators";
+import * as i02 from "@angular/core";
+import * as i1 from "@ngrx/effects";
+import * as i2 from "@ngx-translate/core";
+var CoreAppEffects = class _CoreAppEffects {
+  constructor(actions, showConnectionStatus, translateService, asService) {
+    this.actions = actions;
+    this.showConnectionStatus = showConnectionStatus;
+    this.translateService = translateService;
+    this.asService = asService;
+    this.getAppConnectionInformation = createEffect(() => merge(fromEvent(window, "online").pipe(mapTo(true)), fromEvent(window, "offline").pipe(mapTo(false))).pipe(map((connected) => new UpdateAppConnectionAction(connected))));
+    this.activatedRoute = createEffect(() => this.actions.pipe(ofType(CoreAppActionTypes.ACTIVATED_ROUTE), map((action) => action.payload), mergeMap((route) => {
+      const module = route.snapshot.data["module"] || "undefined";
+      return [new UpdateCurrentModuleAction(module)];
+    })));
+    this.updateAppConnection = createEffect(() => this.actions.pipe(ofType(CoreAppActionTypes.UPDATE_APP_CONNECTION), map((action) => action.payload), tap((connected) => {
+      const isFeatureEnabled = typeof this.showConnectionStatus !== "boolean" ? this.showConnectionStatus?.enabled : this.showConnectionStatus;
+      const lifespan = typeof this.showConnectionStatus !== "boolean" ? this.showConnectionStatus?.messageBox?.lifespan || 0 : 0;
+      if (isFeatureEnabled) {
+        if (connected) {
+          this.translateService.get("eui.CONNECTED").subscribe((translation) => {
+            this.asService.growl({ severity: "success", summary: "MESSAGE", detail: translation, life: lifespan }, lifespan < 1, false);
+          });
+        } else {
+          this.translateService.get("eui.NOTCONNECTED").subscribe((translation) => {
+            this.asService.growl({ severity: "danger", summary: "ERROR", detail: translation, life: lifespan }, lifespan < 1, false);
+          });
+        }
+      }
+    })), { dispatch: false });
+  }
+  static {
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _CoreAppEffects, deps: [{ token: i1.Actions }, { token: SHOW_CONNECTION_STATUS_TOKEN }, { token: i2.TranslateService }, { token: EuiGrowlService }], target: i02.ɵɵFactoryTarget.Injectable });
+  }
+  static {
+    this.ɵprov = i02.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: _CoreAppEffects });
+  }
+};
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i02, type: CoreAppEffects, decorators: [{
+  type: Injectable2
+}], ctorParameters: () => [{ type: i1.Actions }, { type: void 0, decorators: [{
+  type: Inject,
+  args: [SHOW_CONNECTION_STATUS_TOKEN]
+}] }, { type: i2.TranslateService }, { type: EuiGrowlService }] });
+
+// lib/services/store/effects/index.mjs
+var CoreModuleEffects = [CoreAppEffects];
+
 // lib/services/store/reducers/app.reducers.mjs
 import { initialAppState } from "@eui/base";
 var updateAppVersion = (state, action) => ({ ...state, version: action.payload });
@@ -637,7 +481,7 @@ var updateUserDetails = (state, action) => {
   if (!fullName) {
     fullName = `${action.payload.firstName || ""} ${action.payload.lastName || ""}`.trim();
   }
-  const details = Object.assign({}, state.details, action.payload, { fullName });
+  const details = Object.assign({}, state["details"], action.payload, { fullName });
   return Object.assign({}, state, details);
 };
 var updateUserPreferences = (state, action) => {
@@ -769,10 +613,10 @@ var cb = (reducer, storage) => (state, action) => {
 };
 
 // lib/services/log/log.service.mjs
-import { Inject, Injectable, InjectionToken as InjectionToken2 } from "@angular/core";
+import { Inject as Inject2, Injectable as Injectable3, InjectionToken as InjectionToken2 } from "@angular/core";
 import { Logger } from "@eui/base";
-import * as i0 from "@angular/core";
-import * as i1 from "@eui/base";
+import * as i03 from "@angular/core";
+import * as i12 from "@eui/base";
 var BASE_LOGGER_NAME_TOKEN = new InjectionToken2("BASE_LOGGER_NAME");
 var LOG_LEVEL_TOKEN = new InjectionToken2("LOG_LEVEL");
 var LOG_APPENDERS_TOKEN = new InjectionToken2("LOG_APPENDERS");
@@ -799,22 +643,22 @@ var LogService = class _LogService extends Logger {
     return logger;
   }
   static {
-    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: _LogService, deps: [{ token: BASE_LOGGER_NAME_TOKEN }, { token: LOG_LEVEL_TOKEN }, { token: LOG_APPENDERS_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i03, type: _LogService, deps: [{ token: BASE_LOGGER_NAME_TOKEN }, { token: LOG_LEVEL_TOKEN }, { token: LOG_APPENDERS_TOKEN }], target: i03.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: _LogService });
+    this.ɵprov = i03.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i03, type: _LogService });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i0, type: LogService, decorators: [{
-  type: Injectable
+i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i03, type: LogService, decorators: [{
+  type: Injectable3
 }], ctorParameters: () => [{ type: void 0, decorators: [{
-  type: Inject,
+  type: Inject2,
   args: [BASE_LOGGER_NAME_TOKEN]
-}] }, { type: i1.LogLevel, decorators: [{
-  type: Inject,
+}] }, { type: i12.LogLevel, decorators: [{
+  type: Inject2,
   args: [LOG_LEVEL_TOKEN]
 }] }, { type: void 0, decorators: [{
-  type: Inject,
+  type: Inject2,
   args: [LOG_APPENDERS_TOKEN]
 }] }] });
 
@@ -858,7 +702,7 @@ function euiLogServiceFactory(injector, rootBaseLoggerName, rootConfig, childBas
 
 // lib/services/log/log.module.mjs
 import { InjectionToken as InjectionToken3, Injector, NgModule } from "@angular/core";
-import * as i02 from "@angular/core";
+import * as i04 from "@angular/core";
 var LOG_MODULE_CONFIG_TOKEN = new InjectionToken3("LOG_CONFIG");
 var LogModule = class _LogModule {
   /** method called in your root module to provide the LogService */
@@ -882,25 +726,25 @@ var LogModule = class _LogModule {
     };
   }
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i02, type: _LogModule, deps: [], target: i02.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i04, type: _LogModule, deps: [], target: i04.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i02.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.2", ngImport: i02, type: _LogModule });
+    this.ɵmod = i04.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.1", ngImport: i04, type: _LogModule });
   }
   static {
-    this.ɵinj = i02.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i02, type: _LogModule });
+    this.ɵinj = i04.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i04, type: _LogModule });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i02, type: LogModule, decorators: [{
+i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i04, type: LogModule, decorators: [{
   type: NgModule
 }] });
 
 // lib/services/store/store.service.mjs
-import { Injectable as Injectable2, Optional } from "@angular/core";
+import { Injectable as Injectable4, Optional } from "@angular/core";
 import { throwError } from "rxjs";
 import { debounceTime, distinctUntilChanged } from "rxjs/operators";
-import * as i03 from "@angular/core";
-import * as i12 from "@ngrx/store";
+import * as i05 from "@angular/core";
+import * as i13 from "@ngrx/store";
 var BrowserStorageType;
 (function(BrowserStorageType2) {
   BrowserStorageType2[BrowserStorageType2["local"] = 0] = "local";
@@ -992,18 +836,18 @@ var StoreService = class _StoreService {
     }
   }
   static {
-    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i03, type: _StoreService, deps: [{ token: i12.Store, optional: true }, { token: LogService, optional: true }], target: i03.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i05.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i05, type: _StoreService, deps: [{ token: i13.Store, optional: true }, { token: LogService, optional: true }], target: i05.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i03.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i03, type: _StoreService, providedIn: "root" });
+    this.ɵprov = i05.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i05, type: _StoreService, providedIn: "root" });
   }
 };
-i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i03, type: StoreService, decorators: [{
-  type: Injectable2,
+i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i05, type: StoreService, decorators: [{
+  type: Injectable4,
   args: [{
     providedIn: "root"
   }]
-}], ctorParameters: () => [{ type: i12.Store, decorators: [{
+}], ctorParameters: () => [{ type: i13.Store, decorators: [{
   type: Optional
 }] }, { type: LogService, decorators: [{
   type: Optional
@@ -1011,8 +855,8 @@ i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2",
 
 // lib/services/store/store.service.mock.mjs
 import { of } from "rxjs";
-import { Injectable as Injectable3 } from "@angular/core";
-import * as i04 from "@angular/core";
+import { Injectable as Injectable5 } from "@angular/core";
+import * as i06 from "@angular/core";
 var StoreServiceMock = class _StoreServiceMock extends StoreService {
   constructor() {
     super(null, null);
@@ -1029,14 +873,14 @@ var StoreServiceMock = class _StoreServiceMock extends StoreService {
     return of({});
   }
   static {
-    this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i04, type: _StoreServiceMock, deps: [], target: i04.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i06, type: _StoreServiceMock, deps: [], target: i06.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i04.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i04, type: _StoreServiceMock });
+    this.ɵprov = i06.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i06, type: _StoreServiceMock });
   }
 };
-i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i04, type: StoreServiceMock, decorators: [{
-  type: Injectable3
+i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i06, type: StoreServiceMock, decorators: [{
+  type: Injectable5
 }], ctorParameters: () => [] });
 
 // lib/services/app/eui-init-app.mjs
@@ -1052,8 +896,8 @@ var euiInitApp = (injector) => () => new Promise((resolve) => {
       appVersion = "0.0.0";
     }
     let storageType;
-    if (appConfig && appConfig.saveStateStorage) {
-      storageType = appConfig.saveStateStorage;
+    if (appConfig && appConfig["saveStateStorage"]) {
+      storageType = appConfig["saveStateStorage"];
     } else {
       storageType = BrowserStorageType.local;
     }
@@ -1102,8 +946,8 @@ function getCoreChildProviders(moduleName) {
 }
 
 // lib/eui-core.module.mjs
-import { NgModule as NgModule2, Optional as Optional2, SkipSelf, InjectionToken as InjectionToken4, Inject as Inject2 } from "@angular/core";
-import * as i05 from "@angular/core";
+import { NgModule as NgModule2, Optional as Optional2, SkipSelf, InjectionToken as InjectionToken4, Inject as Inject3 } from "@angular/core";
+import * as i07 from "@angular/core";
 var CORE_ROOT_GUARD = new InjectionToken4("Internal Theme ForRoot Guard");
 var CoreModule = class _CoreModule {
   /**
@@ -1142,16 +986,16 @@ var CoreModule = class _CoreModule {
     }
   }
   static {
-    this.ɵfac = i05.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i05, type: _CoreModule, deps: [{ token: CORE_ROOT_GUARD, optional: true }, { token: _CoreModule, optional: true, skipSelf: true }, { token: i05.Injector }], target: i05.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i07.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i07, type: _CoreModule, deps: [{ token: CORE_ROOT_GUARD, optional: true }, { token: _CoreModule, optional: true, skipSelf: true }, { token: i07.Injector }], target: i07.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i05.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.2", ngImport: i05, type: _CoreModule });
+    this.ɵmod = i07.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.1", ngImport: i07, type: _CoreModule });
   }
   static {
-    this.ɵinj = i05.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i05, type: _CoreModule });
+    this.ɵinj = i07.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i07, type: _CoreModule });
   }
 };
-i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i05, type: CoreModule, decorators: [{
+i07.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i07, type: CoreModule, decorators: [{
   type: NgModule2,
   args: [{
     imports: [
@@ -1161,13 +1005,13 @@ i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2",
 }], ctorParameters: () => [{ type: void 0, decorators: [{
   type: Optional2
 }, {
-  type: Inject2,
+  type: Inject3,
   args: [CORE_ROOT_GUARD]
 }] }, { type: CoreModule, decorators: [{
   type: Optional2
 }, {
   type: SkipSelf
-}] }, { type: i05.Injector }] });
+}] }, { type: i07.Injector }] });
 var createEuiCoreRootGuard = (core) => {
   if (core) {
     throw new TypeError("CoreModule.forRoot() called twice. Feature modules should use ThemeModule.forChild() instead.");
@@ -1246,8 +1090,8 @@ var EuiError = class extends ErrorSubClass {
 };
 
 // lib/services/errors/global-error-handler.mjs
-import { ErrorHandler, Injectable as Injectable4 } from "@angular/core";
-import * as i06 from "@angular/core";
+import { ErrorHandler, Injectable as Injectable6 } from "@angular/core";
+import * as i08 from "@angular/core";
 var GlobalErrorHandler = class _GlobalErrorHandler extends ErrorHandler {
   constructor(logService) {
     super();
@@ -1260,25 +1104,25 @@ var GlobalErrorHandler = class _GlobalErrorHandler extends ErrorHandler {
     super.handleError(error);
   }
   static {
-    this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i06, type: _GlobalErrorHandler, deps: [{ token: LogService }], target: i06.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i08, type: _GlobalErrorHandler, deps: [{ token: LogService }], target: i08.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i06.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i06, type: _GlobalErrorHandler, providedIn: "root" });
+    this.ɵprov = i08.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i08, type: _GlobalErrorHandler, providedIn: "root" });
   }
 };
-i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i06, type: GlobalErrorHandler, decorators: [{
-  type: Injectable4,
+i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i08, type: GlobalErrorHandler, decorators: [{
+  type: Injectable6,
   args: [{
     providedIn: "root"
   }]
 }], ctorParameters: () => [{ type: LogService }] });
 
 // lib/services/errors/http-error-handler.interceptor.mjs
-import { Inject as Inject3, Injectable as Injectable5 } from "@angular/core";
+import { Inject as Inject4, Injectable as Injectable7 } from "@angular/core";
 import { HttpErrorResponse } from "@angular/common/http";
-import { tap } from "rxjs/operators";
-import * as i07 from "@angular/core";
-import * as i13 from "@angular/router";
+import { tap as tap2 } from "rxjs/operators";
+import * as i09 from "@angular/core";
+import * as i14 from "@angular/router";
 var HttpErrorHandlerInterceptor = class _HttpErrorHandlerInterceptor {
   constructor(config = DEFAULT_HTTP_ERROR_HANDLER_CONFIG, injector, router) {
     this.config = config;
@@ -1288,7 +1132,7 @@ var HttpErrorHandlerInterceptor = class _HttpErrorHandlerInterceptor {
   // 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({
+    return next.handle(req).pipe(tap2({
       next: () => {
       },
       // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html
@@ -1320,94 +1164,18 @@ var HttpErrorHandlerInterceptor = class _HttpErrorHandlerInterceptor {
     return routes.length > 0 ? routes[0] : null;
   }
   static {
-    this.ɵfac = i07.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i07, type: _HttpErrorHandlerInterceptor, deps: [{ token: HTTP_ERROR_HANDLER_CONFIG_TOKEN }, { token: i07.Injector }, { token: i13.Router }], target: i07.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i09.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i09, type: _HttpErrorHandlerInterceptor, deps: [{ token: HTTP_ERROR_HANDLER_CONFIG_TOKEN }, { token: i09.Injector }, { token: i14.Router }], target: i09.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i07.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i07, type: _HttpErrorHandlerInterceptor });
+    this.ɵprov = i09.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i09, type: _HttpErrorHandlerInterceptor });
   }
 };
-i07.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i07, type: HttpErrorHandlerInterceptor, decorators: [{
-  type: Injectable5
+i09.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i09, type: HttpErrorHandlerInterceptor, decorators: [{
+  type: Injectable7
 }], ctorParameters: () => [{ type: void 0, decorators: [{
-  type: Inject3,
+  type: Inject4,
   args: [HTTP_ERROR_HANDLER_CONFIG_TOKEN]
-}] }, { type: i07.Injector }, { type: i13.Router }] });
-
-// lib/services/growl/eui-growl.service.mjs
-import { Injectable as Injectable6 } from "@angular/core";
-import * as i08 from "@angular/core";
-var EuiGrowlService = class _EuiGrowlService {
-  constructor() {
-    this.growlMessages = [];
-    this.isGrowlSticky = false;
-    this.isCloseAllSticky = false;
-    this.growlLife = 3e3;
-    this.growlPosition = "bottom-right";
-    this.growlCallback = null;
-  }
-  /**
-   * displays a growl UxMessage item, isSticky
-   */
-  growl(msg, isSticky, isMultiple, life, position2, callback) {
-    if (msg.severity !== "info" && msg.severity !== "warning" && msg.severity !== "success" && msg.severity !== "danger") {
-      throw new Error("EuiGrowlService.growl() ERROR : message severity must be either : success, warning, info, danger");
-    } else {
-      if (isMultiple === void 0 || !isMultiple) {
-        this.growlMessages = [];
-      }
-      this.growlMessages = this.growlMessages.concat(msg);
-      msg.life = life || msg.life;
-      msg.sticky = isSticky || msg.sticky;
-      if (life === void 0 || isNaN(life)) {
-        if (msg.severity === "danger") {
-          isSticky = true;
-        } else {
-          this.growlLife = 3e3;
-        }
-      } else {
-        this.growlLife = life;
-      }
-      if (isSticky) {
-        this.isGrowlSticky = isSticky;
-      } else {
-        this.isGrowlSticky = false;
-      }
-      if (position2) {
-        this.growlPosition = position2;
-      }
-      if (callback) {
-        this.growlCallback = callback;
-      }
-    }
-  }
-  clearGrowl() {
-    this.growlMessages = [];
-  }
-  growlSuccess(msg, position2) {
-    this.growl({ severity: "success", summary: "SUCCESS", detail: msg }, false, false, void 0, position2);
-  }
-  growlError(msg, position2) {
-    this.growl({ severity: "danger", summary: "ERROR", detail: msg }, false, false, void 0, position2);
-  }
-  growlWarning(msg, position2) {
-    this.growl({ severity: "warning", summary: "WARNING", detail: msg }, false, false, void 0, position2);
-  }
-  growlInfo(msg, position2) {
-    this.growl({ severity: "info", summary: "INFO", detail: msg }, false, false, void 0, position2);
-  }
-  static {
-    this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i08, type: _EuiGrowlService, deps: [], target: i08.ɵɵFactoryTarget.Injectable });
-  }
-  static {
-    this.ɵprov = i08.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i08, type: _EuiGrowlService, providedIn: "root" });
-  }
-};
-i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i08, type: EuiGrowlService, decorators: [{
-  type: Injectable6,
-  args: [{
-    providedIn: "root"
-  }]
-}] });
+}] }, { type: i09.Injector }, { type: i14.Router }] });
 
 // lib/services/errors/http-error-handler-callback-functions.mjs
 function AlertHttpErrorCallbackFn(error) {
@@ -1426,12 +1194,12 @@ function GrowlHttpErrorCallbackFn(error, injector) {
 }
 
 // lib/services/queue/api-queue.service.mjs
-import { Injectable as Injectable7, Optional as Optional3 } from "@angular/core";
+import { Injectable as Injectable8, Optional as Optional3 } from "@angular/core";
 import { of as of2, forkJoin, from } from "rxjs";
-import { tap as tap2, switchMap, take, map, catchError, concatMap } from "rxjs/operators";
+import { tap as tap3, switchMap, take, map as map2, catchError, concatMap } from "rxjs/operators";
 import { getApiQueue, getApiQueueItem } from "@eui/base";
-import * as i09 from "@angular/core";
-import * as i2 from "@angular/common/http";
+import * as i010 from "@angular/core";
+import * as i22 from "@angular/common/http";
 var ApiQueueService = class _ApiQueueService {
   constructor(store, http, logService) {
     this.store = store;
@@ -1492,7 +1260,7 @@ var ApiQueueService = class _ApiQueueService {
    * });
    */
   getQueue() {
-    return this.store.select(getApiQueue).pipe(take(1), map((queue) => {
+    return this.store.select(getApiQueue).pipe(take(1), map2((queue) => {
       const queueArray = queue && Object.values(queue);
       if (!queueArray || queueArray.length < 1) {
         this.logger?.warn("No items in the queue exist.");
@@ -1526,7 +1294,7 @@ var ApiQueueService = class _ApiQueueService {
    * });
    */
   getQueueItem(id) {
-    return this.store.select(getApiQueueItem(id)).pipe(take(1), map((queue) => {
+    return this.store.select(getApiQueueItem(id)).pipe(take(1), map2((queue) => {
       if (!queue) {
         this.logger?.warn(`Queue item with id "${id}" does not exist`);
         return null;
@@ -1627,7 +1395,7 @@ var ApiQueueService = class _ApiQueueService {
   // TODO: Refine the return type to be more specific or implement generics, https://www.typescriptlang.org/docs/handbook/2/generics.html
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   processAllQueueItems(continueOnError = true) {
-    return this.store.select(getApiQueue).pipe(map((queue) => Object.entries(queue).map(([key, value]) => this.buildHttpRequest(key, value).pipe(catchError((error) => {
+    return this.store.select(getApiQueue).pipe(map2((queue) => Object.entries(queue).map(([key, value]) => this.buildHttpRequest(key, value).pipe(catchError((error) => {
       this.logger?.error(`Queue Item with id ${key} failed.`, error.message, error.stack);
       if (!continueOnError) {
         throw error;
@@ -1709,21 +1477,21 @@ var ApiQueueService = class _ApiQueueService {
   // 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(tap2(() => this.removeQueueItem(id)));
+    return this.http[item.method.toLowerCase()](item.uri, item.payload).pipe(tap3(() => this.removeQueueItem(id)));
   }
   static {
-    this.ɵfac = i09.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i09, type: _ApiQueueService, deps: [{ token: StoreService }, { token: i2.HttpClient }, { token: LogService, optional: true }], target: i09.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i010.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i010, type: _ApiQueueService, deps: [{ token: StoreService }, { token: i22.HttpClient }, { token: LogService, optional: true }], target: i010.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i09.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i09, type: _ApiQueueService, providedIn: "root" });
+    this.ɵprov = i010.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i010, type: _ApiQueueService, providedIn: "root" });
   }
 };
-i09.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i09, type: ApiQueueService, decorators: [{
-  type: Injectable7,
+i010.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i010, type: ApiQueueService, decorators: [{
+  type: Injectable8,
   args: [{
     providedIn: "root"
   }]
-}], ctorParameters: () => [{ type: StoreService }, { type: i2.HttpClient }, { type: LogService, decorators: [{
+}], ctorParameters: () => [{ type: StoreService }, { type: i22.HttpClient }, { type: LogService, decorators: [{
   type: Optional3
 }] }] });
 
@@ -1804,13 +1572,13 @@ var I18nResourceImpl = class {
 };
 
 // lib/services/i18n/i18n.loader.mjs
-import { Inject as Inject4, Injectable as Injectable8, Optional as Optional4 } from "@angular/core";
+import { Inject as Inject5, Injectable as Injectable9, Optional as Optional4 } from "@angular/core";
 import { TranslateLoader } from "@ngx-translate/core";
 import { forkJoin as forkJoin2, of as of4 } from "rxjs";
-import { catchError as catchError2, map as map2 } from "rxjs/operators";
+import { catchError as catchError2, map as map3 } from "rxjs/operators";
 import { getI18nLoaderConfig, mergeAll } from "@eui/base";
-import * as i010 from "@angular/core";
-import * as i14 from "@angular/common/http";
+import * as i011 from "@angular/core";
+import * as i15 from "@angular/common/http";
 var I18nLoader = class _I18nLoader {
   constructor(http, logService, euiAppConfig) {
     this.http = http;
@@ -1834,7 +1602,7 @@ var I18nLoader = class _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
   getTranslation(lang) {
-    return this.loadResources(this.resources, lang).pipe(map2((loadedResources) => {
+    return this.loadResources(this.resources, lang).pipe(map3((loadedResources) => {
       this.failedResources = loadedResources.hasError ? loadedResources.errors : [];
       return loadedResources.translations;
     }));
@@ -1869,7 +1637,7 @@ var I18nLoader = class _I18nLoader {
   loadResources(resources, lang) {
     if (Array.isArray(resources) && resources.length > 0) {
       const requests = resources.map((resource) => this.loadResource(resource, lang));
-      return forkJoin2(requests).pipe(map2((response) => {
+      return forkJoin2(requests).pipe(map3((response) => {
         const successResp = [];
         const errResp = [];
         response.forEach((item) => {
@@ -1933,10 +1701,10 @@ var I18nLoader = class _I18nLoader {
       // preprocess the translations using the resource compiler
       // 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
-      map2((translations) => resource.compileTranslations(translations, lang)),
+      map3((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
-      map2((translations) => {
+      map3((translations) => {
         this.logger?.info(`I18n resource loaded from path ${path}`);
         return translations;
       }),
@@ -1955,18 +1723,18 @@ var I18nLoader = class _I18nLoader {
     return void 0;
   }
   static {
-    this.ɵfac = i010.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i010, type: _I18nLoader, deps: [{ token: i14.HttpClient }, { token: LogService, optional: true }, { token: CONFIG_TOKEN }], target: i010.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i011.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i011, type: _I18nLoader, deps: [{ token: i15.HttpClient }, { token: LogService, optional: true }, { token: CONFIG_TOKEN }], target: i011.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i010.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i010, type: _I18nLoader });
+    this.ɵprov = i011.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i011, type: _I18nLoader });
   }
 };
-i010.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i010, type: I18nLoader, decorators: [{
-  type: Injectable8
-}], ctorParameters: () => [{ type: i14.HttpClient }, { type: LogService, decorators: [{
+i011.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i011, type: I18nLoader, decorators: [{
+  type: Injectable9
+}], ctorParameters: () => [{ type: i15.HttpClient }, { type: LogService, decorators: [{
   type: Optional4
 }] }, { type: void 0, decorators: [{
-  type: Inject4,
+  type: Inject5,
   args: [CONFIG_TOKEN]
 }] }] });
 var translateConfig = {
@@ -1978,13 +1746,13 @@ var translateConfig = {
 
 // lib/services/i18n/i18n.service.mjs
 import { DOCUMENT } from "@angular/common";
-import { Inject as Inject5, Injectable as Injectable9, Optional as Optional5 } from "@angular/core";
+import { Inject as Inject6, Injectable as Injectable10, Optional as Optional5 } from "@angular/core";
 import { BehaviorSubject, forkJoin as forkJoin3, of as of5 } from "rxjs";
-import { catchError as catchError3, filter, map as map3, take as take2, tap as tap3, switchMap as switchMap2 } from "rxjs/operators";
+import { catchError as catchError3, filter, map as map4, take as take2, tap as tap4, switchMap as switchMap2 } from "rxjs/operators";
 import { EuiLazyService, getI18nServiceConfigFromBase, getI18nState, getActiveLang, getLastAddedModule, getBrowserDefaultLanguage, EuiEuLanguages } from "@eui/base";
 import { createSelector } from "@ngrx/store";
-import * as i011 from "@angular/core";
-import * as i15 from "@ngx-translate/core";
+import * as i012 from "@angular/core";
+import * as i16 from "@ngx-translate/core";
 var I18nService = class _I18nService extends EuiLazyService {
   constructor(baseGlobalConfig, translateService, logService, store, document2) {
     super({ activeLang: "en" });
@@ -2030,7 +1798,7 @@ var I18nService = class _I18nService extends EuiLazyService {
   }
   onReady(moduleName) {
     return this.onModuleLoad.pipe(
-      switchMap2((evt) => moduleName ? of5(evt) : this.store.select(getLastAddedModule).pipe(tap3((m) => moduleName = m), map3(() => evt))),
+      switchMap2((evt) => moduleName ? of5(evt) : this.store.select(getLastAddedModule).pipe(tap4((m) => moduleName = m), map4(() => evt))),
       // emit only if event emitted matches the module name and is ready
       filter((evt) => evt.ready === true && evt.name === moduleName),
       // make sure that observable completes
@@ -2059,16 +1827,16 @@ var I18nService = class _I18nService extends EuiLazyService {
       const langSubscription = [];
       const i18nLoader = loader;
       const resources = i18nLoader.addResources(config);
-      langSubscription.push(i18nLoader.loadResources(resources, this.translateService.currentLang).pipe(take2(1), tap3((loadedResources) => {
+      langSubscription.push(i18nLoader.loadResources(resources, this.translateService.currentLang).pipe(take2(1), tap4((loadedResources) => {
         this.translateService.setTranslation(this.translateService.currentLang, loadedResources.translations, true);
       })));
       const defaultLang = this.config.defaultLanguage || this.translateService.defaultLang;
       if (this.translateService.currentLang !== defaultLang) {
-        langSubscription.push(i18nLoader.loadResources(resources, defaultLang).pipe(take2(1), tap3((loadedResources) => {
+        langSubscription.push(i18nLoader.loadResources(resources, defaultLang).pipe(take2(1), tap4((loadedResources) => {
           this.translateService.setTranslation(defaultLang, loadedResources.translations, true);
         })));
       }
-      return forkJoin3(langSubscription).pipe(map3((loadedResourcesArr) => !loadedResourcesArr[0].hasError ? { success: true } : { success: false, error: loadedResourcesArr[0].errors }), tap3(() => {
+      return forkJoin3(langSubscription).pipe(map4((loadedResourcesArr) => !loadedResourcesArr[0].hasError ? { success: true } : { success: false, error: loadedResourcesArr[0].errors }), tap4(() => {
         this.onModuleLoad.next({ ready: true, name: moduleName });
       }), catchError3((error) => {
         this.onModuleLoad.next({ ready: true, name: moduleName, error });
@@ -2100,13 +1868,13 @@ var I18nService = class _I18nService extends EuiLazyService {
         this.logService.info(`I18n accepted languages set to ${EuiEuLanguages.getLanguageCodes(this.config.languages)}`);
       }
     }
-    return this.translateService.use(initLanguage).pipe(tap3(() => {
+    return this.translateService.use(initLanguage).pipe(tap4(() => {
       this.bindActiveLangStateToTranslateService();
       this.bindTranslateServiceLangChangeToState();
       if (this.config.defaultLanguage) {
         this.setDefaultLanguage(this.config.defaultLanguage);
       }
-    }), map3(() => {
+    }), map4(() => {
       if (this.translateService.currentLoader instanceof I18nLoader) {
         const failedResources = this.translateService.currentLoader.getFailedResources();
         if (failedResources.length > 0) {
@@ -2160,24 +1928,24 @@ var I18nService = class _I18nService extends EuiLazyService {
     this.document.documentElement.lang = lang;
   }
   static {
-    this.ɵfac = i011.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i011, type: _I18nService, deps: [{ token: GLOBAL_CONFIG_TOKEN }, { token: i15.TranslateService }, { token: LogService, optional: true }, { token: StoreService }, { token: DOCUMENT }], target: i011.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i012.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i012, type: _I18nService, deps: [{ token: GLOBAL_CONFIG_TOKEN }, { token: i16.TranslateService }, { token: LogService, optional: true }, { token: StoreService }, { token: DOCUMENT }], target: i012.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i011.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i011, type: _I18nService, providedIn: "root" });
+    this.ɵprov = i012.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i012, type: _I18nService, providedIn: "root" });
   }
 };
-i011.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i011, type: I18nService, decorators: [{
-  type: Injectable9,
+i012.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i012, type: I18nService, decorators: [{
+  type: Injectable10,
   args: [{
     providedIn: "root"
   }]
 }], ctorParameters: () => [{ type: void 0, decorators: [{
-  type: Inject5,
+  type: Inject6,
   args: [GLOBAL_CONFIG_TOKEN]
-}] }, { type: i15.TranslateService }, { type: LogService, decorators: [{
+}] }, { type: i16.TranslateService }, { type: LogService, decorators: [{
   type: Optional5
 }] }, { type: StoreService }, { type: Document, decorators: [{
-  type: Inject5,
+  type: Inject6,
   args: [DOCUMENT]
 }] }] });
 
@@ -2361,11 +2129,152 @@ var handleError = (error) => {
 // lib/helpers/utils.mjs
 var isDefined = (value) => value !== void 0 && value !== null;
 
+// lib/helpers/css-utils.mjs
+var CssUtils = class {
+  static {
+    this.getCssVarValue = (inputProperty) => {
+      return getComputedStyle(document.documentElement).getPropertyValue(inputProperty);
+    };
+  }
+  static {
+    this.setCssVarValue = (propertyName, propertyValue) => {
+      document.documentElement.style.setProperty(propertyName, propertyValue);
+    };
+  }
+  static {
+    this.setCssVar = (inputProperty, outputProperty) => {
+      const cssVarValue = this.getCssVarValue(inputProperty);
+      this.setCssVarValue(outputProperty, cssVarValue);
+    };
+  }
+  static {
+    this.initCssVars = () => {
+      this.setCssVar("--eui-app-header-height-default", "--eui-app-header-height");
+      this.setCssVar("--eui-app-breadcrumb-height-default", "--eui-app-breadcrumb-height");
+      this.setCssVar("--eui-app-top-message-height-default", "--eui-app-top-message-height");
+      this.setCssVar("--eui-app-toolbar-height-default", "--eui-app-toolbar-height");
+      this.setCssVar("--eui-app-sidebar-width-default", "--eui-app-sidebar-width");
+      this.setCssVar("--eui-app-sidebar-width-close-default", "--eui-app-sidebar-width-close");
+      this.setCssVar("--eui-app-sidebar-header-height-default", "--eui-app-sidebar-header-height");
+      this.setCssVar("--eui-app-sidebar-footer-height-default", "--eui-app-sidebar-footer-height");
+    };
+  }
+  static {
+    this.getBreakpointValues = () => {
+      const breakpoints = [];
+      const xs = this.getCssVarValue("--eui-bp-xs");
+      breakpoints.push({ bkp: "xs", pxValue: xs, value: xs.replace("px", "") });
+      const sm = this.getCssVarValue("--eui-bp-sm");
+      breakpoints.push({ bkp: "sm", pxValue: sm, value: sm.replace("px", "") });
+      const md = this.getCssVarValue("--eui-bp-md");
+      breakpoints.push({ bkp: "md", pxValue: md, value: md.replace("px", "") });
+      const lg = this.getCssVarValue("--eui-bp-lg");
+      breakpoints.push({ bkp: "lg", pxValue: lg, value: lg.replace("px", "") });
+      const xl = this.getCssVarValue("--eui-bp-xl");
+      breakpoints.push({ bkp: "xl", pxValue: xl, value: xl.replace("px", "") });
+      const xxl = this.getCssVarValue("--eui-bp-xxl");
+      breakpoints.push({ bkp: "xxl", pxValue: xxl, value: xxl.replace("px", "") });
+      const fhd = this.getCssVarValue("--eui-bp-fhd");
+      breakpoints.push({ bkp: "fhd", pxValue: fhd, value: fhd.replace("px", "") });
+      const twok = this.getCssVarValue("--eui-bp-2k");
+      breakpoints.push({ bkp: "2k", pxValue: twok, value: twok.replace("px", "") });
+      const fourk = this.getCssVarValue("--eui-bp-4k");
+      breakpoints.push({ bkp: "4k", pxValue: fourk, value: fourk.replace("px", "") });
+      return breakpoints;
+    };
+  }
+  static {
+    this.activateEditModeCssVars = (isActive) => {
+      if (isActive) {
+        this.setCssVarValue("--eui-docpage-navigation-z-index", "inherit");
+        this.setCssVarValue("--eui-z-index-sidebar", "inherit");
+        this.setCssVarValue("--eui-z-index-root", "inherit");
+      } else {
+        this.setCssVarValue("--eui-docpage-navigation-z-index", "2");
+        this.setCssVarValue("--eui-z-index-sidebar", "1044");
+        this.setCssVarValue("--eui-z-index-root", "1");
+      }
+    };
+  }
+  static {
+    this.activateHeaderCssVars = () => {
+      this.setCssVar("--eui-app-header-height-active", "--eui-app-header-height");
+    };
+  }
+  static {
+    this.activateBreadcrumbCssVars = () => {
+      this.setCssVar("--eui-app-breadcrumb-height-active", "--eui-app-breadcrumb-height");
+    };
+  }
+  static {
+    this.activateTopMessageCssVars = (height) => {
+      this.setCssVarValue("--eui-app-top-message-height", `${height}px`);
+    };
+  }
+  static {
+    this.activateToolbarCssVars = () => {
+      this.setCssVar("--eui-app-toolbar-height-active", "--eui-app-toolbar-height");
+    };
+  }
+  static {
+    this.activateFooterCssVars = () => {
+      this.setCssVar("--eui-app-footer-height-active", "--eui-app-footer-height");
+    };
+  }
+  static {
+    this.setHeaderShrinkCssVar = (active) => {
+      if (active) {
+        this.setCssVar("--eui-app-header-height-shrink", "--eui-app-header-height");
+      } else {
+        this.setCssVar("--eui-app-header-height-active", "--eui-app-header-height");
+      }
+    };
+  }
+  static {
+    this.activateSidebarCssVars = () => {
+      this.setCssVar("--eui-app-sidebar-width-active", "--eui-app-sidebar-width");
+      this.setCssVar("--eui-app-sidebar-width-close-active", "--eui-app-sidebar-width-close");
+    };
+  }
+  static {
+    this.removeSidebarCssVars = () => {
+      document.documentElement.style.removeProperty("--eui-app-sidebar-header-height");
+      document.documentElement.style.removeProperty("--eui-app-sidebar-footer-height");
+      document.documentElement.style.removeProperty("--eui-app-sidebar-width");
+      document.documentElement.style.removeProperty("--eui-app-sidebar-width-close");
+    };
+  }
+  static {
+    this.activateSidebarHeaderCssVars = () => {
+      this.setCssVar("--eui-app-sidebar-header-height-active", "--eui-app-sidebar-header-height");
+    };
+  }
+  static {
+    this.activateSidebarFooterCssVars = () => {
+      this.setCssVar("--eui-app-sidebar-footer-height-active", "--eui-app-sidebar-footer-height");
+    };
+  }
+  /**
+   * Gets the viewport height and width and multiple it by 1% to get a value for a vh/vw unit
+   * Sets the value in the --eui-app-vh custom property to the root of the document
+   * Sets the value in the --eui-app-vw custom property to the root of the document
+   * Example for 100% height: calc(var(--eui-app-vh, 1vh) * 100);
+   * Example for 50% height: calc(var(--eui-app-vh, 1vh) * 50);
+   * Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);
+   */
+  static setAppViewportCssVars() {
+    const vh = window.innerHeight * 0.01;
+    const vw = window.innerWidth * 0.01;
+    this.setCssVarValue("--eui-app-vh", `${vh}px`);
+    this.setCssVarValue("--eui-app-vw", `${vw}px`);
+  }
+};
+
 // lib/services/permission/permission.service.mjs
-import { Injectable as Injectable10, Optional as Optional6 } from "@angular/core";
+import { Injectable as Injectable11, Optional as Optional6 } from "@angular/core";
 import { EuiService, getUserRights } from "@eui/base";
 import { of as of6 } from "rxjs";
-import * as i012 from "@angular/core";
+import * as i013 from "@angular/core";
 var EuiPermissionService = class _EuiPermissionService extends EuiService {
   constructor(log, store) {
     super([]);
@@ -2571,14 +2480,14 @@ var EuiPermissionService = class _EuiPermissionService extends EuiService {
     return rights.every((right) => this.userRights.find((uRight) => uRight.id === right.id));
   }
   static {
-    this.ɵfac = i012.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i012, type: _EuiPermissionService, deps: [{ token: LogService, optional: true }, { token: StoreService }], target: i012.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i013.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i013, type: _EuiPermissionService, deps: [{ token: LogService, optional: true }, { token: StoreService }], target: i013.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i012.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i012, type: _EuiPermissionService, providedIn: "root" });
+    this.ɵprov = i013.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i013, type: _EuiPermissionService, providedIn: "root" });
   }
 };
-i012.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i012, type: EuiPermissionService, decorators: [{
-  type: Injectable10,
+i013.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i013, type: EuiPermissionService, decorators: [{
+  type: Injectable11,
   args: [{
     providedIn: "root"
   }]
@@ -2587,9 +2496,9 @@ i012.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
 }] }, { type: StoreService }] });
 
 // lib/services/dynamic-menu/dynamic-menu.service.mjs
-import { Injectable as Injectable11 } from "@angular/core";
+import { Injectable as Injectable12 } from "@angular/core";
 import { getUserState } from "@eui/base";
-import * as i013 from "@angular/core";
+import * as i014 from "@angular/core";
 var EuiDynamicMenuService = 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?
@@ -2638,23 +2547,23 @@ var EuiDynamicMenuService = class _EuiDynamicMenuService {
     });
   }
   static {
-    this.ɵfac = i013.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i013, type: _EuiDynamicMenuService, deps: [{ token: EuiPermissionService }, { token: StoreService }], target: i013.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i014.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i014, type: _EuiDynamicMenuService, deps: [{ token: EuiPermissionService }, { token: StoreService }], target: i014.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i013.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i013, type: _EuiDynamicMenuService, providedIn: "root" });
+    this.ɵprov = i014.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i014, type: _EuiDynamicMenuService, providedIn: "root" });
   }
 };
-i013.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i013, type: EuiDynamicMenuService, decorators: [{
-  type: Injectable11,
+i014.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i014, type: EuiDynamicMenuService, decorators: [{
+  type: Injectable12,
   args: [{
     providedIn: "root"
   }]
 }], ctorParameters: () => [{ type: EuiPermissionService }, { type: StoreService }] });
 
 // lib/services/dynamic-component/dynamic-component.service.mjs
-import { Injectable as Injectable12, InjectionToken as InjectionToken5 } from "@angular/core";
+import { Injectable as Injectable13, InjectionToken as InjectionToken5 } from "@angular/core";
 import { ComponentPortal, DomPortalOutlet, PortalInjector } from "@angular/cdk/portal";
-import * as i014 from "@angular/core";
+import * as i015 from "@angular/core";
 var DYNAMIC_COMPONENT_CONFIG = new InjectionToken5("DYNAMIC_COMPONENT_CONFIG");
 var EuiDynamicComponentService = class _EuiDynamicComponentService {
   constructor(componentFactoryResolver, injector, appRef) {
@@ -2709,39 +2618,35 @@ var EuiDynamicComponentService = class _EuiDynamicComponentService {
     return new PortalInjector(this.injector, injectorTokens);
   }
   static {
-    this.ɵfac = i014.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i014, type: _EuiDynamicComponentService, deps: [{ token: i014.ComponentFactoryResolver }, { token: i014.Injector }, { token: i014.ApplicationRef }], target: i014.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i015.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i015, type: _EuiDynamicComponentService, deps: [{ token: i015.ComponentFactoryResolver }, { token: i015.Injector }, { token: i015.ApplicationRef }], target: i015.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i014.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i014, type: _EuiDynamicComponentService });
+    this.ɵprov = i015.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i015, type: _EuiDynamicComponentService });
   }
 };
-i014.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i014, type: EuiDynamicComponentService, decorators: [{
-  type: Injectable12
-}], ctorParameters: () => [{ type: i014.ComponentFactoryResolver }, { type: i014.Injector }, { type: i014.ApplicationRef }] });
+i015.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i015, type: EuiDynamicComponentService, decorators: [{
+  type: Injectable13
+}], ctorParameters: () => [{ type: i015.ComponentFactoryResolver }, { type: i015.Injector }, { type: i015.ApplicationRef }] });
 
 // lib/services/eui-app-shell.service.mjs
-import { Inject as Inject6, Injectable as Injectable13, Optional as Optional7, PLATFORM_ID } from "@angular/core";
+import { Inject as Inject7, Injectable as Injectable14, Optional as Optional7, PLATFORM_ID } from "@angular/core";
 import { isPlatformBrowser } from "@angular/common";
 import { BehaviorSubject as BehaviorSubject2, defer, firstValueFrom } from "rxjs";
 import { EuiEuLanguages as EuiEuLanguages2, getActiveLang as getActiveLang2 } from "@eui/base";
 import { NavigationEnd } from "@angular/router";
-import { distinctUntilChanged as distinctUntilChanged2, map as map4 } from "rxjs/operators";
+import { distinctUntilChanged as distinctUntilChanged2, map as map5 } from "rxjs/operators";
 import isEqual from "lodash-es/isEqual";
 import get from "lodash-es/get";
-import * as i015 from "@angular/core";
-import * as i16 from "@angular/common/http";
-import * as i22 from "@angular/router";
+import * as i016 from "@angular/core";
+import * as i17 from "@angular/common/http";
+import * as i23 from "@angular/router";
 var initialState = {
   appName: "",
   appShortName: "",
   appSubTitle: "",
   appBaseFontSize: "",
   isSidebarOpen: true,
-  isSidebarHover: false,
   isSidebarActive: false,
-  isSidebarInnerActive: false,
-  isSidebarStateCloseWithIcons: false,
-  isSidebarExpandOnHover: true,
   hasSidebar: false,
   hasHeader: false,
   hasBreadcrumb: false,
@@ -2770,6 +2675,7 @@ var initialState = {
     is2K: false,
     is4K: false
   },
+  breakpointValues: [],
   menuLinks: [],
   sidebarLinks: [],
   combinedLinks: [],
@@ -2791,7 +2697,6 @@ var EuiAppShellService = 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();
@@ -2814,29 +2719,12 @@ var EuiAppShellService = class _EuiAppShellService {
   get isSidebarOpen() {
     return this.state.isSidebarOpen;
   }
-  set isSidebarHover(isHover) {
-    if (this.state.isSidebarExpandOnHover) {
-      this.setState({
-        ...this.state,
-        isSidebarHover: isHover
-      });
-    }
-  }
-  get isSidebarHover() {
-    return this.state.isSidebarHover;
-  }
   set isSidebarActive(isActive) {
     this.setState({
       ...this.state,
       isSidebarActive: isActive
     });
   }
-  set isSidebarInnerActive(isOpen) {
-    this.setState({
-      ...this.state,
-      isSidebarInnerActive: isOpen
-    });
-  }
   set sidebarLinks(links) {
     this.setState({
       ...this.state,
@@ -2875,9 +2763,6 @@ var EuiAppShellService = class _EuiAppShellService {
     this.router = router;
     this.storeService = storeService;
     this.i18nService = i18nService;
-    this.openModalId = new BehaviorSubject2("");
-    this.activeModals = [];
-    this.cssVars = [];
     let stateWithConfig = initialState;
     const languages = config?.i18n?.i18nService?.languages || initialState.languages;
     const defaultLanguage = config?.i18n?.i18nService?.defaultLanguage || initialState.activeLanguage;
@@ -2936,13 +2821,12 @@ var EuiAppShellService = 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
       key ? this.state$.pipe(
-        map4((state) => get(state, key)),
+        map5((state) => get(state, key)),
         // filter((state) => state),
         distinctUntilChanged2((x, y) => isEqual(x, y))
       ) : this.state$
@@ -2958,25 +2842,14 @@ var EuiAppShellService = class _EuiAppShellService {
       ...this.state,
       isDimmerActive: !isActive
     });
-    this.activateEditModeCssVars(!isActive);
+    CssUtils.activateEditModeCssVars(!isActive);
   }
   setDimmerActiveState(activeState) {
     this.setState({
       ...this.state,
       isDimmerActive: activeState
     });
-    this.activateEditModeCssVars(activeState);
-  }
-  activateEditModeCssVars(isActive) {
-    if (isActive) {
-      this._setCssVarValue("--eui-docpage-navigation-z-index", "inherit");
-      this._setCssVarValue("--eui-z-index-sidebar", "inherit");
-      this._setCssVarValue("--eui-z-index-root", "inherit");
-    } else {
-      this._setCssVarValue("--eui-docpage-navigation-z-index", "2");
-      this._setCssVarValue("--eui-z-index-sidebar", "1044");
-      this._setCssVarValue("--eui-z-index-root", "1");
-    }
+    CssUtils.activateEditModeCssVars(activeState);
   }
   // --------------
   // public methods
@@ -2995,42 +2868,42 @@ var EuiAppShellService = class _EuiAppShellService {
       hasSidebar: true
     });
     if (!this.state.isSidebarHidden) {
-      this.activateSidebarCssVars();
+      CssUtils.activateSidebarCssVars();
     }
   }
   activateSidebarHeader() {
-    this.activateSidebarHeaderCssVars();
+    CssUtils.activateSidebarHeaderCssVars();
   }
   activateSidebarFooter() {
-    this.activateSidebarFooterCssVars();
+    CssUtils.activateSidebarFooterCssVars();
   }
   activateHeader() {
     this.setState({
       ...this.state,
       hasHeader: true
     });
-    this.activateHeaderCssVars();
+    CssUtils.activateHeaderCssVars();
   }
   activateBreadcrumb() {
     this.setState({
       ...this.state,
       hasBreadcrumb: true
     });
-    this.activateBreadcrumbCssVars();
+    CssUtils.activateBreadcrumbCssVars();
   }
   activateTopMessage(height) {
     this.setState({
       ...this.state,
       hasTopMessage: true
     });
-    this.activateTopMessageCssVars(height);
+    CssUtils.activateTopMessageCssVars(height);
   }
   activateToolbar() {
     this.setState({
       ...this.state,
       hasToolbar: true
     });
-    this.activateToolbarCssVars();
+    CssUtils.activateToolbarCssVars();
   }
   activateToolbarMenu() {
     this.setState({
@@ -3038,231 +2911,29 @@ var EuiAppShellService = class _EuiAppShellService {
       hasToolbarMenu: true
     });
   }
-  fetchCssVars() {
-    const cssVarNames = [
-      "--eui-app-header-height-default",
-      "--eui-app-header-height-active",
-      "--eui-app-header-height-shrink",
-      "--eui-app-breadcrumb-height-default",
-      "--eui-app-breadcrumb-height-active",
-      "--eui-app-top-message-height-default",
-      "--eui-app-top-message-height-active",
-      "--eui-app-top-message-height-shrink",
-      "--eui-app-toolbar-height-default",
-      "--eui-app-toolbar-height-active",
-      "--eui-app-sidebar-width-default",
-      "--eui-app-sidebar-width-active",
-      "--eui-app-sidebar-width-close-default",
-      "--eui-app-sidebar-width-close-active",
-      "--eui-app-sidebar-header-height-default",
-      "--eui-app-sidebar-header-height-active",
-      "--eui-app-sidebar-footer-height-default",
-      "--eui-app-sidebar-footer-height-active"
-    ];
-    this.cssVars = cssVarNames.map((v) => ({ key: v, value: this.getCssVarValue(v) }));
-  }
-  initCssVars() {
-    this.setCssVar("--eui-app-header-height-default", "--eui-app-header-height");
-    this.setCssVar("--eui-app-breadcrumb-height-default", "--eui-app-breadcrumb-height");
-    this.setCssVar("--eui-app-top-message-height-default", "--eui-app-top-message-height");
-    this.setCssVar("--eui-app-toolbar-height-default", "--eui-app-toolbar-height");
-    this.setCssVar("--eui-app-sidebar-width-default", "--eui-app-sidebar-width");
-    this.setCssVar("--eui-app-sidebar-width-close-default", "--eui-app-sidebar-width-close");
-    this.setCssVar("--eui-app-sidebar-header-height-default", "--eui-app-sidebar-header-height");
-    this.setCssVar("--eui-app-sidebar-footer-height-default", "--eui-app-sidebar-footer-height");
-  }
-  activateHeaderCssVars() {
-    this.setCssVar("--eui-app-header-height-active", "--eui-app-header-height");
-  }
-  activateBreadcrumbCssVars() {
-    this.setCssVar("--eui-app-breadcrumb-height-active", "--eui-app-breadcrumb-height");
-  }
-  activateTopMessageCssVars(height) {
-    this._setCssVarValue("--eui-app-top-message-height", `${height}px`);
-  }
-  activateToolbarCssVars() {
-    this.setCssVar("--eui-app-toolbar-height-active", "--eui-app-toolbar-height");
-  }
-  activateFooterCssVars() {
-    this.setCssVar("--eui-app-footer-height-active", "--eui-app-footer-height");
-  }
-  setHeaderShrinkCssVar(active) {
-    if (active) {
-      this.setCssVar("--eui-app-header-height-shrink", "--eui-app-header-height");
-    } else {
-      this.setCssVar("--eui-app-header-height-active", "--eui-app-header-height");
-    }
-  }
-  activateSidebarCssVars() {
-    this.setCssVar("--eui-app-sidebar-width-active", "--eui-app-sidebar-width");
-    this.setCssVar("--eui-app-sidebar-width-close-active", "--eui-app-sidebar-width-close");
-  }
-  removeSidebarCssVars() {
-    document.documentElement.style.removeProperty("--eui-app-sidebar-header-height");
-    document.documentElement.style.removeProperty("--eui-app-sidebar-footer-height");
-    document.documentElement.style.removeProperty("--eui-app-sidebar-width");
-    document.documentElement.style.removeProperty("--eui-app-sidebar-width-close");
-  }
-  activateSidebarHeaderCssVars() {
-    this.setCssVar("--eui-app-sidebar-header-height-active", "--eui-app-sidebar-header-height");
-  }
-  activateSidebarFooterCssVars() {
-    this.setCssVar("--eui-app-sidebar-footer-height-active", "--eui-app-sidebar-footer-height");
-  }
-  /**
-   * Gets the viewport height and width and multiple it by 1% to get a value for a vh/vw unit
-   * Sets the value in the --eui-app-vh custom property to the root of the document
-   * Sets the value in the --eui-app-vw custom property to the root of the document
-   * Example for 100% height: calc(var(--eui-app-vh, 1vh) * 100);
-   * Example for 50% height: calc(var(--eui-app-vh, 1vh) * 50);
-   * Example for 50% width: calc(var(--eui-app-vw, 1vw) * 50);
-   */
-  setAppViewportCssVars() {
-    const vh = window.innerHeight * 0.01;
-    const vw = window.innerWidth * 0.01;
-    this._setCssVarValue("--eui-app-vh", `${vh}px`);
-    this._setCssVarValue("--eui-app-vw", `${vw}px`);
-  }
   /**
-   * Returns the current value of --eui-base-font-size CSS variable
+   * Returns the current value of --eui-f-size-base CSS variable
    */
   getBaseFontSize() {
-    return this.state.appBaseFontSize || this.getCssVarValue("--eui-base-font-size");
+    return this.state.appBaseFontSize || CssUtils.getCssVarValue("--eui-f-size-base");
   }
   /**
-   * Updates the current value of --eui-base-font-size CSS variable and the UIState appBaseFontSize
+   * Updates the current value of --eui-f-size-base CSS variable and the UIState appBaseFontSize
    */
   setBaseFontSize(newsize) {
     this.setState({
       ...this.state,
       appBaseFontSize: newsize
     }, 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";
-    }
-    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 {
-      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;
+    CssUtils.setCssVarValue("--eui-f-size-base", newsize);
   }
   // ---------------
   // private getters
   // ---------------
-  getCssVarValue(inputProperty) {
-    return getComputedStyle(document.documentElement).getPropertyValue(inputProperty);
-  }
-  setCssVar(inputProperty, outputProperty) {
-    const cssVarValue = this.cssVars.filter((v) => v.key === inputProperty)[0].value;
-    this._setCssVarValue(outputProperty, cssVarValue);
-  }
-  _setCssVarValue(varName, varValue) {
-    document.documentElement.style.setProperty(varName, varValue);
-  }
   getWrapperClasses(state, breakpoint) {
     const classes = [];
     classes.push(breakpoint);
     if (state.hasSidebar) {
-      if (state.isSidebarOpen && (state.isSidebarActive || state.isSidebarInnerActive)) {
-        classes.push("sidebar-state-open");
-      }
-      if (!state.isSidebarOpen && (state.isSidebarActive || state.isSidebarInnerActive)) {
-        classes.push("sidebar-state-close");
-      }
-      if (state.isSidebarActive) {
-        classes.push("sidebar-active");
-      }
-      if (state.isSidebarInnerActive) {
-        classes.push("sidebar-inner-active");
-      }
-      if (state.isSidebarStateCloseWithIcons) {
-        classes.push("sidebar-state-close-with-icons");
-      }
       if (state.isSidebarHidden) {
         classes.push("sidebar--hidden");
       }
@@ -3271,55 +2942,35 @@ var EuiAppShellService = class _EuiAppShellService {
       } else {
         classes.push("sidebar--close");
       }
-      if (state.isSidebarHover) {
-        classes.push("sidebar--hover");
-      }
     }
-    if (state.deviceInfo && state.deviceInfo.isFF) {
+    if (state.deviceInfo?.isFF) {
       classes.push("ff");
     }
-    if (state.deviceInfo && state.deviceInfo.isIE) {
+    if (state.deviceInfo?.isIE) {
       classes.push("ie");
     }
-    if (state.deviceInfo && state.deviceInfo.isIE11) {
-      classes.push("ie11");
-    }
-    if (state.deviceInfo && state.deviceInfo.isChrome) {
+    if (state.deviceInfo?.isChrome) {
       classes.push("chrome");
     }
     return classes.join(" ");
   }
   getBreakpoint(windowWidth) {
     let bkp = "";
-    switch (true) {
-      case (windowWidth >= 0 && windowWidth < 480):
-        bkp = "xs";
-        break;
-      case (windowWidth >= 480 && windowWidth < 768):
-        bkp = "sm";
-        break;
-      case (windowWidth >= 768 && windowWidth < 996):
-        bkp = "md";
-        break;
-      case (windowWidth >= 996 && windowWidth < 1140):
-        bkp = "lg";
-        break;
-      case (windowWidth >= 1140 && windowWidth < 1400):
-        bkp = "xl";
-        break;
-      case (windowWidth >= 1400 && windowWidth < 1920):
-        bkp = "xxl";
-        break;
-      case (windowWidth >= 1920 && windowWidth < 2560):
-        bkp = "fhd";
-        break;
-      case (windowWidth >= 2560 && windowWidth < 3840):
-        bkp = "2k";
-        break;
-      case windowWidth >= 3840:
-        bkp = "4k";
-        break;
+    if (this.state.breakpointValues.length === 0) {
+      this.setState({
+        ...this.state,
+        breakpointValues: CssUtils.getBreakpointValues()
+      });
     }
+    this.state.breakpointValues.forEach((b, i) => {
+      if (i < this.state.breakpointValues.length) {
+        if (windowWidth >= b.value && windowWidth < this.state.breakpointValues[i + 1].value) {
+          bkp = b.bkp;
+        }
+      } else if (windowWidth >= b.value) {
+        bkp = b.bkp;
+      }
+    });
     return bkp;
   }
   getBreakpoints(bkp) {
@@ -3343,7 +2994,6 @@ var EuiAppShellService = class _EuiAppShellService {
     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);
@@ -3360,32 +3010,32 @@ var EuiAppShellService = class _EuiAppShellService {
     });
   }
   static {
-    this.ɵfac = i015.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i015, type: _EuiAppShellService, deps: [{ token: GLOBAL_CONFIG_TOKEN, optional: true }, { token: i16.HttpClient }, { token: PLATFORM_ID }, { token: i22.Router }, { token: StoreService }, { token: I18nService, optional: true }], target: i015.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i016.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i016, type: _EuiAppShellService, deps: [{ token: GLOBAL_CONFIG_TOKEN, optional: true }, { token: i17.HttpClient }, { token: PLATFORM_ID }, { token: i23.Router }, { token: StoreService }, { token: I18nService, optional: true }], target: i016.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i015.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i015, type: _EuiAppShellService, providedIn: "root" });
+    this.ɵprov = i016.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i016, type: _EuiAppShellService, providedIn: "root" });
   }
 };
-i015.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i015, type: EuiAppShellService, decorators: [{
-  type: Injectable13,
+i016.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i016, type: EuiAppShellService, decorators: [{
+  type: Injectable14,
   args: [{
     providedIn: "root"
   }]
 }], ctorParameters: () => [{ type: void 0, decorators: [{
   type: Optional7
 }, {
-  type: Inject6,
+  type: Inject7,
   args: [GLOBAL_CONFIG_TOKEN]
-}] }, { type: i16.HttpClient }, { type: void 0, decorators: [{
-  type: Inject6,
+}] }, { type: i17.HttpClient }, { type: void 0, decorators: [{
+  type: Inject7,
   args: [PLATFORM_ID]
-}] }, { type: i22.Router }, { type: StoreService }, { type: I18nService, decorators: [{
+}] }, { type: i23.Router }, { type: StoreService }, { type: I18nService, decorators: [{
   type: Optional7
 }] }] });
 
 // lib/services/eui-timezone.service.mjs
-import { Injectable as Injectable14 } from "@angular/core";
-import * as i016 from "@angular/core";
+import { Injectable as Injectable15 } from "@angular/core";
+import * as i017 from "@angular/core";
 var EUI_COUNTRIES = {
   AF: "Afghanistan",
   AX: "Aland Islands",
@@ -4093,16 +3743,67 @@ var EuiTimezoneService = class _EuiTimezoneService {
     return EUI_TIMEZONES.find((item) => item.name === tz);
   }
   static {
-    this.ɵfac = i016.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i016, type: _EuiTimezoneService, deps: [], target: i016.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i017.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i017, type: _EuiTimezoneService, deps: [], target: i017.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i016.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i016, type: _EuiTimezoneService });
+    this.ɵprov = i017.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i017, type: _EuiTimezoneService });
   }
 };
-i016.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i016, type: EuiTimezoneService, decorators: [{
-  type: Injectable14
+i017.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i017, type: EuiTimezoneService, decorators: [{
+  type: Injectable15
 }] });
 
+// lib/services/eui-theme.service.mjs
+import { Inject as Inject8, Injectable as Injectable16, Optional as Optional8 } from "@angular/core";
+import { map as map6, ReplaySubject } from "rxjs";
+import * as i018 from "@angular/core";
+var EuiTheme;
+(function(EuiTheme2) {
+  EuiTheme2["EC"] = "ec";
+  EuiTheme2["EU"] = "eu";
+  EuiTheme2["EUI"] = "eui";
+})(EuiTheme || (EuiTheme = {}));
+var EuiThemeService = class _EuiThemeService {
+  constructor(config) {
+    this.config = config;
+    this.theme = EuiTheme.EC;
+    this.themeSubject = new ReplaySubject();
+    this.theme$ = this.themeSubject.asObservable();
+    this.isEU$ = this.theme$.pipe(map6((theme2) => EuiTheme.EU === theme2));
+    this.isEC$ = this.theme$.pipe(map6((theme2) => EuiTheme.EC === theme2));
+    const theme = this.config?.eui?.theme || EuiTheme.EC;
+    this.setTheme(theme);
+  }
+  isECTheme() {
+    return EuiTheme.EC === this.theme;
+  }
+  isEUTheme() {
+    return EuiTheme.EU === this.theme;
+  }
+  getTheme() {
+    return this.theme;
+  }
+  setTheme(theme) {
+    this.theme = theme;
+    this.themeSubject.next(theme);
+  }
+  static {
+    this.ɵfac = i018.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i018, type: _EuiThemeService, deps: [{ token: GLOBAL_CONFIG_TOKEN, optional: true }], target: i018.ɵɵFactoryTarget.Injectable });
+  }
+  static {
+    this.ɵprov = i018.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i018, type: _EuiThemeService, providedIn: "root" });
+  }
+};
+i018.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i018, type: EuiThemeService, decorators: [{
+  type: Injectable16,
+  args: [{ providedIn: "root" }]
+}], ctorParameters: () => [{ type: void 0, decorators: [{
+  type: Optional8
+}, {
+  type: Inject8,
+  args: [GLOBAL_CONFIG_TOKEN]
+}] }] });
+
 // lib/services/storage/storage.service.mjs
 var StorageService = class {
 };
@@ -4170,8 +3871,8 @@ var AsyncStorageServiceMock = class extends AsyncStorageService {
 };
 
 // lib/services/storage/local-storage.service.mjs
-import { Injectable as Injectable15, Optional as Optional8 } from "@angular/core";
-import * as i017 from "@angular/core";
+import { Injectable as Injectable17, Optional as Optional9 } from "@angular/core";
+import * as i019 from "@angular/core";
 var LocalStorageService = class _LocalStorageService extends StorageService {
   static {
     this.NAME = "LocalStorageService";
@@ -4235,21 +3936,21 @@ var LocalStorageService = class _LocalStorageService extends StorageService {
     }
   }
   static {
-    this.ɵfac = i017.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i017, type: _LocalStorageService, deps: [{ token: LogService, optional: true }], target: i017.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i019.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i019, type: _LocalStorageService, deps: [{ token: LogService, optional: true }], target: i019.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i017.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i017, type: _LocalStorageService });
+    this.ɵprov = i019.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i019, type: _LocalStorageService });
   }
 };
-i017.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i017, type: LocalStorageService, decorators: [{
-  type: Injectable15
+i019.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i019, type: LocalStorageService, decorators: [{
+  type: Injectable17
 }], ctorParameters: () => [{ type: LogService, decorators: [{
-  type: Optional8
+  type: Optional9
 }] }] });
 
 // lib/services/storage/session-storage.service.mjs
-import { Injectable as Injectable16, Optional as Optional9 } from "@angular/core";
-import * as i018 from "@angular/core";
+import { Injectable as Injectable18, Optional as Optional10 } from "@angular/core";
+import * as i020 from "@angular/core";
 var SessionStorageService = class _SessionStorageService extends StorageService {
   static {
     this.NAME = "SessionStorageService";
@@ -4313,24 +4014,24 @@ var SessionStorageService = class _SessionStorageService extends StorageService
     }
   }
   static {
-    this.ɵfac = i018.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i018, type: _SessionStorageService, deps: [{ token: LogService, optional: true }], target: i018.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i020.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i020, type: _SessionStorageService, deps: [{ token: LogService, optional: true }], target: i020.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i018.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i018, type: _SessionStorageService });
+    this.ɵprov = i020.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i020, type: _SessionStorageService });
   }
 };
-i018.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i018, type: SessionStorageService, decorators: [{
-  type: Injectable16
+i020.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i020, type: SessionStorageService, decorators: [{
+  type: Injectable18
 }], ctorParameters: () => [{ type: LogService, decorators: [{
-  type: Optional9
+  type: Optional10
 }] }] });
 
 // lib/services/storage/local-forage.service.mjs
-import { Inject as Inject7, Injectable as Injectable17, InjectionToken as InjectionToken6, Optional as Optional10 } from "@angular/core";
+import { Inject as Inject9, Injectable as Injectable19, InjectionToken as InjectionToken6, Optional as Optional11 } from "@angular/core";
 import { from as from2 } from "rxjs";
-import { take as take3, tap as tap4 } from "rxjs/operators";
+import { take as take3, tap as tap5 } from "rxjs/operators";
 import * as lf from "localforage";
-import * as i019 from "@angular/core";
+import * as i021 from "@angular/core";
 var localForage = "defineDriver" in lf ? lf : lf["default"];
 var LOCAL_FORAGE_SERVICE_CONFIG_TOKEN = new InjectionToken6("LOCAL_FORAGE_SERVICE_CONFIG");
 var LocalForageService = class _LocalForageService extends AsyncStorageService {
@@ -4358,7 +4059,7 @@ var LocalForageService = class _LocalForageService 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 from2(localForage.ready()).pipe(take3(1), tap4({
+    return from2(localForage.ready()).pipe(take3(1), tap5({
       next: () => {
       },
       error: (err) => {
@@ -4376,7 +4077,7 @@ var LocalForageService = class _LocalForageService 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
   get(key) {
-    return from2(localForage.getItem(key)).pipe(take3(1), tap4(() => {
+    return from2(localForage.getItem(key)).pipe(take3(1), tap5(() => {
     }, (err) => {
       if (this.log) {
         this.log.error(this.name(), "get", err);
@@ -4392,7 +4093,7 @@ var LocalForageService = class _LocalForageService 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
   set(key, value) {
-    return from2(localForage.setItem(key, value)).pipe(take3(1), tap4({
+    return from2(localForage.setItem(key, value)).pipe(take3(1), tap5({
       next: () => {
       },
       error: (err) => {
@@ -4410,7 +4111,7 @@ var LocalForageService = class _LocalForageService 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
   remove(key) {
-    return from2(localForage.removeItem(key)).pipe(take3(1), tap4({
+    return from2(localForage.removeItem(key)).pipe(take3(1), tap5({
       next: () => {
       },
       error: (err) => {
@@ -4421,31 +4122,31 @@ var LocalForageService = class _LocalForageService extends AsyncStorageService {
     }));
   }
   static {
-    this.ɵfac = i019.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i019, type: _LocalForageService, deps: [{ token: LOCAL_FORAGE_SERVICE_CONFIG_TOKEN, optional: true }, { token: LogService, optional: true }], target: i019.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i021.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i021, type: _LocalForageService, deps: [{ token: LOCAL_FORAGE_SERVICE_CONFIG_TOKEN, optional: true }, { token: LogService, optional: true }], target: i021.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i019.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i019, type: _LocalForageService });
+    this.ɵprov = i021.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i021, type: _LocalForageService });
   }
 };
-i019.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i019, type: LocalForageService, decorators: [{
-  type: Injectable17
+i021.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i021, type: LocalForageService, decorators: [{
+  type: Injectable19
 }], ctorParameters: () => [{ type: void 0, decorators: [{
-  type: Inject7,
+  type: Inject9,
   args: [LOCAL_FORAGE_SERVICE_CONFIG_TOKEN]
 }, {
-  type: Optional10
+  type: Optional11
 }] }, { type: LogService, decorators: [{
-  type: Optional10
+  type: Optional11
 }] }] });
 
 // lib/services/locale/locale.service.mjs
-import { Inject as Inject8, Injectable as Injectable18, InjectionToken as InjectionToken7, LOCALE_ID, Optional as Optional11 } from "@angular/core";
+import { Inject as Inject10, Injectable as Injectable20, InjectionToken as InjectionToken7, LOCALE_ID, Optional as Optional12 } from "@angular/core";
 import { getLocaleId } from "@angular/common";
 import { EuiService as EuiService2, getLocaleState, getLocaleServiceConfigFromBase } from "@eui/base";
 import { of as of8, Subject, throwError as throwError2 } from "rxjs";
-import { catchError as catchError4, filter as filter2, map as map5, switchMap as switchMap3, take as take4, takeUntil, tap as tap5 } from "rxjs/operators";
+import { catchError as catchError4, filter as filter2, map as map7, switchMap as switchMap3, take as take4, takeUntil, tap as tap6 } from "rxjs/operators";
 import { createSelector as createSelector2 } from "@ngrx/store";
-import * as i020 from "@angular/core";
+import * as i022 from "@angular/core";
 var LOCALE_ID_MAPPER = new InjectionToken7("localeIdMapper");
 var LocaleService = class _LocaleService extends EuiService2 {
   constructor(store, baseGlobalConfig, locale_id, localeMapper, i18n, log) {
@@ -4493,7 +4194,7 @@ var LocaleService = class _LocaleService extends EuiService2 {
     return this.store.select(selector).pipe(
       takeUntil(this.subNotifier),
       // in case service didn't init fallback to LOCALE_ID token value
-      map5((state) => state ? state : this.stateInstance ? this.stateInstance : this.locale_id)
+      map7((state) => state ? state : this.stateInstance ? this.stateInstance : this.locale_id)
     );
   }
   /**
@@ -4509,7 +4210,7 @@ var LocaleService = class _LocaleService extends EuiService2 {
       this.bindTranslateServiceLangChangeToState();
     }
     const availableLocales = state?.available || this.config?.available || this.getBrowserLocales() || [this.currentLocale];
-    return this.loadLocale(availableLocales).pipe(takeUntil(this.subNotifier), tap5(() => this.updateState(state || { id: this.currentLocale })));
+    return this.loadLocale(availableLocales).pipe(takeUntil(this.subNotifier), tap6(() => this.updateState(state || { id: this.currentLocale })));
   }
   /**
    * Updates the locale state within the application. If the new state is not available,
@@ -4598,7 +4299,7 @@ var LocaleService = class _LocaleService extends EuiService2 {
             if (this.log) {
               this.logger.debug(error);
             }
-            return this.loadLocale(value?.activeLang).pipe(filter2((s) => s.success), map5(() => this.localeMapper(value?.activeLang)), catchError4((e) => {
+            return this.loadLocale(value?.activeLang).pipe(filter2((s) => s.success), map7(() => this.localeMapper(value?.activeLang)), catchError4((e) => {
               if (this.log) {
                 this.logger.debug("Something went terribly really wrong during locale loading", e.err.message);
               }
@@ -4607,8 +4308,8 @@ var LocaleService = class _LocaleService extends EuiService2 {
           })
         )),
         // update the "available" array attribute with newly registered
-        switchMap3((id) => this.getState().pipe(take4(1), map5((state) => {
-          const available = state?.available ? state.available : [];
+        switchMap3((id) => this.getState().pipe(take4(1), map7((state) => {
+          const available = state["available"] ? state["available"] : [];
           return { ...state, id, available: Array.from(/* @__PURE__ */ new Set([...available, id])) };
         })))
       ).subscribe((state) => {
@@ -4630,41 +4331,41 @@ var LocaleService = class _LocaleService extends EuiService2 {
     return browserLocales.map((locale) => locale.trim());
   }
   static {
-    this.ɵfac = i020.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i020, 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: i020.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i022.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i022, 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: i022.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i020.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i020, type: _LocaleService, providedIn: "root" });
+    this.ɵprov = i022.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i022, type: _LocaleService, providedIn: "root" });
   }
 };
-i020.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i020, type: LocaleService, decorators: [{
-  type: Injectable18,
+i022.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i022, type: LocaleService, decorators: [{
+  type: Injectable20,
   args: [{
     providedIn: "root"
   }]
 }], ctorParameters: () => [{ type: StoreService }, { type: void 0, decorators: [{
-  type: Inject8,
+  type: Inject10,
   args: [GLOBAL_CONFIG_TOKEN]
 }] }, { type: void 0, decorators: [{
-  type: Inject8,
+  type: Inject10,
   args: [LOCALE_ID]
 }] }, { type: void 0, decorators: [{
-  type: Optional11
+  type: Optional12
 }, {
-  type: Inject8,
+  type: Inject10,
   args: [LOCALE_ID_MAPPER]
 }] }, { type: I18nService, decorators: [{
-  type: Optional11
+  type: Optional12
 }] }, { type: LogService, decorators: [{
-  type: Optional11
+  type: Optional12
 }] }] });
 
 // lib/services/locale/locale.service.mock.mjs
-import { Optional as Optional12, Inject as Inject9, Injectable as Injectable19, LOCALE_ID as LOCALE_ID2 } from "@angular/core";
+import { Optional as Optional13, Inject as Inject11, Injectable as Injectable21, LOCALE_ID as LOCALE_ID2 } from "@angular/core";
 import { BehaviorSubject as BehaviorSubject3, of as of9 } from "rxjs";
 import localeFr from "@angular/common/locales/fr";
 import localeEl from "@angular/common/locales/el";
 import { registerLocaleData } from "@angular/common";
-import * as i021 from "@angular/core";
+import * as i023 from "@angular/core";
 var LocaleServiceMock = class _LocaleServiceMock extends LocaleService {
   constructor(locale_id) {
     super(null, { locale: { id: "en", available: [] } }, locale_id, null, null, null);
@@ -4689,18 +4390,18 @@ var LocaleServiceMock = class _LocaleServiceMock extends LocaleService {
     return of9({ success: true });
   }
   static {
-    this.ɵfac = i021.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i021, type: _LocaleServiceMock, deps: [{ token: LOCALE_ID2, optional: true }], target: i021.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i023.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i023, type: _LocaleServiceMock, deps: [{ token: LOCALE_ID2, optional: true }], target: i023.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i021.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i021, type: _LocaleServiceMock });
+    this.ɵprov = i023.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i023, type: _LocaleServiceMock });
   }
 };
-i021.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i021, type: LocaleServiceMock, decorators: [{
-  type: Injectable19
+i023.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i023, type: LocaleServiceMock, decorators: [{
+  type: Injectable21
 }], ctorParameters: () => [{ type: void 0, decorators: [{
-  type: Optional12
+  type: Optional13
 }, {
-  type: Inject9,
+  type: Inject11,
   args: [LOCALE_ID2]
 }] }] });
 
@@ -4713,10 +4414,10 @@ var Status;
 })(Status || (Status = {}));
 
 // lib/services/loader/eui-loader.service.mjs
-import { Injectable as Injectable20 } from "@angular/core";
+import { Injectable as Injectable22 } from "@angular/core";
 import { Subject as Subject2 } from "rxjs";
-import { filter as filter3, map as map6 } from "rxjs/operators";
-import * as i022 from "@angular/core";
+import { filter as filter3, map as map8 } from "rxjs/operators";
+import * as i024 from "@angular/core";
 var EuiLoaderService = class _EuiLoaderService {
   constructor() {
     this.dependencies = [];
@@ -4810,7 +4511,7 @@ var EuiLoaderService = class _EuiLoaderService {
    * @param name The name of the dependency
    */
   statusChanges(name) {
-    return this.onStatusChange.asObservable().pipe(filter3((loadedName) => loadedName === name), map6(() => this.dependencies.find((d) => d.name === name)?.status));
+    return this.onStatusChange.asObservable().pipe(filter3((loadedName) => loadedName === name), map8(() => this.dependencies.find((d) => d.name === name)?.status));
   }
   /**
    * Load a dependency and its prerequisites
@@ -4931,25 +4632,25 @@ var EuiLoaderService = class _EuiLoaderService {
     }
   }
   static {
-    this.ɵfac = i022.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i022, type: _EuiLoaderService, deps: [], target: i022.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i024.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i024, type: _EuiLoaderService, deps: [], target: i024.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i022.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i022, type: _EuiLoaderService, providedIn: "root" });
+    this.ɵprov = i024.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i024, type: _EuiLoaderService, providedIn: "root" });
   }
 };
-i022.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i022, type: EuiLoaderService, decorators: [{
-  type: Injectable20,
+i024.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i024, type: EuiLoaderService, decorators: [{
+  type: Injectable22,
   args: [{
     providedIn: "root"
   }]
 }] });
 
 // lib/services/user/user.service.mjs
-import { Injectable as Injectable21 } from "@angular/core";
+import { Injectable as Injectable23 } from "@angular/core";
 import { of as of10 } from "rxjs";
 import { EuiService as EuiService3, getUserState as getUserState2 } from "@eui/base";
 import { createSelector as createSelector3 } from "@ngrx/store";
-import * as i023 from "@angular/core";
+import * as i025 from "@angular/core";
 var UserService = class _UserService extends EuiService3 {
   constructor(store) {
     super({ userId: "annonymous" });
@@ -4988,14 +4689,14 @@ var UserService = class _UserService extends EuiService3 {
     }
   }
   static {
-    this.ɵfac = i023.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i023, type: _UserService, deps: [{ token: StoreService }], target: i023.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i025.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i025, type: _UserService, deps: [{ token: StoreService }], target: i025.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i023.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i023, type: _UserService, providedIn: "root" });
+    this.ɵprov = i025.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i025, type: _UserService, providedIn: "root" });
   }
 };
-i023.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i023, type: UserService, decorators: [{
-  type: Injectable21,
+i025.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i025, type: UserService, decorators: [{
+  type: Injectable23,
   args: [{
     providedIn: "root"
   }]
@@ -5003,8 +4704,8 @@ i023.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2"
 
 // lib/services/user/user.service.mock.mjs
 import { of as of11 } from "rxjs";
-import { Injectable as Injectable22 } from "@angular/core";
-import * as i024 from "@angular/core";
+import { Injectable as Injectable24 } from "@angular/core";
+import * as i026 from "@angular/core";
 var UserServiceMock = class _UserServiceMock extends UserService {
   constructor() {
     super(null);
@@ -5020,20 +4721,20 @@ var UserServiceMock = class _UserServiceMock extends UserService {
   updateState(userState, reducer) {
   }
   static {
-    this.ɵfac = i024.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i024, type: _UserServiceMock, deps: [], target: i024.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i026.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i026, type: _UserServiceMock, deps: [], target: i026.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i024.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i024, type: _UserServiceMock });
+    this.ɵprov = i026.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i026, type: _UserServiceMock });
   }
 };
-i024.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i024, type: UserServiceMock, decorators: [{
-  type: Injectable22
+i026.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i026, type: UserServiceMock, decorators: [{
+  type: Injectable24
 }], ctorParameters: () => [] });
 
 // lib/interceptors/add-lang-param.interceptor.mjs
-import { Injectable as Injectable23 } from "@angular/core";
-import * as i025 from "@angular/core";
-import * as i17 from "@ngx-translate/core";
+import { Injectable as Injectable25 } from "@angular/core";
+import * as i027 from "@angular/core";
+import * as i18 from "@ngx-translate/core";
 var LANG_PARAM_KEY = "X-Lang-Param";
 var AddLangParamInterceptor = class _AddLangParamInterceptor {
   constructor(translateService) {
@@ -5053,19 +4754,19 @@ var AddLangParamInterceptor = class _AddLangParamInterceptor {
     }));
   }
   static {
-    this.ɵfac = i025.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i025, type: _AddLangParamInterceptor, deps: [{ token: i17.TranslateService }], target: i025.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i027.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i027, type: _AddLangParamInterceptor, deps: [{ token: i18.TranslateService }], target: i027.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i025.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i025, type: _AddLangParamInterceptor });
+    this.ɵprov = i027.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i027, type: _AddLangParamInterceptor });
   }
 };
-i025.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i025, type: AddLangParamInterceptor, decorators: [{
-  type: Injectable23
-}], ctorParameters: () => [{ type: i17.TranslateService }] });
+i027.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i027, type: AddLangParamInterceptor, decorators: [{
+  type: Injectable25
+}], ctorParameters: () => [{ type: i18.TranslateService }] });
 
 // lib/interceptors/cache-prevention.interceptor.mjs
-import { Injectable as Injectable24 } from "@angular/core";
-import * as i026 from "@angular/core";
+import { Injectable as Injectable26 } from "@angular/core";
+import * as i028 from "@angular/core";
 var CachePreventionInterceptor = class _CachePreventionInterceptor {
   intercept(req, next) {
     if (req.headers.get("Cache-Control")) {
@@ -5077,19 +4778,19 @@ var CachePreventionInterceptor = class _CachePreventionInterceptor {
     }));
   }
   static {
-    this.ɵfac = i026.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i026, type: _CachePreventionInterceptor, deps: [], target: i026.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i028.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i028, type: _CachePreventionInterceptor, deps: [], target: i028.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i026.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i026, type: _CachePreventionInterceptor });
+    this.ɵprov = i028.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i028, type: _CachePreventionInterceptor });
   }
 };
-i026.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i026, type: CachePreventionInterceptor, decorators: [{
-  type: Injectable24
+i028.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i028, type: CachePreventionInterceptor, decorators: [{
+  type: Injectable26
 }] });
 
 // lib/interceptors/cors-security.interceptor.mjs
-import { Injectable as Injectable25 } from "@angular/core";
-import * as i027 from "@angular/core";
+import { Injectable as Injectable27 } from "@angular/core";
+import * as i029 from "@angular/core";
 var CorsSecurityInterceptor = class _CorsSecurityInterceptor {
   intercept(request, next) {
     return next.handle(request.clone({
@@ -5097,19 +4798,19 @@ var CorsSecurityInterceptor = class _CorsSecurityInterceptor {
     }));
   }
   static {
-    this.ɵfac = i027.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i027, type: _CorsSecurityInterceptor, deps: [], target: i027.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i029.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i029, type: _CorsSecurityInterceptor, deps: [], target: i029.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i027.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i027, type: _CorsSecurityInterceptor });
+    this.ɵprov = i029.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i029, type: _CorsSecurityInterceptor });
   }
 };
-i027.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i027, type: CorsSecurityInterceptor, decorators: [{
-  type: Injectable25
+i029.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i029, type: CorsSecurityInterceptor, decorators: [{
+  type: Injectable27
 }] });
 
 // lib/interceptors/csrf-prevention.interceptor.mjs
-import { Injectable as Injectable26 } from "@angular/core";
-import * as i028 from "@angular/core";
+import { Injectable as Injectable28 } from "@angular/core";
+import * as i030 from "@angular/core";
 var CsrfPreventionInterceptor = class _CsrfPreventionInterceptor {
   intercept(request, next) {
     return next.handle(request.clone({
@@ -5117,24 +4818,24 @@ var CsrfPreventionInterceptor = class _CsrfPreventionInterceptor {
     }));
   }
   static {
-    this.ɵfac = i028.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i028, type: _CsrfPreventionInterceptor, deps: [], target: i028.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i030.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i030, type: _CsrfPreventionInterceptor, deps: [], target: i030.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i028.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i028, type: _CsrfPreventionInterceptor });
+    this.ɵprov = i030.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i030, type: _CsrfPreventionInterceptor });
   }
 };
-i028.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i028, type: CsrfPreventionInterceptor, decorators: [{
-  type: Injectable26
+i030.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i030, type: CsrfPreventionInterceptor, decorators: [{
+  type: Injectable28
 }] });
 
 // lib/interceptors/eu-login-session-timeout-handling.interceptor.mjs
-import { Injectable as Injectable27 } from "@angular/core";
+import { Injectable as Injectable29 } from "@angular/core";
 import { HttpResponse } from "@angular/common/http";
-import { tap as tap6 } from "rxjs/operators";
-import * as i029 from "@angular/core";
+import { tap as tap7 } from "rxjs/operators";
+import * as i031 from "@angular/core";
 var EuLoginSessionTimeoutHandlingInterceptor = class _EuLoginSessionTimeoutHandlingInterceptor {
   intercept(request, next) {
-    return next.handle(request).pipe(tap6((event) => {
+    return next.handle(request).pipe(tap7((event) => {
       this.checkRequestSuccessForEULoginSessionTimeout(request, event);
       return event;
     }, (error) => {
@@ -5182,23 +4883,23 @@ var EuLoginSessionTimeoutHandlingInterceptor = class _EuLoginSessionTimeoutHandl
     document.location.reload();
   }
   static {
-    this.ɵfac = i029.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i029, type: _EuLoginSessionTimeoutHandlingInterceptor, deps: [], target: i029.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i031.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i031, type: _EuLoginSessionTimeoutHandlingInterceptor, deps: [], target: i031.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i029.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i029, type: _EuLoginSessionTimeoutHandlingInterceptor });
+    this.ɵprov = i031.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i031, type: _EuLoginSessionTimeoutHandlingInterceptor });
   }
 };
-i029.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i029, type: EuLoginSessionTimeoutHandlingInterceptor, decorators: [{
-  type: Injectable27
+i031.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i031, type: EuLoginSessionTimeoutHandlingInterceptor, decorators: [{
+  type: Injectable29
 }] });
 
 // lib/interceptors/ux-request-error-model.interceptor.mjs
-import { Inject as Inject10, Injectable as Injectable28, InjectionToken as InjectionToken8 } from "@angular/core";
+import { Inject as Inject12, Injectable as Injectable30, InjectionToken as InjectionToken8 } from "@angular/core";
 import { HttpErrorResponse as HttpErrorResponse2 } from "@angular/common/http";
 import { of as of12 } from "rxjs";
 import { catchError as catchError5 } from "rxjs/operators";
 import { transformToUxHttpResponse } from "@eui/base";
-import * as i030 from "@angular/core";
+import * as i032 from "@angular/core";
 var UX_ERROR_MAPPING_HANDLER_TOKEN = new InjectionToken8("UX_ERROR_MAPPING_HANDLER");
 var UxRequestErrorModelInterceptor = class _UxRequestErrorModelInterceptor {
   constructor(errorMappingHandler) {
@@ -5221,25 +4922,18 @@ var UxRequestErrorModelInterceptor = class _UxRequestErrorModelInterceptor {
     );
   }
   static {
-    this.ɵfac = i030.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i030, type: _UxRequestErrorModelInterceptor, deps: [{ token: UX_ERROR_MAPPING_HANDLER_TOKEN }], target: i030.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i032.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i032, type: _UxRequestErrorModelInterceptor, deps: [{ token: UX_ERROR_MAPPING_HANDLER_TOKEN }], target: i032.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i030.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i030, type: _UxRequestErrorModelInterceptor });
+    this.ɵprov = i032.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i032, type: _UxRequestErrorModelInterceptor });
   }
 };
-i030.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.2", ngImport: i030, type: UxRequestErrorModelInterceptor, decorators: [{
-  type: Injectable28
+i032.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.1", ngImport: i032, type: UxRequestErrorModelInterceptor, decorators: [{
+  type: Injectable30
 }], ctorParameters: () => [{ type: void 0, decorators: [{
-  type: Inject10,
+  type: Inject12,
   args: [UX_ERROR_MAPPING_HANDLER_TOKEN]
 }] }] });
-
-// index.mjs
-__reExport(esm2022_exports, base_star);
-import * as base_star from "@eui/base";
-
-// eui-core.mjs
-__reExport(eui_core_exports, esm2022_exports);
 export {
   ActivatedRouteAction,
   AddApiQueueItemAction,
@@ -5258,13 +4952,16 @@ export {
   CachePreventionInterceptor,
   ConsoleHttpErrorCallbackFn,
   CoreAppActionTypes,
+  CoreAppEffects,
   CoreI18nActionTypes,
   CoreLocaleActionTypes,
   CoreModule,
+  CoreModuleEffects,
   CoreNotificationsActionTypes,
   CoreUserActionTypes,
   CorsSecurityInterceptor,
   CsrfPreventionInterceptor,
+  CssUtils,
   DYNAMIC_COMPONENT_CONFIG,
   EUI_CONFIG_TOKEN,
   EUI_COUNTRIES,
@@ -5280,6 +4977,8 @@ export {
   EuiGrowlService,
   EuiLoaderService,
   EuiPermissionService,
+  EuiTheme,
+  EuiThemeService,
   EuiTimezoneService,
   GLOBAL_CONFIG_TOKEN,
   GlobalErrorHandler,