@eui/core 15.0.0-rc.6 → 15.0.0-rc.7

package/fesm2020/eui-core.mjs

@@ -6,7 +6,7 @@ import { InjectionToken, Injectable, Inject, Injector, NgModule, Optional, APP_I
 import * as extendProxy from 'extend';
 import { DateAdapter, MAT_DATE_LOCALE } from '@angular/material/core';
 import { MomentDateAdapter } from '@angular/material-moment-adapter';
-import { LOCATION_INITIALIZED, DOCUMENT, isPlatformBrowser, getLocaleId } from '@angular/common';
+import { LOCATION_INITIALIZED, DOCUMENT, isPlatformBrowser, getLocaleId, registerLocaleData } from '@angular/common';
 import { throwError, forkJoin, of, BehaviorSubject, defer, merge, fromEvent, Observable, Subject, from } from 'rxjs';
 import { debounceTime, distinctUntilChanged, map, catchError, switchMap, tap, filter, take, mapTo, mergeMap, concatMap, takeUntil } from 'rxjs/operators';
 import * as i1$1 from '@ngrx/store';
@@ -25,6 +25,8 @@ import { By } from '@angular/platform-browser';
 import { FormGroup, FormArray } from '@angular/forms';
 import { DomPortalOutlet, ComponentPortal, PortalInjector } from '@angular/cdk/portal';
 import * as lf from 'localforage';
+import localeFr from '@angular/common/locales/fr';
+import localeEl from '@angular/common/locales/el';
 
 /** default log configuration */
 const DEFAULT_LOG_CONFIG = {
@@ -1101,7 +1103,7 @@ const initialState = {
     isSidebarExpandOnHover: true,
     hasSidebar: false,
     hasHeader: false,
-    hasBreadcrumbs: false,
+    hasBreadcrumb: false,
     hasHeaderLogo: false,
     hasHeaderEnvironment: false,
     hasToolbar: false,
@@ -1374,12 +1376,12 @@ class UxAppShellService {
         });
         this.activateHeaderCssVars();
     }
-    activateBreadcrumbs() {
+    activateBreadcrumb() {
         this.setState({
             ...this.state,
-            hasBreadcrumbs: true,
+            hasBreadcrumb: true,
         });
-        this.activateBreadcrumbsCssVars();
+        this.activateBreadcrumbCssVars();
     }
     activateTopMessage(height) {
         this.setState({
@@ -1406,8 +1408,8 @@ class UxAppShellService {
             '--eui-app-header-height-default',
             '--eui-app-header-height-active',
             '--eui-app-header-height-shrink',
-            '--eui-app-breadcrumbs-height-default',
-            '--eui-app-breadcrumbs-height-active',
+            '--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',
@@ -1428,7 +1430,7 @@ class UxAppShellService {
     }
     initCssVars() {
         this.setCssVar('--eui-app-header-height-default', '--eui-app-header-height');
-        this.setCssVar('--eui-app-breadcrumbs-height-default', '--eui-app-breadcrumbs-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');
@@ -1439,8 +1441,8 @@ class UxAppShellService {
     activateHeaderCssVars() {
         this.setCssVar('--eui-app-header-height-active', '--eui-app-header-height');
     }
-    activateBreadcrumbsCssVars() {
-        this.setCssVar('--eui-app-breadcrumbs-height-active', '--eui-app-breadcrumbs-height');
+    activateBreadcrumbCssVars() {
+        this.setCssVar('--eui-app-breadcrumb-height-active', '--eui-app-breadcrumb-height');
     }
     activateTopMessageCssVars(height) {
         this._setCssVarValue('--eui-app-top-message-height', `${height}px`);
@@ -4249,12 +4251,20 @@ class LocaleServiceMock extends LocaleService {
         super(null, { locale: { id: 'en', available: [] } }, locale_id, null, null, null);
         this.locale_id = locale_id;
         this.DEFAULT_LOCALE = 'en';
+        this.stateSubject = new BehaviorSubject({ id: this.DEFAULT_LOCALE });
     }
     getState() {
-        return of({ id: this.DEFAULT_LOCALE });
+        return this.stateSubject.asObservable();
     }
     updateState(state) {
         this.DEFAULT_LOCALE = state.id || 'en';
+        if (state.id === 'fr') {
+            registerLocaleData(localeFr, 'fr');
+        }
+        else if (state.id === 'el') {
+            registerLocaleData(localeEl, 'fr');
+        }
+        this.stateSubject.next(state);
     }
     init(state) {
         this.DEFAULT_LOCALE = state.id || 'en';