@eui/core 23.0.0-alpha.2 → 23.0.0-alpha.4

package/docs/template-playground/hbs-render.service.ts

@@ -82,6 +82,7 @@ export class HbsRenderService {
       // Simple translation mapping for preview
       const translations: { [key: string]: string } = {
         'info': 'Information',
+        'api': 'API',
         'source': 'Source',
         'example': 'Example',
         'template': 'Template',
@@ -97,7 +98,10 @@ export class HbsRenderService {
         'properties': 'Properties',
         'methods': 'Methods',
         'inputs': 'Inputs',
-        'outputs': 'Outputs'
+        'outputs': 'Outputs',
+        'relationships': 'Relationships',
+        'relationships-used-by': 'Used by',
+        'relationships-depends-on': 'Depends on'
       };
       return translations[key] || key;
     });
@@ -204,6 +208,7 @@ export class HbsRenderService {
       ],
       navTabs: [
         { id: 'info', label: 'Info', href: '#info' },
+        { id: 'api', label: 'API', href: '#api' },
         { id: 'source', label: 'Source', href: '#source' },
         { id: 'example', label: 'Example', href: '#example' }
       ]

package/fesm2022/eui-core.mjs

@@ -1,7 +1,7 @@
 import { ConsoleAppender, LogLevel, initialAppState, initialUserState, initialNotificationsState, initialI18nState, initialLocaleState, Logger, LoggerMock, initialCoreState, xhr, mergeAll, getI18nLoaderConfig, EuiLazyService, getI18nServiceConfigFromBase, getBrowserDefaultLanguage, EuiEuLanguages, EuiService, getUserState, getLocaleServiceConfigFromBase, transformToUxHttpResponse } from '@eui/base';
 export * from '@eui/base';
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, PLATFORM_ID, Injectable, Injector, NgModule, Optional, SkipSelf, provideAppInitializer, ErrorHandler, ApplicationRef, LOCALE_ID, Pipe, ElementRef, Input, Directive } from '@angular/core';
+import { InjectionToken, inject, PLATFORM_ID, Injectable, Injector, NgModule, Optional, SkipSelf, provideAppInitializer, ErrorHandler, ApplicationRef, LOCALE_ID, signal, Pipe, ElementRef, Input, Directive } from '@angular/core';
 import { deepmerge } from 'deepmerge-ts';
 import { isPlatformBrowser, LOCATION_INITIALIZED, DOCUMENT, isPlatformServer, getLocaleId, registerLocaleData } from '@angular/common';
 import { BehaviorSubject, of, forkJoin, from, Subject, defer, firstValueFrom } from 'rxjs';
@@ -12,7 +12,7 @@ import { MomentDateAdapter } from '@angular/material-moment-adapter';
 import { HttpErrorResponse, HttpClient, HttpResponse } from '@angular/common/http';
 import { Router } from '@angular/router';
 import { createSelector } from 'reselect';
-import { TranslateLoader, TranslateService } from '@ngx-translate/core';
+import { provideTranslateLoader, TranslateService, TranslateLoader } from '@ngx-translate/core';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { By } from '@angular/platform-browser';
 import { FormGroup, FormArray } from '@angular/forms';
@@ -2059,10 +2059,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
             type: Injectable
         }], ctorParameters: () => [] });
 const translateConfig = {
-    loader: {
-        provide: TranslateLoader,
-        useClass: I18nLoader,
-    },
+    loader: provideTranslateLoader(I18nLoader),
 };
 
 const getLastAddedModule = (state) => state.app.loadedConfigModules.lastAddedModule;
@@ -2073,6 +2070,7 @@ class I18nService extends EuiLazyService {
         this.baseGlobalConfig = inject(GLOBAL_CONFIG_TOKEN);
         this.translateService = inject(TranslateService);
         this.logService = inject(LogService, { optional: true });
+        this.translateLoader = inject(TranslateLoader);
         this.store = inject(StoreService);
         this.document = inject(DOCUMENT);
         this.subNotifier = new Subject();
@@ -2171,7 +2169,7 @@ class I18nService extends EuiLazyService {
     addResources(config, moduleName) {
         // emit that module is loading
         this.onModuleLoad.next({ ready: false, name: moduleName });
-        const loader = this.translateService.currentLoader;
+        const loader = this.translateLoader;
         if (loader instanceof I18nLoader) {
             // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -2180,13 +2178,13 @@ class I18nService extends EuiLazyService {
             // add the resources to the loader
             const resources = i18nLoader.addResources(config);
             // manually load the resources for the CURRENT language and add them to the translate service
-            langSubscription.push(i18nLoader.loadResources(resources, this.translateService.currentLang).pipe(take(1), tap((loadedResources) => {
+            langSubscription.push(i18nLoader.loadResources(resources, this.translateService.currentLang()).pipe(take(1), tap((loadedResources) => {
                 // add the new set of translations to the current language
-                this.translateService.setTranslation(this.translateService.currentLang, loadedResources.translations, true);
+                this.translateService.setTranslation(this.translateService.currentLang(), loadedResources.translations, true);
             })));
             // if the current language is different from the DEFAULT language
-            const defaultLang = this.config.defaultLanguage || this.translateService.defaultLang;
-            if (this.translateService.currentLang !== defaultLang) {
+            const defaultLang = this.config.defaultLanguage || this.translateService.fallbackLang();
+            if (this.translateService.currentLang() !== defaultLang) {
                 // manually load the resources for the default language and add them to the translation service
                 langSubscription.push(i18nLoader.loadResources(resources, defaultLang).pipe(take(1), tap((loadedResources) => {
                     this.translateService.setTranslation(defaultLang, loadedResources.translations, true);
@@ -2238,8 +2236,8 @@ class I18nService extends EuiLazyService {
                 this.setDefaultLanguage(this.config.defaultLanguage);
             }
         }), map(() => {
-            if (this.translateService.currentLoader instanceof I18nLoader) {
-                const failedResources = this.translateService.currentLoader.getFailedResources();
+            if (this.translateLoader instanceof I18nLoader) {
+                const failedResources = this.translateLoader.getFailedResources();
                 if (failedResources.length > 0) {
                     return { success: false, error: failedResources };
                 }
@@ -2251,7 +2249,7 @@ class I18nService extends EuiLazyService {
         this.getState((s) => s.activeLang)
             .pipe(takeUntil(this.subNotifier))
             .subscribe((lang) => {
-            if (lang !== null && this.translateService.currentLang !== lang) {
+            if (lang !== null && this.translateService.currentLang() !== lang) {
                 this.use(lang);
             }
         });
@@ -2269,7 +2267,7 @@ class I18nService extends EuiLazyService {
     setDefaultLanguage(defaultLanguage) {
         // removed, current language is already calculated in init, setup function fill use it directly, not default
         // this.translateService.currentLang = default_language || this.config.defaultLanguage;
-        this.translateService.setDefaultLang(defaultLanguage);
+        this.translateService.setFallbackLang(defaultLanguage);
         if (this.logService) {
             this.logService.info(`I18n default language set to ${defaultLanguage}`);
         }
@@ -5342,7 +5340,7 @@ class AddLangParamInterceptor {
             return next.handle(req);
         }
         // take the current language from the translate service
-        const langValue = this.translateService.currentLang;
+        const langValue = this.translateService.currentLang();
         return next.handle(req.clone({
             // remove the lang param header from headers
             headers: req.headers.delete(LANG_PARAM_KEY),
@@ -5506,19 +5504,21 @@ class TranslateServiceMock {
     constructor() {
         this.onLangChangeSubject = new Subject();
         this.onTranslationChangeSubject = new Subject();
-        this.onDefaultLangChangeSubject = new Subject();
+        this.onFallbackLangChangeSubject = new Subject();
         this.isLoadedSubject = new BehaviorSubject(true);
         this.onLangChange = this.onLangChangeSubject.asObservable();
         this.onTranslationChange = this.onTranslationChangeSubject.asObservable();
-        this.onDefaultLangChange = this.onDefaultLangChangeSubject.asObservable();
+        this.onFallbackLangChange = this.onFallbackLangChangeSubject.asObservable();
         this.isLoaded = this.isLoadedSubject.asObservable();
+        this.currentLang = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currentLang" }] : /* istanbul ignore next */ []));
         this.languages = [DEFAULT_LANGUAGE];
     }
     get(content) {
         return of(TRANSLATED_STRING + content);
     }
     use(lang) {
-        this.currentLang = lang;
+        this.currentLang.set(lang);
         this.onLangChangeSubject.next({ lang });
     }
     addLangs(langs) {
@@ -5538,8 +5538,8 @@ class TranslateServiceMock {
     instant(key) {
         return TRANSLATED_STRING + key.toString();
     }
-    setDefaultLang(lang) {
-        this.onDefaultLangChangeSubject.next(lang);
+    setFallbackLang(lang) {
+        this.onFallbackLangChangeSubject.next(lang);
     }
 }
 class TranslateMockPipe {
@@ -5547,11 +5547,11 @@ class TranslateMockPipe {
         return !text ? TRANSLATED_STRING : `${text}-${TRANSLATED_STRING}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TranslateMockPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: TranslateMockPipe, isStandalone: false, name: "translate" }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: TranslateMockPipe, isStandalone: true, name: "translate" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TranslateMockPipe, decorators: [{
             type: Pipe,
-            args: [{ name: 'translate', standalone: false }]
+            args: [{ name: 'translate' }]
         }] });
 /* eslint-disable @typescript-eslint/no-explicit-any */
 class TranslateMockDirective {
@@ -5562,27 +5562,26 @@ class TranslateMockDirective {
         this._element.nativeElement.innerText += TRANSLATED_STRING;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TranslateMockDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: TranslateMockDirective, isStandalone: false, selector: "[translate]", inputs: { translateParams: "translateParams" }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.5", type: TranslateMockDirective, isStandalone: true, selector: "[translate]", inputs: { translateParams: "translateParams" }, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TranslateMockDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
                     selector: '[translate]',
-                    standalone: false,
                 }]
         }], propDecorators: { translateParams: [{
                 type: Input
             }] } });
 class TranslateMockModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TranslateMockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: TranslateMockModule, declarations: [TranslateMockPipe, TranslateMockDirective], exports: [TranslateMockPipe, TranslateMockDirective] }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.5", ngImport: i0, type: TranslateMockModule, imports: [TranslateMockPipe, TranslateMockDirective], exports: [TranslateMockPipe, TranslateMockDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TranslateMockModule, providers: [{ provide: TranslateService, useClass: TranslateServiceMock }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: TranslateMockModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [TranslateMockPipe, TranslateMockDirective],
+                    imports: [TranslateMockPipe, TranslateMockDirective],
                     exports: [TranslateMockPipe, TranslateMockDirective],
                     providers: [{ provide: TranslateService, useClass: TranslateServiceMock }],
                 }]