@eui/core 18.0.0-rc.3 → 18.0.0-rc.31

package/fesm2022/eui-core.mjs

@@ -1,13 +1,14 @@
+import * as i1 from '@eui/base';
+import { LogLevel, ConsoleAppender, initialAppState, initialUserState, initialNotificationsState, initialI18nState, initialLocaleState, Logger, LoggerMock, xhr, getApiQueue, getApiQueueItem, mergeAll, getI18nLoaderConfig, EuiLazyService, getI18nServiceConfigFromBase, getI18nState, getLastAddedModule, getBrowserDefaultLanguage, EuiEuLanguages, getActiveLang, EuiService, getUserRights, getUserState, getLocaleServiceConfigFromBase, getLocaleState, transformToUxHttpResponse } from '@eui/base';
+export * from '@eui/base';
 import * as i0 from '@angular/core';
 import { InjectionToken, Injectable, Inject, Injector, NgModule, Optional, APP_INITIALIZER, SkipSelf, ErrorHandler, PLATFORM_ID, LOCALE_ID } from '@angular/core';
 import * as extendProxy from 'extend';
-import * as i1$2 from '@eui/base';
-import { LogLevel, ConsoleAppender, initialAppState, initialUserState, initialNotificationsState, initialI18nState, initialLocaleState, Logger, LoggerMock, xhr, getApiQueue, getApiQueueItem, mergeAll, getI18nLoaderConfig, EuiLazyService, getI18nServiceConfigFromBase, getI18nState, getLastAddedModule, getBrowserDefaultLanguage, EuiEuLanguages, getActiveLang, EuiService, getUserRights, getUserState, getLocaleServiceConfigFromBase, getLocaleState, transformToUxHttpResponse } from '@eui/base';
-import * as i1 from '@ngrx/effects';
+import * as i1$1 from '@ngrx/effects';
 import { createEffect, ofType } from '@ngrx/effects';
-import { merge, fromEvent, throwError, of, forkJoin, from, BehaviorSubject, defer, firstValueFrom, ReplaySubject, map as map$1, Subject } from 'rxjs';
+import { merge, fromEvent, throwError, of, forkJoin, from, BehaviorSubject, defer, firstValueFrom, Subject } from 'rxjs';
 import { mapTo, map, mergeMap, tap, debounceTime, distinctUntilChanged, take, switchMap, catchError, concatMap, filter, takeUntil } from 'rxjs/operators';
-import * as i1$1 from '@ngx-translate/core';
+import * as i1$2 from '@ngx-translate/core';
 import { TranslateLoader } from '@ngx-translate/core';
 import * as i1$3 from '@ngrx/store';
 import { createSelector } from '@ngrx/store';
@@ -427,15 +428,15 @@ class CoreAppEffects {
             }
         })), { dispatch: false });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CoreAppEffects, deps: [{ token: i1.Actions }, { token: SHOW_CONNECTION_STATUS_TOKEN }, { token: i1$1.TranslateService }, { token: EuiGrowlService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CoreAppEffects, deps: [{ token: i1$1.Actions }, { token: SHOW_CONNECTION_STATUS_TOKEN }, { token: i1$2.TranslateService }, { token: EuiGrowlService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CoreAppEffects }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: CoreAppEffects, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1.Actions }, { type: undefined, decorators: [{
+        }], ctorParameters: () => [{ type: i1$1.Actions }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [SHOW_CONNECTION_STATUS_TOKEN]
-                }] }, { type: i1$1.TranslateService }, { type: EuiGrowlService }] });
+                }] }, { type: i1$2.TranslateService }, { type: EuiGrowlService }] });
 
 const CoreModuleEffects = [CoreAppEffects];
 
@@ -711,7 +712,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [BASE_LOGGER_NAME_TOKEN]
-                }] }, { type: i1$2.LogLevel, decorators: [{
+                }] }, { type: i1.LogLevel, decorators: [{
                     type: Inject,
                     args: [LOG_LEVEL_TOKEN]
                 }] }, { type: undefined, decorators: [{
@@ -2044,7 +2045,7 @@ class I18nService extends EuiLazyService {
     updateHTMLDOMLang(lang) {
         this.document.documentElement.lang = lang;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: I18nService, deps: [{ token: GLOBAL_CONFIG_TOKEN }, { token: i1$1.TranslateService }, { token: LogService, optional: true }, { token: StoreService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: I18nService, deps: [{ token: GLOBAL_CONFIG_TOKEN }, { token: i1$2.TranslateService }, { token: LogService, optional: true }, { token: StoreService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: I18nService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: I18nService, decorators: [{
@@ -2055,7 +2056,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [GLOBAL_CONFIG_TOKEN]
-                }] }, { type: i1$1.TranslateService }, { type: LogService, decorators: [{
+                }] }, { type: i1$2.TranslateService }, { type: LogService, decorators: [{
                     type: Optional
                 }] }, { type: StoreService }, { type: Document, decorators: [{
                     type: Inject,
@@ -2650,11 +2651,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                     type: Optional
                 }] }, { type: StoreService }] });
 
-// TODO: Type of LINK should be UxLink or something relevant. Do we need that service anymore?
-// TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 class EuiDynamicMenuService {
-    // TODO: it should be moved euiservice, or it should be static
+    // TODO: it should be moved euiService, or it should be static
     // TODO: can we moved that service inside the module of the component that's using it?
     constructor(euiPermission, store) {
         this.euiPermission = euiPermission;
@@ -2779,7 +2777,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
             type: Injectable
         }], ctorParameters: () => [{ type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: i0.ApplicationRef }] });
 
-const initialState = {
+const initialState$1 = {
     appName: '',
     appShortName: '',
     appSubTitle: '',
@@ -2902,9 +2900,9 @@ class EuiAppShellService {
         this.router = router;
         this.storeService = storeService;
         this.i18nService = i18nService;
-        let stateWithConfig = initialState;
-        const languages = config?.i18n?.i18nService?.languages || initialState.languages;
-        const defaultLanguage = config?.i18n?.i18nService?.defaultLanguage || initialState.activeLanguage;
+        let stateWithConfig = initialState$1;
+        const languages = config?.i18n?.i18nService?.languages || initialState$1.languages;
+        const defaultLanguage = config?.i18n?.i18nService?.defaultLanguage || initialState$1.activeLanguage;
         stateWithConfig = {
             ...stateWithConfig,
             ...{
@@ -3893,46 +3891,204 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
 
 var EuiTheme;
 (function (EuiTheme) {
-    EuiTheme["EC"] = "ec";
-    EuiTheme["EU"] = "eu";
-    EuiTheme["EUI"] = "eui";
+    EuiTheme["DEFAULT"] = "default";
+    EuiTheme["ECL_EC"] = "ecl-ec";
+    EuiTheme["ECL_EC_RTL"] = "ecl-ec-rtl";
+    EuiTheme["ECL_EU"] = "ecl-eu";
+    EuiTheme["ECL_EU_RTL"] = "ecl-eu-rtl";
+    EuiTheme["EUI_LEGACY"] = "eui-legacy";
+    EuiTheme["EUI_LEGACY_HC"] = "eui-legacy-high-contrast";
+    EuiTheme["DARK"] = "dark";
+    EuiTheme["COMPACT"] = "compact";
 })(EuiTheme || (EuiTheme = {}));
+;
+;
+const initialState = {
+    themes: [
+        { name: EuiTheme.DEFAULT, isActive: false, styleSheet: null, cssClass: null },
+        { name: EuiTheme.ECL_EC, isActive: false, styleSheet: 'eui-ecl-ec.css', cssClass: null },
+        { name: EuiTheme.ECL_EC_RTL, isActive: false, styleSheet: 'eui-ecl-ec-rtl.css', cssClass: null },
+        { name: EuiTheme.ECL_EU, isActive: false, styleSheet: 'eui-ecl-eu.css', cssClass: null },
+        { name: EuiTheme.ECL_EU_RTL, isActive: false, styleSheet: 'eui-ecl-eu-rtl.css', cssClass: null },
+        { name: EuiTheme.EUI_LEGACY, isActive: false, styleSheet: null, cssClass: 'eui-t-eui-legacy' },
+        { name: EuiTheme.EUI_LEGACY_HC, isActive: false, styleSheet: null, cssClass: 'eui-t-high-contrast' },
+        { name: EuiTheme.DARK, isActive: false, styleSheet: null, cssClass: 'eui-t-dark' },
+        { name: EuiTheme.COMPACT, isActive: false, styleSheet: null, cssClass: 'eui-t-compact' },
+    ],
+    theme: {
+        isDefault: false,
+        isEclEc: false,
+        isEclEcRtl: false,
+        isEclEu: false,
+        isEclEuRtl: false,
+        isEuiLegacy: false,
+        isEuiLegacyHc: false,
+        isDark: false,
+        isCompact: false,
+    },
+};
 class EuiThemeService {
-    constructor(config) {
+    constructor(document, config, asService) {
+        this.document = document;
         this.config = config;
-        this.theme = EuiTheme.EC;
-        this.themeSubject = new ReplaySubject();
-        this.theme$ = this.themeSubject.asObservable();
-        this.isEU$ = this.theme$.pipe(map$1((theme) => EuiTheme.EU === theme));
-        this.isEC$ = this.theme$.pipe(map$1((theme) => EuiTheme.EC === theme));
-        const theme = this.config?.eui?.theme || EuiTheme.EC;
-        this.setTheme(theme);
+        this.asService = asService;
+        this._state$ = new BehaviorSubject(initialState);
+        const themeName = this.config?.eui?.theme || EuiTheme.DEFAULT;
+        this.setActiveTheme(themeName, true);
+    }
+    get state$() {
+        return this._state$.asObservable();
+    }
+    get state() {
+        return this._state$.getValue();
+    }
+    isDefault() {
+        return this.state.theme.isDefault;
+    }
+    isEclEc() {
+        return this.state.theme.isEclEc;
+    }
+    isEclEcRtl() {
+        return this.state.theme.isEclEcRtl;
     }
-    isECTheme() {
-        return EuiTheme.EC === this.theme;
+    isEclEu() {
+        return this.state.theme.isEclEu;
     }
-    isEUTheme() {
-        return EuiTheme.EU === this.theme;
+    isEclEuRtl() {
+        return this.state.theme.isEclEuRtl;
+    }
+    isEuiLegacy() {
+        return this.state.theme.isEuiLegacy;
+    }
+    isEuiLegacyHc() {
+        return this.state.theme.isEuiLegacyHc;
+    }
+    isDark() {
+        return this.state.theme.isDark;
+    }
+    isCompact() {
+        return this.state.theme.isCompact;
+    }
+    setActiveTheme(theme, isActive) {
+        const themes = this.state.themes;
+        const themeIdx = themes.findIndex(t => t.name === theme);
+        if (themeIdx < 0) {
+            throw new Error('NO_THEME_FOUND');
+        }
+        else {
+            themes[themeIdx].isActive = isActive;
+            const themeFound = themes[themeIdx];
+            const status = initialState.theme;
+            switch (theme) {
+                case EuiTheme.DEFAULT: {
+                    status.isDefault = isActive;
+                    break;
+                }
+                case EuiTheme.ECL_EC: {
+                    status.isEclEc = isActive;
+                    break;
+                }
+                case EuiTheme.ECL_EC_RTL: {
+                    status.isEclEcRtl = isActive;
+                    break;
+                }
+                case EuiTheme.ECL_EU: {
+                    status.isEclEu = isActive;
+                    break;
+                }
+                case EuiTheme.ECL_EU_RTL: {
+                    status.isEclEuRtl = isActive;
+                    break;
+                }
+                case EuiTheme.DARK: {
+                    status.isDark = isActive;
+                    break;
+                }
+                case EuiTheme.COMPACT: {
+                    status.isCompact = isActive;
+                    break;
+                }
+                case EuiTheme.EUI_LEGACY: {
+                    status.isEuiLegacy = isActive;
+                    break;
+                }
+                case EuiTheme.EUI_LEGACY_HC: {
+                    status.isEuiLegacyHc = isActive;
+                    break;
+                }
+            }
+            this._state$.next({
+                themes,
+                theme: status,
+            });
+            this._renderTheme(themeFound, isActive);
+        }
     }
-    getTheme() {
-        return this.theme;
+    _renderTheme(themeFound, isActive) {
+        if (themeFound.name === EuiTheme.COMPACT) {
+            if (isActive) {
+                this.asService.setBaseFontSize('14px');
+            }
+            else {
+                this.asService.setBaseFontSize('16px');
+            }
+        }
+        else if (themeFound.name === EuiTheme.ECL_EC_RTL || themeFound.name === EuiTheme.ECL_EU_RTL) {
+            const rtlLink = this.document.getElementById('rtl-theme');
+            this._renderThemeCss(themeFound, isActive, rtlLink);
+        }
+        else {
+            const themeLink = this.document.getElementById('eui-theme');
+            this._renderThemeCss(themeFound, isActive, themeLink);
+        }
     }
-    setTheme(theme) {
-        this.theme = theme;
-        this.themeSubject.next(theme);
+    _renderThemeCss(themeFound, isActive, link) {
+        const head = this.document.getElementsByTagName('head')[0];
+        if (isActive) {
+            if (themeFound.cssClass) {
+                document.querySelector('html').classList.add(themeFound.cssClass);
+            }
+            if (themeFound.styleSheet) {
+                if (link) {
+                    link.href = themeFound.styleSheet;
+                }
+                else {
+                    const style = this.document.createElement('link');
+                    style.id = 'eui-theme';
+                    style.rel = 'stylesheet';
+                    style.href = `assets/${themeFound.styleSheet}`;
+                    head.appendChild(style);
+                }
+            }
+        }
+        else {
+            if (themeFound.cssClass) {
+                document.querySelector('html').classList.remove(themeFound.cssClass);
+            }
+            if (themeFound.styleSheet) {
+                if (link) {
+                    link.media = '';
+                }
+            }
+        }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiThemeService, deps: [{ token: GLOBAL_CONFIG_TOKEN, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiThemeService, deps: [{ token: DOCUMENT }, { token: GLOBAL_CONFIG_TOKEN, optional: true }, { token: EuiAppShellService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiThemeService, providedIn: 'root' }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EuiThemeService, decorators: [{
             type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: Document, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: undefined, decorators: [{
                     type: Optional
                 }, {
                     type: Inject,
                     args: [GLOBAL_CONFIG_TOKEN]
-                }] }] });
+                }] }, { type: EuiAppShellService }] });
 
 /**
  * Generic storage service. Concrete storage services must extend this class
@@ -4267,6 +4423,7 @@ const LOCALE_ID_MAPPER = new InjectionToken('localeIdMapper');
  *  - Updating the Angular LOCALE_ID token.
  *
  * @template T - Extends LocaleState, representing the state structure for locales.
+ * @template L - The type of the locale data.
  * @extends EuiService<T | LocaleState>
  */
 class LocaleService extends EuiService {
@@ -4921,12 +5078,12 @@ class AddLangParamInterceptor {
             params: req.params.set(langParam, langValue),
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: AddLangParamInterceptor, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: AddLangParamInterceptor, deps: [{ token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: AddLangParamInterceptor }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: AddLangParamInterceptor, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$1.TranslateService }] });
+        }], ctorParameters: () => [{ type: i1$2.TranslateService }] });
 
 class CachePreventionInterceptor {
     intercept(req, next) {
@@ -5078,7 +5235,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImpor
                     args: [UX_ERROR_MAPPING_HANDLER_TOKEN]
                 }] }] });
 
-/* CORE MODULES */
+/* BASE PACKAGE */
 
 /**
  * Generated bundle index. Do not edit.