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

package/lib/skeletons/_angular/base/package.json

@@ -1,6 +1,6 @@
 {
     "name": "eui-angular-app",
-    "version": "23.0.0-alpha.2",
+    "version": "23.0.0-alpha.4",
     "license": "EUPL-1.1",
     "scripts": {
         "ng": "ng",
@@ -20,7 +20,7 @@
     },
     "private": true,
     "dependencies": {
-        "@eui/deps-base": "23.0.0-alpha.2"
+        "@eui/deps-base": "23.0.0-alpha.4"
     },
     "devDependencies": {
         "npm-run-all": "4.1.5",

package/lib/skeletons/_angular/base/src/app/app.component.spec.ts

@@ -6,10 +6,10 @@ import { routes } from './app.routes';
 import { provideHttpClientTesting } from '@angular/common/http/testing';
 import { provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import { AppStarterService } from './app-starter.service';
-import { CONFIG_TOKEN, I18nService, I18nState, UserService} from '@eui/core';
+import { CONFIG_TOKEN, I18nService, I18nState, translateConfig, UserService } from '@eui/core';
 import { EuiAppConfig } from '@eui/core';
 import { Observable, of } from 'rxjs';
-import { TranslateModule } from '@ngx-translate/core';
+import { provideTranslateService } from '@ngx-translate/core';
 import { describe, it, beforeEach, expect, vi } from 'vitest';
 
 // eslint-disable-next-line
@@ -26,8 +26,8 @@ describe('AppComponent', () => {
         type GetStateReturnType<T> = T extends keyof I18nState ? Observable<I18nState[T]> : Observable<I18nState>;
 
         userServiceMock = { init: vi.fn() } as SpyObj<UserService>;
-        i18nServiceMock = { 
-            init: vi.fn(), 
+        i18nServiceMock = {
+            init: vi.fn(),
             getState: vi.fn(<K extends keyof I18nState>(key?: K): GetStateReturnType<K> => {
                 if (typeof key === 'string') {
                     return of({ activeLang: 'en' }[key]) as GetStateReturnType<K>;
@@ -41,7 +41,7 @@ describe('AppComponent', () => {
             imports: [
                 RouterModule.forRoot(routes),
                 ...EUI_LAYOUT,
-                TranslateModule.forRoot(),
+                provideTranslateService(translateConfig),
             ],
             providers: [
                 provideHttpClient(withInterceptorsFromDi()),

package/lib/skeletons/_angular/base/src/app/app.component.ts

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 import { EUI_LANGUAGE_SELECTOR } from '@eui/components/eui-language-selector';
 import { EUI_USER_PROFILE } from '@eui/components/eui-user-profile';
 import { EUI_ICON } from '@eui/components/eui-icon';
@@ -10,7 +10,7 @@ import { EUI_LAYOUT } from '@eui/components/layout';
     selector: 'app-root',
     templateUrl: './app.component.html',
     imports: [
-        TranslateModule,
+        TranslatePipe,
         ...EUI_LAYOUT,
         ...EUI_ICON,
         ...EUI_USER_PROFILE,

package/lib/skeletons/_angular/base/src/app/app.config.ts

@@ -6,7 +6,7 @@ import { Observable } from 'rxjs';
 import { routes } from './app.routes';
 import { AppStarterService } from './app-starter.service';
 
-import { TranslateModule } from '@ngx-translate/core';
+import { provideTranslateService } from '@ngx-translate/core';
 
 import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import {
@@ -75,8 +75,8 @@ export const appConfig: ApplicationConfig = {
         provideHttpClient(withInterceptorsFromDi()),
         importProvidersFrom(
             EuiCoreModule.forRoot(),
-            TranslateModule.forRoot(translateConfig)
         ),
+        provideTranslateService(translateConfig),
         AppStarterService,
         provideRouter(routes),
         provideAnimations(),

package/lib/skeletons/_angular/base/src/app/features/home/home.component.ts

@@ -1,12 +1,12 @@
 import { Component, inject } from '@angular/core';
 import { CONFIG_TOKEN, EuiAppConfig } from '@eui/core';
 import { EUI_PAGE } from '@eui/components/eui-page';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
 @Component({
     templateUrl: './home.component.html',
     imports: [
-        TranslateModule,
+        TranslatePipe,
         ...EUI_PAGE,
     ],
 })

package/lib/skeletons/_angular/base-mobile/package.json

@@ -1,6 +1,6 @@
 {
     "name": "eui-angular-app",
-    "version": "23.0.0-alpha.2",
+    "version": "23.0.0-alpha.4",
     "license": "EUPL-1.1",
     "scripts": {
         "ng": "ng",

package/lib/skeletons/_angular/base-mobile/src/app/core/core.module.ts

@@ -1,5 +1,5 @@
 import { NgModule } from '@angular/core';
-import { TranslateModule } from '@ngx-translate/core';
+import { provideTranslateService } from '@ngx-translate/core';
 
 import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
 
@@ -25,7 +25,6 @@ import { SharedModule } from '@shared/shared.module';
         HttpClientModule,
         SharedModule,
         EuiCoreModule.forRoot(),
-        TranslateModule.forRoot(translateConfig),
         IonicModule.forRoot({mode: 'md'}),
     ],
     declarations: [
@@ -34,6 +33,7 @@ import { SharedModule } from '@shared/shared.module';
         SharedModule,
     ],
     providers: [
+        provideTranslateService(translateConfig),
         {
             provide: EUI_CONFIG_TOKEN,
             useValue: { appConfig: appConfig, environment: environment }

package/lib/skeletons/_angular/base-mobile/src/app/features/about/about.component.ts

@@ -2,11 +2,11 @@ import { Component } from '@angular/core';
 import { NavController } from '@ionic/angular';
 import { EuimChipSelectorComponentModule, EuimAboutModule, EuimHeaderDetailsModule, EuimToolbarQrcodeModule, EuimToolbarComponentModule, EuimLabelModule } from '@eui/mobile-core';
 import { IonToolbar, IonHeader, IonContent, IonButtons, IonList, IonListHeader, IonItem, IonLabel, IonIcon, IonButton } from '@ionic/angular/standalone';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
 @Component({
     templateUrl: './about.component.html',
-    imports: [TranslateModule, IonToolbar, IonHeader, IonButtons, IonContent, IonList, IonListHeader, IonItem, IonLabel, IonIcon, IonButton, EuimChipSelectorComponentModule, EuimAboutModule, EuimHeaderDetailsModule, EuimToolbarQrcodeModule, EuimToolbarComponentModule, EuimLabelModule ]
+    imports: [TranslatePipe, IonToolbar, IonHeader, IonButtons, IonContent, IonList, IonListHeader, IonItem, IonLabel, IonIcon, IonButton, EuimChipSelectorComponentModule, EuimAboutModule, EuimHeaderDetailsModule, EuimToolbarQrcodeModule, EuimToolbarComponentModule, EuimLabelModule ]
 })
 export class AboutComponent {
     showCode = false;

package/lib/skeletons/_angular/base-mobile/src/app/features/about/change-log/changelog.component.ts

@@ -1,10 +1,10 @@
 import { Component } from '@angular/core';
 import { EuimAboutModule, EuimToolbarComponentModule } from '@eui/mobile-core';
 import { IonToolbar, IonHeader, IonContent } from '@ionic/angular/standalone';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 @Component({
     templateUrl: './changelog.component.html',
-    imports: [TranslateModule, EuimAboutModule, IonToolbar, IonHeader, IonContent, EuimToolbarComponentModule]
+    imports: [TranslatePipe, EuimAboutModule, IonToolbar, IonHeader, IonContent, EuimToolbarComponentModule]
 })
 export class ChangeLogComponent {
     changeLogs = [

package/lib/skeletons/_angular/base-mobile/src/app/features/about/help-support/help-support.component.ts

@@ -1,11 +1,11 @@
 import { Component } from '@angular/core';
 import { EuimAboutModule, EuimAlertMessageModule, EuimToolbarComponentModule } from '@eui/mobile-core';
 import { IonToolbar, IonHeader, IonContent, IonIcon, IonButton } from '@ionic/angular/standalone';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
 @Component({
     templateUrl: './help-support.component.html',
-    imports: [TranslateModule, IonToolbar, IonIcon, IonButton, EuimAboutModule, EuimAlertMessageModule, IonHeader, IonContent, EuimToolbarComponentModule]
+    imports: [TranslatePipe, IonToolbar, IonIcon, IonButton, EuimAboutModule, EuimAlertMessageModule, IonHeader, IonContent, EuimToolbarComponentModule]
 })
 export class HelpSupportComponent {
     alertInfos = {

package/lib/skeletons/_angular/base-mobile/src/app/features/about/legal-notice/legal-notice.component.ts

@@ -1,10 +1,10 @@
 import { Component } from '@angular/core';
 import { EuimAboutModule, EuimPdfViewerModule, EuimToolbarComponentModule } from '@eui/mobile-core';
 import { IonToolbar, IonHeader, IonContent } from '@ionic/angular/standalone';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
 @Component({
     templateUrl: './legal-notice.component.html',
-    imports: [TranslateModule, IonToolbar, EuimAboutModule, EuimPdfViewerModule, IonHeader, IonContent, EuimToolbarComponentModule]
+    imports: [TranslatePipe, IonToolbar, EuimAboutModule, EuimPdfViewerModule, IonHeader, IonContent, EuimToolbarComponentModule]
 })
 export class LegalNoticeComponent {}

package/lib/skeletons/_angular/base-mobile/src/app/features/about/licence-details/licence-details.component.ts

@@ -1,10 +1,10 @@
 import { Component } from '@angular/core';
 import { EuimAboutModule, EuimToolbarComponentModule } from '@eui/mobile-core';
 import { IonToolbar, IonHeader, IonContent } from '@ionic/angular/standalone';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
 @Component({
     templateUrl: './licence-details.component.html',
-    imports: [TranslateModule, IonToolbar, EuimAboutModule, IonHeader, IonContent, EuimToolbarComponentModule]
+    imports: [TranslatePipe, IonToolbar, EuimAboutModule, IonHeader, IonContent, EuimToolbarComponentModule]
 })
 export class LicenceDetailsComponent {}

package/lib/skeletons/_angular/base-mobile/src/app/features/about/opensource-licences/opensource-licences.component.ts

@@ -2,11 +2,11 @@ import { Component } from '@angular/core';
 import { NavController } from '@ionic/angular';
 import { EuimAboutModule, EuimToolbarComponentModule } from '@eui/mobile-core';
 import { IonToolbar, IonHeader, IonContent } from '@ionic/angular/standalone';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
 @Component({
     templateUrl: './opensource-licences.component.html',
-    imports: [TranslateModule, IonToolbar, EuimAboutModule, IonHeader, IonContent, EuimToolbarComponentModule]
+    imports: [TranslatePipe, IonToolbar, EuimAboutModule, IonHeader, IonContent, EuimToolbarComponentModule]
 })
 export class OpensourceLicencesComponent {
     constructor(

package/lib/skeletons/_angular/options/ecl-ec/src/app/app.component.ts

@@ -13,7 +13,7 @@ import { EUI_ECL_PAGE_HEADER } from '@eui/ecl/components/ecl-page-header';
 import { EUI_ECL_SOCIAL_MEDIA_FOLLOW } from '@eui/ecl/components/ecl-social-media-follow';
 import { EUI_ECL_SITE_FOOTER } from '@eui/ecl/components/ecl-site-footer';
 import { EclSiteHeaderLoginEvent, EclSiteHeaderSearchEvent, EUI_ECL_SITE_HEADER } from '@eui/ecl/components/ecl-site-header';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
 @Component({
     selector: 'app-root',
@@ -30,7 +30,7 @@ import { TranslateModule } from '@ngx-translate/core';
         ...EUI_ECL_SITE_FOOTER,
         ...EUI_ECL_SOCIAL_MEDIA_FOLLOW,
         RouterOutlet,
-        TranslateModule,
+        TranslatePipe,
     ]
 })
 export class AppComponent implements OnInit {

package/lib/skeletons/_angular/options/ecl-ec/src/app/app.config.ts

@@ -6,7 +6,7 @@ import { Observable } from 'rxjs';
 import { routes } from './app.routes';
 import { AppStarterService } from './app-starter.service';
 
-import { TranslateModule } from '@ngx-translate/core';
+import { provideTranslateService } from '@ngx-translate/core';
 
 import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import {
@@ -75,8 +75,8 @@ export const appConfig: ApplicationConfig = {
         provideHttpClient(withInterceptorsFromDi()),
         importProvidersFrom(
             EuiCoreModule.forRoot(),
-            TranslateModule.forRoot(translateConfig)
         ),
+        provideTranslateService(translateConfig),
         AppStarterService,
         provideRouter(routes),
         provideAnimations(),

package/lib/skeletons/_angular/options/ecl-ec/src/app/features/home/home.component.ts

@@ -2,20 +2,18 @@ import { Component, inject } from '@angular/core';
 import { CONFIG_TOKEN, EuiAppConfig } from '@eui/core';
 import { EUI_ECL_LINK } from '@eui/ecl/components/ecl-link';
 import { EUI_ECL_LIST } from '@eui/ecl/components/ecl-list';
-import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
     templateUrl: './home.component.html',
     standalone: true,
     imports: [
-        TranslateModule,
         ...EUI_ECL_LINK,
         ...EUI_ECL_LIST,
     ],
 })
 export class HomeComponent {
     protected config: EuiAppConfig = inject(CONFIG_TOKEN);
-    
+
     constructor() {
         console.log(this.config);
     }

package/lib/skeletons/_angular/options/ecl-eu/src/app/app.component.ts

@@ -12,7 +12,7 @@ import { EclMenuItemSelectEvent, EUI_ECL_MENU } from '@eui/ecl/components/ecl-me
 import { EUI_ECL_PAGE_HEADER } from '@eui/ecl/components/ecl-page-header';
 import { EUI_ECL_SITE_FOOTER } from '@eui/ecl/components/ecl-site-footer';
 import { EclSiteHeaderLoginEvent, EclSiteHeaderSearchEvent, EUI_ECL_SITE_HEADER } from '@eui/ecl/components/ecl-site-header';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
 @Component({
     selector: 'app-root',
@@ -28,7 +28,7 @@ import { TranslateModule } from '@ngx-translate/core';
         ...EUI_ECL_SITE_HEADER,
         ...EUI_ECL_SITE_FOOTER,
         RouterOutlet,
-        TranslateModule,
+        TranslatePipe,
     ]
 })
 export class AppComponent implements OnInit {

package/lib/skeletons/_angular/options/ecl-eu/src/app/app.config.ts

@@ -6,7 +6,7 @@ import { Observable } from 'rxjs';
 import { routes } from './app.routes';
 import { AppStarterService } from './app-starter.service';
 
-import { TranslateModule } from '@ngx-translate/core';
+import { provideTranslateService } from '@ngx-translate/core';
 
 import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
 import {
@@ -75,8 +75,8 @@ export const appConfig: ApplicationConfig = {
         provideHttpClient(withInterceptorsFromDi()),
         importProvidersFrom(
             EuiCoreModule.forRoot(),
-            TranslateModule.forRoot(translateConfig)
         ),
+        provideTranslateService(translateConfig),
         AppStarterService,
         provideRouter(routes),
         provideAnimations(),

package/lib/skeletons/_angular/options/ecl-eu/src/app/features/home/home.component.ts

@@ -2,20 +2,18 @@ import { Component, inject } from '@angular/core';
 import { CONFIG_TOKEN, EuiAppConfig } from '@eui/core';
 import { EUI_ECL_LINK } from '@eui/ecl/components/ecl-link';
 import { EUI_ECL_LIST } from '@eui/ecl/components/ecl-list';
-import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
     templateUrl: './home.component.html',
     standalone: true,
     imports: [
-        TranslateModule,
         ...EUI_ECL_LINK,
         ...EUI_ECL_LIST,
     ],
 })
 export class HomeComponent {
     protected config: EuiAppConfig = inject(CONFIG_TOKEN);
-    
+
     constructor() {
         console.log(this.config);
     }

package/lib/skeletons/_angular/options/ecl-eu/src/app/shared/shared.module.ts

@@ -1,11 +1,11 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslatePipe } from '@ngx-translate/core';
 
 const MODULES = [
     RouterModule,
-    TranslateModule,
+    TranslatePipe,
     CommonModule,
 ];
 @NgModule({

package/lib/skeletons/_angular/options/pnpm/package.json

@@ -1,6 +1,6 @@
 {
     "name": "eui-angular-app",
-    "version": "23.0.0-alpha.2",
+    "version": "23.0.0-alpha.4",
     "license": "EUPL-1.1",
     "scripts": {
         "ng": "ng",
@@ -46,18 +46,18 @@
         "pikaday": "1.8.2",
         "lodash-es": "4.17.23",
         "localforage": "1.10.0",
-        "@eui/base": "23.0.0-alpha.2",
-        "@eui/core": "23.0.0-alpha.2",
-        "@eui/styles": "23.0.0-alpha.2",
-        "@eui/components": "23.0.0-alpha.2",
-        "@eui/ecl": "23.0.0-alpha.2"
+        "@eui/base": "23.0.0-alpha.4",
+        "@eui/core": "23.0.0-alpha.4",
+        "@eui/styles": "23.0.0-alpha.4",
+        "@eui/components": "23.0.0-alpha.4",
+        "@eui/ecl": "23.0.0-alpha.4"
     },
     "devDependencies": {
         "@angular/compiler-cli": "21.2.5",
         "@angular/build": "21.2.3",
         "@angular/cli": "21.2.3",
         "ng-packagr": "23.0.0-alpha.1",
-        "@eui/cli": "23.0.0-alpha.2",
+        "@eui/cli": "23.0.0-alpha.4",
         "typescript": "~6.0.2",
         "npm-run-all": "4.1.5",
         "json-server": "1.0.0-beta.3",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@eui/cli",
-    "version": "23.0.0-alpha.2",
+    "version": "23.0.0-alpha.4",
     "tag": "next",
     "license": "EUPL-1.1",
     "description": "eUI CLI app generator & tools",