@eui/cli 19.0.0-next.9 → 19.0.0-rc.2

package/.version.properties

@@ -1 +1 @@
-19.0.0-next.9
+19.0.0-rc.2

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

@@ -1,6 +1,6 @@
 {
     "name": "eui-angular-app",
-    "version": "19.0.0-next.9",
+    "version": "19.0.0-rc.2",
     "license": "EUPL-1.1",
     "scripts": {
         "ng": "ng",
@@ -21,7 +21,7 @@
     },
     "private": true,
     "dependencies": {
-        "@eui/deps-base": "19.0.0-next.9"
+        "@eui/deps-base": "19.0.0-rc.2"
     },
     "resolutions": {
         "js-yaml": ">=3.13.1",

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

@@ -44,7 +44,8 @@
                     }
                 ],
                 "@typescript-eslint/ban-ts-comment": "off",
-                "@typescript-eslint/ban-types": "error",
+                "@typescript-eslint/no-empty-object-type": "error",
+                "@typescript-eslint/no-unsafe-function-type": "error",
                 "@typescript-eslint/consistent-type-definitions": "off",
                 "@typescript-eslint/dot-notation": "off",
                 "@typescript-eslint/explicit-member-accessibility": [

package/lib/skeletons/_angular/base/src/app/app-starter.service.ts

@@ -1,4 +1,4 @@
-import { Inject, Injectable } from '@angular/core';
+import { inject, Injectable } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 import {
     CONFIG_TOKEN,
@@ -7,8 +7,9 @@ import {
     EuiAppConfig,
     UserDetails,
     UserPreferences,
+    EuiServiceStatus,
 } from '@eui/core';
-import { Observable, of, zip } from 'rxjs';
+import { catchError, Observable, of } from 'rxjs';
 import { switchMap } from 'rxjs/operators';
 
 @Injectable({
@@ -16,25 +17,17 @@ import { switchMap } from 'rxjs/operators';
 })
 export class AppStarterService {
     defaultUserPreferences: UserPreferences | undefined;
+    private userService: UserService = inject(UserService);
+    private i18nService: I18nService = inject(I18nService);
+    private config: EuiAppConfig = inject(CONFIG_TOKEN);
+    private http: HttpClient = inject(HttpClient);
 
-    constructor(
-        protected userService: UserService,
-        protected i18nService: I18nService,
-        @Inject(CONFIG_TOKEN) private config: EuiAppConfig,
-        protected http: HttpClient,
-    ) {
-    }
-
-    // eslint-disable-next-line
-    start(): Observable<any> {
-
-        return zip(
-            this.initUserService().pipe(
-                switchMap((userStatus) => {
-                    console.log(userStatus);
-                    return this.i18nService.init();
-                }),
-            ),
+    start(): Observable<EuiServiceStatus> {
+        return this.initUserService().pipe(
+            switchMap((userStatus) => {
+                console.log(userStatus);
+                return this.i18nService.init();
+            }),
         );
     }
 
@@ -43,12 +36,10 @@ export class AppStarterService {
      * create user: UserState object
      * then initialise to the UserService on run time
      */
-    // eslint-disable-next-line
-    initUserService(): Observable<any> {
-        return zip(
-            this.fetchUserDetails(),
-        ).pipe(
-            switchMap(([userDetails]) => this.userService.init(userDetails)));
+    initUserService(): Observable<EuiServiceStatus> {
+        return this.fetchUserDetails().pipe(
+            switchMap((userDetails) => this.userService.init(userDetails))
+        );
     }
 
     /**
@@ -58,11 +49,20 @@ export class AppStarterService {
         // const url = this.config.modules.your_custom_module.your_custom_endpoint
         const moduleCoreApi= this.config.modules?.['core'];
         const url = `${moduleCoreApi?.['base']}${moduleCoreApi?.['userDetails']}`;
-        const user = { userId: 'anonymous' };
+        const user = {
+            userId: 'anonymous',
+            firstName: 'FirstName',
+            lastName: 'LastName',
+            fullName: 'FullName',
+        };
 
         if (!url) {
             return of(user);
         }
-        return this.http.get<UserDetails>(url);
+        return this.http.get<UserDetails>(url)
+            .pipe(
+                // in case of Http failure return dummy user
+                catchError(() => of(user)),
+            );
     }
 }

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

@@ -1,26 +1,54 @@
-import {ComponentFixture, TestBed} from '@angular/core/testing';
-import {RouterModule} from '@angular/router';
-import {AppComponent} from './app.component';
-import {EuiAppModule} from '@eui/components/layout';
-import {CoreModule} from './core/core.module';
-import {routes} from './app.routes';
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { RouterModule } from '@angular/router';
+import { AppComponent } from './app.component';
+import { EuiAppModule } from '@eui/components/layout';
+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 { EuiAppConfig } from '@eui/core';
+import { Observable, of } from 'rxjs';
+import { TranslateModule } from '@ngx-translate/core';
+import SpyObj = jasmine.SpyObj;
+
 
 describe('AppComponent', () => {
     let component: AppComponent;
     let fixture: ComponentFixture<AppComponent>;
+    let userServiceMock: SpyObj<UserService>;
+    let i18nServiceMock: SpyObj<I18nService>;
+    let configMock: EuiAppConfig;
 
     beforeEach(async () => {
+
+        // Handle the overloaded getState method
+        type GetStateReturnType<T> = T extends keyof I18nState ? Observable<I18nState[T]> : Observable<I18nState>;
+
+        userServiceMock = jasmine.createSpyObj('UserService', ['init']);
+        i18nServiceMock = jasmine.createSpyObj<I18nService>('I18nService', ['init', 'getState']);
+        i18nServiceMock.getState.and.callFake(<K extends keyof I18nState>(key?: K): GetStateReturnType<K> => {
+            if (typeof key === 'string') {
+                return of({ activeLang: 'en' }[key]) as GetStateReturnType<K>;
+            }
+            return of({ activeLang: 'en' }) as GetStateReturnType<K>;
+        });
+        configMock = {global: {}, modules: {core: {base: 'localhost:3000', userDetails: 'dummy'}}};
+
         await TestBed.configureTestingModule({
             imports: [
                 RouterModule.forRoot(routes),
-                CoreModule,
                 EuiAppModule,
+                TranslateModule.forRoot(),
             ],
             providers: [
-                provideHttpClientTesting()
+                provideHttpClient(withInterceptorsFromDi()),
+                provideHttpClientTesting(),
+                AppStarterService,
+                {provide: UserService, useValue: userServiceMock},
+                {provide: I18nService, useValue: i18nServiceMock},
+                {provide: CONFIG_TOKEN, useValue: configMock},
             ],
-            declarations: [AppComponent],
         }).compileComponents();
 
         fixture = TestBed.createComponent(AppComponent);

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

@@ -1,11 +1,10 @@
 import { Component } from '@angular/core';
-// import { BrowserModule } from '@angular/platform-browser';
-// import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { TranslateModule } from '@ngx-translate/core';
 import { EuiLayoutModule } from '@eui/components/layout';
 import { EuiLanguageSelectorModule } from '@eui/components/eui-language-selector';
 import { EuiUserProfileModule } from '@eui/components/eui-user-profile';
 import { EuiIconModule } from '@eui/components/eui-icon';
+import { EuiMenuItem } from '@eui/components/eui-menu';
 
 @Component({
     selector: 'app-root',
@@ -20,7 +19,7 @@ import { EuiIconModule } from '@eui/components/eui-icon';
     ],
 })
 export class AppComponent {
-    sidebarItems = [
+    sidebarItems: EuiMenuItem[] = [
         { label: 'Home', url: 'screen/home' },
         { label: 'Module 1', url: 'screen/module1', children: [
             { label: 'page 1', url: 'screen/module1/page1' },

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

@@ -1,5 +1,7 @@
-import { APP_INITIALIZER, ApplicationConfig, importProvidersFrom } from '@angular/core';
+import { inject, provideAppInitializer } from '@angular/core';
+import { ApplicationConfig, importProvidersFrom } from '@angular/core';
 import { provideRouter } from '@angular/router';
+import { Observable } from 'rxjs';
 
 import { routes } from './app.routes';
 import { AppStarterService } from './app-starter.service';
@@ -15,19 +17,29 @@ import {
     CoreModule as EuiCoreModule,
     translateConfig,
     EUI_CONFIG_TOKEN,
+    provideEuiInitializer,
+    EuiServiceStatus,
 } from '@eui/core';
 
 import { appConfig as euiAppConfig} from '../config';
 import { environment } from '../environments/environment';
+import { provideAnimations } from '@angular/platform-browser/animations';
+
+/**
+ * The provided function is injected at application startup and executed during
+ * app initialization. If the function returns a Promise or an Observable, initialization
+ * does not complete until the Promise is resolved or the Observable is completed.
+ */
+const init = (): Observable<EuiServiceStatus> => {
+    const appStarter = inject(AppStarterService);
+    return appStarter.start();
+};
 
 export const appConfig: ApplicationConfig = {
     providers: [
-        importProvidersFrom(EuiCoreModule.forRoot()),
-        importProvidersFrom(TranslateModule.forRoot(translateConfig)),
-        provideHttpClient(withInterceptorsFromDi()),
         {
             provide: EUI_CONFIG_TOKEN,
-            useValue: { euiAppConfig, environment }
+            useValue: { appConfig: euiAppConfig, environment }
         },
         {
             // Sets the withCredentials on Ajax Request to send the JSESSIONID cookie to another domain.
@@ -58,16 +70,15 @@ export const appConfig: ApplicationConfig = {
             useClass: CachePreventionInterceptor,
             multi: true,
         },
-
+        provideEuiInitializer(),
+        provideAppInitializer(init),
+        provideHttpClient(withInterceptorsFromDi()),
+        importProvidersFrom(
+            EuiCoreModule.forRoot(),
+            TranslateModule.forRoot(translateConfig)
+        ),
         AppStarterService,
-        // {
-        //     provide: APP_INITIALIZER,
-        //     useFactory: (appStarterService: AppStarterService) => () => new Promise<void>((resolve) => {
-        //         appStarterService.start().subscribe(() => resolve());
-        //     }),
-        //     deps: [AppStarterService],
-        //     multi: true
-        // },
         provideRouter(routes),
+        provideAnimations(),
     ],
 };

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

@@ -1,6 +1,6 @@
 {
     "name": "eui-angular-app",
-    "version": "19.0.0-next.9",
+    "version": "19.0.0-rc.2",
     "license": "EUPL-1.1",
     "scripts": {
         "ng": "ng",

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

@@ -1,19 +1,17 @@
-import { Component, OnDestroy } from '@angular/core';
-import { Store } from '@ngrx/store';
+import { Component, OnInit, Signal } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
 import {
-    getUserState,
+    UserService,
     UserState,
-    CoreState,
 } from '@eui/core';
-import { Observable, Subscription } from 'rxjs';
-import { EclSiteHeaderComponentModule, EclSiteHeaderLoginEvent, EclSiteHeaderSearchEvent } from '@eui/ecl/components/ecl-site-header';
-import { EclMenuItemSelectEvent, EclMenuComponentModule } from '@eui/ecl/components/ecl-menu';
-import { EclAppComponentModule } from '@eui/ecl/components/ecl-app';
-import { EclIconComponentModule } from '@eui/ecl/components/ecl-icon';
-import { EclSiteFooterComponentModule } from '@eui/ecl/components/ecl-site-footer';
-import { EclBreadcrumbComponentModule } from '@eui/ecl/components/ecl-breadcrumb';
-import { EclPageHeaderComponentModule } from '@eui/ecl/components/ecl-page-header';
-import { RouterOutlet } from '@angular/router';
+import { EclAppModule } from '@eui/ecl/components/ecl-app';
+import { EclBreadcrumbModule } from '@eui/ecl/components/ecl-breadcrumb';
+import { EclIconModule } from '@eui/ecl/components/ecl-icon';
+import { EclMenuItemSelectEvent, EclMenuModule } from '@eui/ecl/components/ecl-menu';
+import { EclLinkModule } from '@eui/ecl/components/ecl-link';
+import { EclPageHeaderModule } from '@eui/ecl/components/ecl-page-header';
+import { EclSiteFooterModule } from '@eui/ecl/components/ecl-site-footer';
+import { EclSiteHeaderLoginEvent, EclSiteHeaderModule, EclSiteHeaderSearchEvent } from '@eui/ecl/components/ecl-site-header';
 import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
@@ -21,55 +19,47 @@ import { TranslateModule } from '@ngx-translate/core';
     templateUrl: './app.component.html',
     standalone: true,
     imports: [
-        EclAppComponentModule,
-        EclBreadcrumbComponentModule,
-        EclIconComponentModule,
-        EclMenuComponentModule,
-        EclPageHeaderComponentModule,
-        EclSiteHeaderComponentModule,
-        EclSiteFooterComponentModule,
+        EclAppModule,
+        EclBreadcrumbModule,
+        EclIconModule,
+        EclLinkModule,
+        EclMenuModule,
+        EclPageHeaderModule,
+        EclSiteHeaderModule,
+        EclSiteFooterModule,
         RouterOutlet,
         TranslateModule,
     ]
 })
-export class AppComponent implements OnDestroy {
-    userInfos: UserState;
-    // Observe state changes
-    userState: Observable<UserState>;
-    // an array to keep all subscriptions and easily unsubscribe
-    subs: Subscription[] = [];
+export class AppComponent implements OnInit {
 
     isLoggedIn = false;
+    userState: Signal<UserState>;
+    userInfos: UserState;
 
-    constructor(
-        private store: Store<CoreState>,
-    ) {
-        this.userState = this.store.select(getUserState);
-        this.subs.push(this.userState.subscribe((user: UserState) => {
-            this.userInfos = { ...user };
-        }));
-    }
+    constructor(private userService: UserService<UserState>,) { }
 
-    ngOnDestroy() {
-        this.subs.forEach((s: Subscription) => s.unsubscribe());
+    ngOnInit(): void {
+        this.userState = this.userService.getSignal();
+        this.userInfos = this.userState();
     }
 
-    onLogin(evt: EclSiteHeaderLoginEvent) {
+    onLogin(evt: EclSiteHeaderLoginEvent): void {
         this.isLoggedIn = true;
         console.log(evt);
     }
 
-    onLogout(evt: MouseEvent) {
+    onLogout(evt: MouseEvent): void {
         this.isLoggedIn = false;
         evt.preventDefault();
         console.log('logout');
     }
 
-    onSearch(evt: EclSiteHeaderSearchEvent) {
+    onSearch(evt: EclSiteHeaderSearchEvent): void {
         console.log(evt);
     }
 
-    onMenuItemSelected(evt: EclMenuItemSelectEvent) {
+    onMenuItemSelected(evt: EclMenuItemSelectEvent): void {
         console.log('menu item selected', evt);
     }
 }

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

@@ -1,9 +1,11 @@
-import { APP_INITIALIZER, ApplicationConfig, importProvidersFrom } from '@angular/core';
+import { inject, provideAppInitializer } from '@angular/core';
+import { ApplicationConfig, importProvidersFrom } from '@angular/core';
 import { provideRouter } from '@angular/router';
+import { Observable } from 'rxjs';
 
 import { routes } from './app.routes';
 import { AppStarterService } from './app-starter.service';
-import { EclLanguageService, EclDefaultLanguageService } from '@eui/ecl/core';
+
 import { TranslateModule } from '@ngx-translate/core';
 
 import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
@@ -15,19 +17,29 @@ import {
     CoreModule as EuiCoreModule,
     translateConfig,
     EUI_CONFIG_TOKEN,
+    provideEuiInitializer,
+    EuiServiceStatus,
 } from '@eui/core';
 
 import { appConfig as euiAppConfig} from '../config';
 import { environment } from '../environments/environment';
+import { provideAnimations } from '@angular/platform-browser/animations';
+
+/**
+ * The provided function is injected at application startup and executed during
+ * app initialization. If the function returns a Promise or an Observable, initialization
+ * does not complete until the Promise is resolved or the Observable is completed.
+ */
+const init = (): Observable<EuiServiceStatus> => {
+    const appStarter = inject(AppStarterService);
+    return appStarter.start();
+};
 
 export const appConfig: ApplicationConfig = {
     providers: [
-        importProvidersFrom(EuiCoreModule.forRoot()),
-        importProvidersFrom(TranslateModule.forRoot(translateConfig)),
-        provideHttpClient(withInterceptorsFromDi()),
         {
             provide: EUI_CONFIG_TOKEN,
-            useValue: { euiAppConfig, environment }
+            useValue: { appConfig: euiAppConfig, environment }
         },
         {
             // Sets the withCredentials on Ajax Request to send the JSESSIONID cookie to another domain.
@@ -58,12 +70,15 @@ export const appConfig: ApplicationConfig = {
             useClass: CachePreventionInterceptor,
             multi: true,
         },
-
+        provideEuiInitializer(),
+        provideAppInitializer(init),
+        provideHttpClient(withInterceptorsFromDi()),
+        importProvidersFrom(
+            EuiCoreModule.forRoot(),
+            TranslateModule.forRoot(translateConfig)
+        ),
         AppStarterService,
-        {
-            provide: EclLanguageService,
-            useClass: EclDefaultLanguageService
-        },
         provideRouter(routes),
+        provideAnimations(),
     ],
 };

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

@@ -1,16 +1,16 @@
 import { Component, Inject } from '@angular/core';
 import { CONFIG_TOKEN, EuiAppConfig } from '@eui/core';
 import { TranslateModule } from '@ngx-translate/core';
-import { EclListDirectiveModule } from '@eui/ecl/components/ecl-list';
-import { EclLinkDirectiveModule } from '@eui/ecl/components/ecl-link';
+import { EclListModule } from '@eui/ecl/components/ecl-list';
+import { EclLinkModule } from '@eui/ecl/components/ecl-link';
 
 @Component({
     templateUrl: './home.component.html',
     standalone: true,
     imports: [
         TranslateModule,
-        EclLinkDirectiveModule,
-        EclListDirectiveModule,
+        EclLinkModule,
+        EclListModule,
     ],
 })
 export class HomeComponent {

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

@@ -1,19 +1,17 @@
-import { Component, OnDestroy } from '@angular/core';
-import { Store } from '@ngrx/store';
+import { Component, OnInit, Signal } from '@angular/core';
+import { RouterOutlet } from '@angular/router';
 import {
-    getUserState,
+    UserService,
     UserState,
-    CoreState,
 } from '@eui/core';
-import { Observable, Subscription } from 'rxjs';
-import { EclSiteHeaderComponentModule, EclSiteHeaderLoginEvent, EclSiteHeaderSearchEvent } from '@eui/ecl/components/ecl-site-header';
-import { EclMenuItemSelectEvent, EclMenuComponentModule } from '@eui/ecl/components/ecl-menu';
-import { EclAppComponentModule } from '@eui/ecl/components/ecl-app';
-import { EclIconComponentModule } from '@eui/ecl/components/ecl-icon';
-import { EclSiteFooterComponentModule } from '@eui/ecl/components/ecl-site-footer';
-import { EclBreadcrumbComponentModule } from '@eui/ecl/components/ecl-breadcrumb';
-import { EclPageHeaderComponentModule } from '@eui/ecl/components/ecl-page-header';
-import { RouterOutlet } from '@angular/router';
+import { EclAppModule } from '@eui/ecl/components/ecl-app';
+import { EclBreadcrumbModule } from '@eui/ecl/components/ecl-breadcrumb';
+import { EclIconModule } from '@eui/ecl/components/ecl-icon';
+import { EclMenuItemSelectEvent, EclMenuModule } from '@eui/ecl/components/ecl-menu';
+import { EclLinkModule } from '@eui/ecl/components/ecl-link';
+import { EclPageHeaderModule } from '@eui/ecl/components/ecl-page-header';
+import { EclSiteFooterModule } from '@eui/ecl/components/ecl-site-footer';
+import { EclSiteHeaderLoginEvent, EclSiteHeaderModule, EclSiteHeaderSearchEvent } from '@eui/ecl/components/ecl-site-header';
 import { TranslateModule } from '@ngx-translate/core';
 
 @Component({
@@ -21,55 +19,47 @@ import { TranslateModule } from '@ngx-translate/core';
     templateUrl: './app.component.html',
     standalone: true,
     imports: [
-        EclAppComponentModule,
-        EclBreadcrumbComponentModule,
-        EclIconComponentModule,
-        EclMenuComponentModule,
-        EclPageHeaderComponentModule,
-        EclSiteHeaderComponentModule,
-        EclSiteFooterComponentModule,
+        EclAppModule,
+        EclBreadcrumbModule,
+        EclIconModule,
+        EclLinkModule,
+        EclMenuModule,
+        EclPageHeaderModule,
+        EclSiteHeaderModule,
+        EclSiteFooterModule,
         RouterOutlet,
         TranslateModule,
     ]
 })
-export class AppComponent implements OnDestroy {
-    userInfos: UserState;
-    // Observe state changes
-    userState: Observable<UserState>;
-    // an array to keep all subscriptions and easily unsubscribe
-    subs: Subscription[] = [];
+export class AppComponent implements OnInit {
 
     isLoggedIn = false;
+    userState: Signal<UserState>;
+    userInfos: UserState;
 
-    constructor(
-        private store: Store<CoreState>,
-    ) {
-        this.userState = this.store.select(getUserState);
-        this.subs.push(this.userState.subscribe((user: UserState) => {
-            this.userInfos = { ...user };
-        }));
-    }
+    constructor(private userService: UserService<UserState>,) { }
 
-    ngOnDestroy() {
-        this.subs.forEach((s: Subscription) => s.unsubscribe());
+    ngOnInit(): void {
+        this.userState = this.userService.getSignal();
+        this.userInfos = this.userState();
     }
 
-    onLogin(evt: EclSiteHeaderLoginEvent) {
+    onLogin(evt: EclSiteHeaderLoginEvent): void {
         this.isLoggedIn = true;
         console.log(evt);
     }
 
-    onLogout(evt: MouseEvent) {
+    onLogout(evt: MouseEvent): void {
         this.isLoggedIn = false;
         evt.preventDefault();
         console.log('logout');
     }
 
-    onSearch(evt: EclSiteHeaderSearchEvent) {
+    onSearch(evt: EclSiteHeaderSearchEvent): void {
         console.log(evt);
     }
 
-    onMenuItemSelected(evt: EclMenuItemSelectEvent) {
+    onMenuItemSelected(evt: EclMenuItemSelectEvent): void {
         console.log('menu item selected', evt);
     }
 }

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

@@ -1,9 +1,11 @@
-import { APP_INITIALIZER, ApplicationConfig, importProvidersFrom } from '@angular/core';
+import { inject, provideAppInitializer } from '@angular/core';
+import { ApplicationConfig, importProvidersFrom } from '@angular/core';
 import { provideRouter } from '@angular/router';
+import { Observable } from 'rxjs';
 
 import { routes } from './app.routes';
 import { AppStarterService } from './app-starter.service';
-import { EclLanguageService, EclDefaultLanguageService } from '@eui/ecl/core';
+
 import { TranslateModule } from '@ngx-translate/core';
 
 import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
@@ -15,19 +17,29 @@ import {
     CoreModule as EuiCoreModule,
     translateConfig,
     EUI_CONFIG_TOKEN,
+    provideEuiInitializer,
+    EuiServiceStatus,
 } from '@eui/core';
 
 import { appConfig as euiAppConfig} from '../config';
 import { environment } from '../environments/environment';
+import { provideAnimations } from '@angular/platform-browser/animations';
+
+/**
+ * The provided function is injected at application startup and executed during
+ * app initialization. If the function returns a Promise or an Observable, initialization
+ * does not complete until the Promise is resolved or the Observable is completed.
+ */
+const init = (): Observable<EuiServiceStatus> => {
+    const appStarter = inject(AppStarterService);
+    return appStarter.start();
+};
 
 export const appConfig: ApplicationConfig = {
     providers: [
-        importProvidersFrom(EuiCoreModule.forRoot()),
-        importProvidersFrom(TranslateModule.forRoot(translateConfig)),
-        provideHttpClient(withInterceptorsFromDi()),
         {
             provide: EUI_CONFIG_TOKEN,
-            useValue: { euiAppConfig, environment }
+            useValue: { appConfig: euiAppConfig, environment }
         },
         {
             // Sets the withCredentials on Ajax Request to send the JSESSIONID cookie to another domain.
@@ -58,12 +70,15 @@ export const appConfig: ApplicationConfig = {
             useClass: CachePreventionInterceptor,
             multi: true,
         },
-
+        provideEuiInitializer(),
+        provideAppInitializer(init),
+        provideHttpClient(withInterceptorsFromDi()),
+        importProvidersFrom(
+            EuiCoreModule.forRoot(),
+            TranslateModule.forRoot(translateConfig)
+        ),
         AppStarterService,
-        {
-            provide: EclLanguageService,
-            useClass: EclDefaultLanguageService
-        },
         provideRouter(routes),
+        provideAnimations(),
     ],
 };

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

@@ -1,16 +1,16 @@
 import { Component, Inject } from '@angular/core';
 import { CONFIG_TOKEN, EuiAppConfig } from '@eui/core';
 import { TranslateModule } from '@ngx-translate/core';
-import { EclListDirectiveModule } from '@eui/ecl/components/ecl-list';
-import { EclLinkDirectiveModule } from '@eui/ecl/components/ecl-link';
+import { EclListModule } from '@eui/ecl/components/ecl-list';
+import { EclLinkModule } from '@eui/ecl/components/ecl-link';
 
 @Component({
     templateUrl: './home.component.html',
     standalone: true,
     imports: [
         TranslateModule,
-        EclLinkDirectiveModule,
-        EclListDirectiveModule,
+        EclLinkModule,
+        EclListModule,
     ],
 })
 export class HomeComponent {

package/lib/skeletons/web-symfony/myapp-web/package.json

@@ -1,6 +1,6 @@
 {
     "name": "eui-angular-app",
-    "version": "19.0.0-next.9",
+    "version": "19.0.0-rc.2",
     "license": "EUPL-1.1",
     "description": "eUI JEE Symfony app scripts",
     "scripts": {
@@ -18,6 +18,6 @@
     },
     "private": true,
     "dependencies": {
-        "@eui/deps-base": "19.0.0-next.9"
+        "@eui/deps-base": "19.0.0-rc.2"
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@eui/cli",
-    "version": "19.0.0-next.9",
+    "version": "19.0.0-rc.2",
     "tag": "next",
     "license": "EUPL-1.1",
     "description": "eUI CLI app generator",
@@ -13,7 +13,7 @@
         "url": "https://citnet.tech.ec.europa.eu/CITnet/stash/projects/CSDR/repos/eui"
     },
     "dependencies": {
-        "@eui/tools": "6.21.8"
+        "@eui/tools": "6.21.11"
     },
     "peerDependencies": {
         "@eui/tools": "^6.0.0",