@eui/core 18.0.0-next.51 → 18.0.0-next.53

package/fesm2022/eui-core.mjs

@@ -351,13 +351,13 @@ var EuiGrowlService = class _EuiGrowlService {
     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-next.6", ngImport: i0, type: _EuiGrowlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: _EuiGrowlService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: _EuiGrowlService, providedIn: "root" });
+    this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: _EuiGrowlService, providedIn: "root" });
   }
 };
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i0, type: EuiGrowlService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i0, type: EuiGrowlService, decorators: [{
   type: Injectable,
   args: [{
     providedIn: "root"
@@ -400,13 +400,13 @@ var CoreAppEffects = class _CoreAppEffects {
     })), { dispatch: false });
   }
   static {
-    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: _CoreAppEffects, deps: [{ token: i1.Actions }, { token: SHOW_CONNECTION_STATUS_TOKEN }, { token: i2.TranslateService }, { token: EuiGrowlService }], target: i02.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i02.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", 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-next.6", ngImport: i02, type: _CoreAppEffects });
+    this.ɵprov = i02.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i02, type: _CoreAppEffects });
   }
 };
-i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i02, type: CoreAppEffects, decorators: [{
+i02.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i02, type: CoreAppEffects, decorators: [{
   type: Injectable2
 }], ctorParameters: () => [{ type: i1.Actions }, { type: void 0, decorators: [{
   type: Inject,
@@ -643,13 +643,13 @@ var LogService = class _LogService extends Logger {
     return logger;
   }
   static {
-    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: _LogService, deps: [{ token: BASE_LOGGER_NAME_TOKEN }, { token: LOG_LEVEL_TOKEN }, { token: LOG_APPENDERS_TOKEN }], target: i03.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i03.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", 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 = i03.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: _LogService });
+    this.ɵprov = i03.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i03, type: _LogService });
   }
 };
-i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i03, type: LogService, decorators: [{
+i03.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i03, type: LogService, decorators: [{
   type: Injectable3
 }], ctorParameters: () => [{ type: void 0, decorators: [{
   type: Inject2,
@@ -726,16 +726,16 @@ var LogModule = class _LogModule {
     };
   }
   static {
-    this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i04, type: _LogModule, deps: [], target: i04.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i04.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i04, type: _LogModule, deps: [], target: i04.ɵɵFactoryTarget.NgModule });
   }
   static {
-    this.ɵmod = i04.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i04, type: _LogModule });
+    this.ɵmod = i04.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i04, type: _LogModule });
   }
   static {
-    this.ɵinj = i04.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i04, type: _LogModule });
+    this.ɵinj = i04.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i04, type: _LogModule });
   }
 };
-i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i04, type: LogModule, decorators: [{
+i04.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i04, type: LogModule, decorators: [{
   type: NgModule
 }] });
 
@@ -836,13 +836,13 @@ var StoreService = class _StoreService {
     }
   }
   static {
-    this.ɵfac = i05.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i05, type: _StoreService, deps: [{ token: i13.Store, optional: true }, { token: LogService, optional: true }], target: i05.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i05.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i05, type: _StoreService, deps: [{ token: i13.Store, optional: true }, { token: LogService, optional: true }], target: i05.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i05.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i05, type: _StoreService, providedIn: "root" });
+    this.ɵprov = i05.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i05, type: _StoreService, providedIn: "root" });
   }
 };
-i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i05, type: StoreService, decorators: [{
+i05.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i05, type: StoreService, decorators: [{
   type: Injectable4,
   args: [{
     providedIn: "root"
@@ -873,13 +873,13 @@ var StoreServiceMock = class _StoreServiceMock extends StoreService {
     return of({});
   }
   static {
-    this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: _StoreServiceMock, deps: [], target: i06.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i06.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i06, type: _StoreServiceMock, deps: [], target: i06.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i06.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: _StoreServiceMock });
+    this.ɵprov = i06.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i06, type: _StoreServiceMock });
   }
 };
-i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i06, type: StoreServiceMock, decorators: [{
+i06.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i06, type: StoreServiceMock, decorators: [{
   type: Injectable5
 }], ctorParameters: () => [] });
 
@@ -986,16 +986,16 @@ var CoreModule = class _CoreModule {
     }
   }
   static {
-    this.ɵfac = i07.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i07, type: _CoreModule, deps: [{ token: CORE_ROOT_GUARD, optional: true }, { token: _CoreModule, optional: true, skipSelf: true }, { token: i07.Injector }], target: i07.ɵɵFactoryTarget.NgModule });
+    this.ɵfac = i07.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", 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 = i07.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-next.6", ngImport: i07, type: _CoreModule });
+    this.ɵmod = i07.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.0-rc.0", ngImport: i07, type: _CoreModule });
   }
   static {
-    this.ɵinj = i07.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i07, type: _CoreModule });
+    this.ɵinj = i07.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i07, type: _CoreModule });
   }
 };
-i07.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i07, type: CoreModule, decorators: [{
+i07.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i07, type: CoreModule, decorators: [{
   type: NgModule2,
   args: [{
     imports: [
@@ -1104,13 +1104,13 @@ var GlobalErrorHandler = class _GlobalErrorHandler extends ErrorHandler {
     super.handleError(error);
   }
   static {
-    this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i08, type: _GlobalErrorHandler, deps: [{ token: LogService }], target: i08.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i08.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i08, type: _GlobalErrorHandler, deps: [{ token: LogService }], target: i08.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i08.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i08, type: _GlobalErrorHandler, providedIn: "root" });
+    this.ɵprov = i08.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i08, type: _GlobalErrorHandler, providedIn: "root" });
   }
 };
-i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i08, type: GlobalErrorHandler, decorators: [{
+i08.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i08, type: GlobalErrorHandler, decorators: [{
   type: Injectable6,
   args: [{
     providedIn: "root"
@@ -1164,13 +1164,13 @@ var HttpErrorHandlerInterceptor = class _HttpErrorHandlerInterceptor {
     return routes.length > 0 ? routes[0] : null;
   }
   static {
-    this.ɵfac = i09.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i09, type: _HttpErrorHandlerInterceptor, deps: [{ token: HTTP_ERROR_HANDLER_CONFIG_TOKEN }, { token: i09.Injector }, { token: i14.Router }], target: i09.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i09.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i09, type: _HttpErrorHandlerInterceptor, deps: [{ token: HTTP_ERROR_HANDLER_CONFIG_TOKEN }, { token: i09.Injector }, { token: i14.Router }], target: i09.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i09.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i09, type: _HttpErrorHandlerInterceptor });
+    this.ɵprov = i09.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i09, type: _HttpErrorHandlerInterceptor });
   }
 };
-i09.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i09, type: HttpErrorHandlerInterceptor, decorators: [{
+i09.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i09, type: HttpErrorHandlerInterceptor, decorators: [{
   type: Injectable7
 }], ctorParameters: () => [{ type: void 0, decorators: [{
   type: Inject4,
@@ -1480,13 +1480,13 @@ var ApiQueueService = class _ApiQueueService {
     return this.http[item.method.toLowerCase()](item.uri, item.payload).pipe(tap3(() => this.removeQueueItem(id)));
   }
   static {
-    this.ɵfac = i010.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i010, type: _ApiQueueService, deps: [{ token: StoreService }, { token: i22.HttpClient }, { token: LogService, optional: true }], target: i010.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i010.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i010, type: _ApiQueueService, deps: [{ token: StoreService }, { token: i22.HttpClient }, { token: LogService, optional: true }], target: i010.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i010.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i010, type: _ApiQueueService, providedIn: "root" });
+    this.ɵprov = i010.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i010, type: _ApiQueueService, providedIn: "root" });
   }
 };
-i010.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i010, type: ApiQueueService, decorators: [{
+i010.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i010, type: ApiQueueService, decorators: [{
   type: Injectable8,
   args: [{
     providedIn: "root"
@@ -1723,13 +1723,13 @@ var I18nLoader = class _I18nLoader {
     return void 0;
   }
   static {
-    this.ɵfac = i011.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i011, type: _I18nLoader, deps: [{ token: i15.HttpClient }, { token: LogService, optional: true }, { token: CONFIG_TOKEN }], target: i011.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i011.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i011, type: _I18nLoader, deps: [{ token: i15.HttpClient }, { token: LogService, optional: true }, { token: CONFIG_TOKEN }], target: i011.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i011.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i011, type: _I18nLoader });
+    this.ɵprov = i011.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i011, type: _I18nLoader });
   }
 };
-i011.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i011, type: I18nLoader, decorators: [{
+i011.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i011, type: I18nLoader, decorators: [{
   type: Injectable9
 }], ctorParameters: () => [{ type: i15.HttpClient }, { type: LogService, decorators: [{
   type: Optional4
@@ -1928,13 +1928,13 @@ var I18nService = class _I18nService extends EuiLazyService {
     this.document.documentElement.lang = lang;
   }
   static {
-    this.ɵfac = i012.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i012, type: _I18nService, deps: [{ token: GLOBAL_CONFIG_TOKEN }, { token: i16.TranslateService }, { token: LogService, optional: true }, { token: StoreService }, { token: DOCUMENT }], target: i012.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i012.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", 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 = i012.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i012, type: _I18nService, providedIn: "root" });
+    this.ɵprov = i012.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i012, type: _I18nService, providedIn: "root" });
   }
 };
-i012.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i012, type: I18nService, decorators: [{
+i012.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i012, type: I18nService, decorators: [{
   type: Injectable10,
   args: [{
     providedIn: "root"
@@ -2129,6 +2129,123 @@ 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.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 Injectable11, Optional as Optional6 } from "@angular/core";
 import { EuiService, getUserRights } from "@eui/base";
@@ -2339,13 +2456,13 @@ var EuiPermissionService = class _EuiPermissionService extends EuiService {
     return rights.every((right) => this.userRights.find((uRight) => uRight.id === right.id));
   }
   static {
-    this.ɵfac = i013.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i013, type: _EuiPermissionService, deps: [{ token: LogService, optional: true }, { token: StoreService }], target: i013.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i013.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i013, type: _EuiPermissionService, deps: [{ token: LogService, optional: true }, { token: StoreService }], target: i013.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i013.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i013, type: _EuiPermissionService, providedIn: "root" });
+    this.ɵprov = i013.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i013, type: _EuiPermissionService, providedIn: "root" });
   }
 };
-i013.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i013, type: EuiPermissionService, decorators: [{
+i013.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i013, type: EuiPermissionService, decorators: [{
   type: Injectable11,
   args: [{
     providedIn: "root"
@@ -2406,13 +2523,13 @@ var EuiDynamicMenuService = class _EuiDynamicMenuService {
     });
   }
   static {
-    this.ɵfac = i014.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i014, type: _EuiDynamicMenuService, deps: [{ token: EuiPermissionService }, { token: StoreService }], target: i014.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i014.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i014, type: _EuiDynamicMenuService, deps: [{ token: EuiPermissionService }, { token: StoreService }], target: i014.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i014.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i014, type: _EuiDynamicMenuService, providedIn: "root" });
+    this.ɵprov = i014.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i014, type: _EuiDynamicMenuService, providedIn: "root" });
   }
 };
-i014.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i014, type: EuiDynamicMenuService, decorators: [{
+i014.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i014, type: EuiDynamicMenuService, decorators: [{
   type: Injectable12,
   args: [{
     providedIn: "root"
@@ -2477,13 +2594,13 @@ var EuiDynamicComponentService = class _EuiDynamicComponentService {
     return new PortalInjector(this.injector, injectorTokens);
   }
   static {
-    this.ɵfac = i015.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i015, type: _EuiDynamicComponentService, deps: [{ token: i015.ComponentFactoryResolver }, { token: i015.Injector }, { token: i015.ApplicationRef }], target: i015.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i015.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i015, type: _EuiDynamicComponentService, deps: [{ token: i015.ComponentFactoryResolver }, { token: i015.Injector }, { token: i015.ApplicationRef }], target: i015.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i015.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i015, type: _EuiDynamicComponentService });
+    this.ɵprov = i015.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i015, type: _EuiDynamicComponentService });
   }
 };
-i015.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i015, type: EuiDynamicComponentService, decorators: [{
+i015.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i015, type: EuiDynamicComponentService, decorators: [{
   type: Injectable13
 }], ctorParameters: () => [{ type: i015.ComponentFactoryResolver }, { type: i015.Injector }, { type: i015.ApplicationRef }] });
 
@@ -2559,7 +2676,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();
@@ -2643,9 +2759,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;
@@ -2704,7 +2817,6 @@ 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(() => (
@@ -2726,25 +2838,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
@@ -2763,42 +2864,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({
@@ -2806,96 +2907,11 @@ 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-f-size-base CSS variable
    */
   getBaseFontSize() {
-    return this.state.appBaseFontSize || this.getCssVarValue("--eui-f-size-base");
+    return this.state.appBaseFontSize || CssUtils.getCssVarValue("--eui-f-size-base");
   }
   /**
    * Updates the current value of --eui-f-size-base CSS variable and the UIState appBaseFontSize
@@ -2905,132 +2921,15 @@ var EuiAppShellService = class _EuiAppShellService {
       ...this.state,
       appBaseFontSize: newsize
     }, false);
-    this._setCssVarValue("--eui-f-size-base", 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");
       }
@@ -3043,16 +2942,13 @@ var EuiAppShellService = class _EuiAppShellService {
         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(" ");
@@ -3128,13 +3024,13 @@ var EuiAppShellService = class _EuiAppShellService {
     });
   }
   static {
-    this.ɵfac = i016.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", 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 });
+    this.ɵfac = i016.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", 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 = i016.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i016, type: _EuiAppShellService, providedIn: "root" });
+    this.ɵprov = i016.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i016, type: _EuiAppShellService, providedIn: "root" });
   }
 };
-i016.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i016, type: EuiAppShellService, decorators: [{
+i016.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i016, type: EuiAppShellService, decorators: [{
   type: Injectable14,
   args: [{
     providedIn: "root"
@@ -3861,13 +3757,13 @@ var EuiTimezoneService = class _EuiTimezoneService {
     return EUI_TIMEZONES.find((item) => item.name === tz);
   }
   static {
-    this.ɵfac = i017.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i017, type: _EuiTimezoneService, deps: [], target: i017.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i017.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i017, type: _EuiTimezoneService, deps: [], target: i017.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i017.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i017, type: _EuiTimezoneService });
+    this.ɵprov = i017.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i017, type: _EuiTimezoneService });
   }
 };
-i017.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i017, type: EuiTimezoneService, decorators: [{
+i017.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i017, type: EuiTimezoneService, decorators: [{
   type: Injectable15
 }] });
 
@@ -3906,13 +3802,13 @@ var EuiThemeService = class _EuiThemeService {
     this.themeSubject.next(theme);
   }
   static {
-    this.ɵfac = i018.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i018, type: _EuiThemeService, deps: [{ token: GLOBAL_CONFIG_TOKEN, optional: true }], target: i018.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i018.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", 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-next.6", ngImport: i018, type: _EuiThemeService, providedIn: "root" });
+    this.ɵprov = i018.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i018, type: _EuiThemeService, providedIn: "root" });
   }
 };
-i018.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i018, type: EuiThemeService, decorators: [{
+i018.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i018, type: EuiThemeService, decorators: [{
   type: Injectable16,
   args: [{ providedIn: "root" }]
 }], ctorParameters: () => [{ type: void 0, decorators: [{
@@ -4054,13 +3950,13 @@ var LocalStorageService = class _LocalStorageService extends StorageService {
     }
   }
   static {
-    this.ɵfac = i019.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i019, type: _LocalStorageService, deps: [{ token: LogService, optional: true }], target: i019.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i019.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i019, type: _LocalStorageService, deps: [{ token: LogService, optional: true }], target: i019.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i019.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i019, type: _LocalStorageService });
+    this.ɵprov = i019.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i019, type: _LocalStorageService });
   }
 };
-i019.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i019, type: LocalStorageService, decorators: [{
+i019.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i019, type: LocalStorageService, decorators: [{
   type: Injectable17
 }], ctorParameters: () => [{ type: LogService, decorators: [{
   type: Optional9
@@ -4132,13 +4028,13 @@ var SessionStorageService = class _SessionStorageService extends StorageService
     }
   }
   static {
-    this.ɵfac = i020.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i020, type: _SessionStorageService, deps: [{ token: LogService, optional: true }], target: i020.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i020.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i020, type: _SessionStorageService, deps: [{ token: LogService, optional: true }], target: i020.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i020.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i020, type: _SessionStorageService });
+    this.ɵprov = i020.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i020, type: _SessionStorageService });
   }
 };
-i020.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i020, type: SessionStorageService, decorators: [{
+i020.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i020, type: SessionStorageService, decorators: [{
   type: Injectable18
 }], ctorParameters: () => [{ type: LogService, decorators: [{
   type: Optional10
@@ -4240,13 +4136,13 @@ var LocalForageService = class _LocalForageService extends AsyncStorageService {
     }));
   }
   static {
-    this.ɵfac = i021.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i021, type: _LocalForageService, deps: [{ token: LOCAL_FORAGE_SERVICE_CONFIG_TOKEN, optional: true }, { token: LogService, optional: true }], target: i021.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i021.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i021, type: _LocalForageService, deps: [{ token: LOCAL_FORAGE_SERVICE_CONFIG_TOKEN, optional: true }, { token: LogService, optional: true }], target: i021.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i021.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i021, type: _LocalForageService });
+    this.ɵprov = i021.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i021, type: _LocalForageService });
   }
 };
-i021.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i021, type: LocalForageService, decorators: [{
+i021.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i021, type: LocalForageService, decorators: [{
   type: Injectable19
 }], ctorParameters: () => [{ type: void 0, decorators: [{
   type: Inject9,
@@ -4449,13 +4345,13 @@ var LocaleService = class _LocaleService extends EuiService2 {
     return browserLocales.map((locale) => locale.trim());
   }
   static {
-    this.ɵfac = i022.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", 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 });
+    this.ɵfac = i022.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", 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 = i022.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i022, type: _LocaleService, providedIn: "root" });
+    this.ɵprov = i022.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i022, type: _LocaleService, providedIn: "root" });
   }
 };
-i022.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i022, type: LocaleService, decorators: [{
+i022.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i022, type: LocaleService, decorators: [{
   type: Injectable20,
   args: [{
     providedIn: "root"
@@ -4508,13 +4404,13 @@ var LocaleServiceMock = class _LocaleServiceMock extends LocaleService {
     return of9({ success: true });
   }
   static {
-    this.ɵfac = i023.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i023, type: _LocaleServiceMock, deps: [{ token: LOCALE_ID2, optional: true }], target: i023.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i023.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i023, type: _LocaleServiceMock, deps: [{ token: LOCALE_ID2, optional: true }], target: i023.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i023.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i023, type: _LocaleServiceMock });
+    this.ɵprov = i023.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i023, type: _LocaleServiceMock });
   }
 };
-i023.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i023, type: LocaleServiceMock, decorators: [{
+i023.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i023, type: LocaleServiceMock, decorators: [{
   type: Injectable21
 }], ctorParameters: () => [{ type: void 0, decorators: [{
   type: Optional13
@@ -4750,13 +4646,13 @@ var EuiLoaderService = class _EuiLoaderService {
     }
   }
   static {
-    this.ɵfac = i024.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i024, type: _EuiLoaderService, deps: [], target: i024.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i024.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i024, type: _EuiLoaderService, deps: [], target: i024.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i024.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i024, type: _EuiLoaderService, providedIn: "root" });
+    this.ɵprov = i024.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i024, type: _EuiLoaderService, providedIn: "root" });
   }
 };
-i024.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i024, type: EuiLoaderService, decorators: [{
+i024.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i024, type: EuiLoaderService, decorators: [{
   type: Injectable22,
   args: [{
     providedIn: "root"
@@ -4807,13 +4703,13 @@ var UserService = class _UserService extends EuiService3 {
     }
   }
   static {
-    this.ɵfac = i025.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i025, type: _UserService, deps: [{ token: StoreService }], target: i025.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i025.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i025, type: _UserService, deps: [{ token: StoreService }], target: i025.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i025.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i025, type: _UserService, providedIn: "root" });
+    this.ɵprov = i025.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i025, type: _UserService, providedIn: "root" });
   }
 };
-i025.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i025, type: UserService, decorators: [{
+i025.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i025, type: UserService, decorators: [{
   type: Injectable23,
   args: [{
     providedIn: "root"
@@ -4839,13 +4735,13 @@ var UserServiceMock = class _UserServiceMock extends UserService {
   updateState(userState, reducer) {
   }
   static {
-    this.ɵfac = i026.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i026, type: _UserServiceMock, deps: [], target: i026.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i026.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i026, type: _UserServiceMock, deps: [], target: i026.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i026.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i026, type: _UserServiceMock });
+    this.ɵprov = i026.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i026, type: _UserServiceMock });
   }
 };
-i026.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i026, type: UserServiceMock, decorators: [{
+i026.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i026, type: UserServiceMock, decorators: [{
   type: Injectable24
 }], ctorParameters: () => [] });
 
@@ -4872,13 +4768,13 @@ var AddLangParamInterceptor = class _AddLangParamInterceptor {
     }));
   }
   static {
-    this.ɵfac = i027.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i027, type: _AddLangParamInterceptor, deps: [{ token: i18.TranslateService }], target: i027.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i027.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i027, type: _AddLangParamInterceptor, deps: [{ token: i18.TranslateService }], target: i027.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i027.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i027, type: _AddLangParamInterceptor });
+    this.ɵprov = i027.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i027, type: _AddLangParamInterceptor });
   }
 };
-i027.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i027, type: AddLangParamInterceptor, decorators: [{
+i027.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i027, type: AddLangParamInterceptor, decorators: [{
   type: Injectable25
 }], ctorParameters: () => [{ type: i18.TranslateService }] });
 
@@ -4896,13 +4792,13 @@ var CachePreventionInterceptor = class _CachePreventionInterceptor {
     }));
   }
   static {
-    this.ɵfac = i028.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i028, type: _CachePreventionInterceptor, deps: [], target: i028.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i028.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i028, type: _CachePreventionInterceptor, deps: [], target: i028.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i028.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i028, type: _CachePreventionInterceptor });
+    this.ɵprov = i028.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i028, type: _CachePreventionInterceptor });
   }
 };
-i028.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i028, type: CachePreventionInterceptor, decorators: [{
+i028.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i028, type: CachePreventionInterceptor, decorators: [{
   type: Injectable26
 }] });
 
@@ -4916,13 +4812,13 @@ var CorsSecurityInterceptor = class _CorsSecurityInterceptor {
     }));
   }
   static {
-    this.ɵfac = i029.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i029, type: _CorsSecurityInterceptor, deps: [], target: i029.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i029.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i029, type: _CorsSecurityInterceptor, deps: [], target: i029.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i029.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i029, type: _CorsSecurityInterceptor });
+    this.ɵprov = i029.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i029, type: _CorsSecurityInterceptor });
   }
 };
-i029.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i029, type: CorsSecurityInterceptor, decorators: [{
+i029.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i029, type: CorsSecurityInterceptor, decorators: [{
   type: Injectable27
 }] });
 
@@ -4936,13 +4832,13 @@ var CsrfPreventionInterceptor = class _CsrfPreventionInterceptor {
     }));
   }
   static {
-    this.ɵfac = i030.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i030, type: _CsrfPreventionInterceptor, deps: [], target: i030.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i030.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i030, type: _CsrfPreventionInterceptor, deps: [], target: i030.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i030.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i030, type: _CsrfPreventionInterceptor });
+    this.ɵprov = i030.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i030, type: _CsrfPreventionInterceptor });
   }
 };
-i030.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i030, type: CsrfPreventionInterceptor, decorators: [{
+i030.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i030, type: CsrfPreventionInterceptor, decorators: [{
   type: Injectable28
 }] });
 
@@ -5001,13 +4897,13 @@ var EuLoginSessionTimeoutHandlingInterceptor = class _EuLoginSessionTimeoutHandl
     document.location.reload();
   }
   static {
-    this.ɵfac = i031.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i031, type: _EuLoginSessionTimeoutHandlingInterceptor, deps: [], target: i031.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i031.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i031, type: _EuLoginSessionTimeoutHandlingInterceptor, deps: [], target: i031.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i031.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i031, type: _EuLoginSessionTimeoutHandlingInterceptor });
+    this.ɵprov = i031.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i031, type: _EuLoginSessionTimeoutHandlingInterceptor });
   }
 };
-i031.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i031, type: EuLoginSessionTimeoutHandlingInterceptor, decorators: [{
+i031.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i031, type: EuLoginSessionTimeoutHandlingInterceptor, decorators: [{
   type: Injectable29
 }] });
 
@@ -5040,13 +4936,13 @@ var UxRequestErrorModelInterceptor = class _UxRequestErrorModelInterceptor {
     );
   }
   static {
-    this.ɵfac = i032.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i032, type: _UxRequestErrorModelInterceptor, deps: [{ token: UX_ERROR_MAPPING_HANDLER_TOKEN }], target: i032.ɵɵFactoryTarget.Injectable });
+    this.ɵfac = i032.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i032, type: _UxRequestErrorModelInterceptor, deps: [{ token: UX_ERROR_MAPPING_HANDLER_TOKEN }], target: i032.ɵɵFactoryTarget.Injectable });
   }
   static {
-    this.ɵprov = i032.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i032, type: _UxRequestErrorModelInterceptor });
+    this.ɵprov = i032.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i032, type: _UxRequestErrorModelInterceptor });
   }
 };
-i032.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.6", ngImport: i032, type: UxRequestErrorModelInterceptor, decorators: [{
+i032.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-rc.0", ngImport: i032, type: UxRequestErrorModelInterceptor, decorators: [{
   type: Injectable30
 }], ctorParameters: () => [{ type: void 0, decorators: [{
   type: Inject12,
@@ -5079,6 +4975,7 @@ export {
   CoreUserActionTypes,
   CorsSecurityInterceptor,
   CsrfPreventionInterceptor,
+  CssUtils,
   DYNAMIC_COMPONENT_CONFIG,
   EUI_CONFIG_TOKEN,
   EUI_COUNTRIES,