@eui/cli 19.0.0-next.3 → 19.0.0-next.5

package/.version.properties

@@ -1 +1 @@
-19.0.0-next.3
+19.0.0-next.5

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

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

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

@@ -3,7 +3,7 @@ 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-routing.module';
+import {routes} from './app.routes';
 import { provideHttpClientTesting } from '@angular/common/http/testing';
 
 describe('AppComponent', () => {

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

@@ -1,8 +1,17 @@
 import { Component } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { CoreModule } from './core/core.module';
 
 @Component({
     selector: 'app-root',
     templateUrl: './app.component.html',
+    standalone: true,
+    imports: [
+        BrowserModule,
+        BrowserAnimationsModule,
+        CoreModule,
+    ],
 })
 export class AppComponent {
     sidebarItems = [

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

@@ -0,0 +1,20 @@
+import { APP_INITIALIZER, ApplicationConfig } from '@angular/core';
+import { provideRouter } from '@angular/router';
+
+import { routes } from './app.routes';
+import { AppStarterService } from './app-starter.service';
+
+export const appConfig: ApplicationConfig = {
+    providers: [
+        AppStarterService,
+        {
+            provide: APP_INITIALIZER,
+            useFactory: (appStarterService: AppStarterService) => () => new Promise<void>((resolve) => {
+                appStarterService.start().subscribe(() => resolve());
+            }),
+            deps: [AppStarterService],
+            multi: true
+        },
+        provideRouter(routes),
+    ],
+};

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

@@ -0,0 +1,9 @@
+import { Routes } from '@angular/router';
+
+export const routes: Routes = [
+    { path: '', redirectTo: 'screen/home', pathMatch: 'full' },
+    { path: 'index.jsp', redirectTo: 'screen/home' },
+    { path: 'screen/home', loadChildren: () => import('./features/home/home.routes').then(m => m.HOME_ROUTES) },
+    { path: 'screen/module1', loadChildren: () => import('./features/module1/module1.routes').then(m => m.MODULE1_ROUTES) },
+    { path: 'screen/module2', loadChildren: () => import('./features/module2/module2.routes').then(m => m.MODULE2_ROUTES) },
+];

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

@@ -85,6 +85,4 @@ import { SharedModule } from '@shared/shared.module';
         },
     ]
 })
-export class CoreModule {
-
-}
+export class CoreModule {}

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

@@ -1,9 +1,13 @@
 import { Component, Inject } from '@angular/core';
-import { CONFIG_TOKEN } from '@eui/core';
-import { EuiAppConfig } from '@eui/core';
+import { CONFIG_TOKEN, EuiAppConfig } from '@eui/core';
+import { EuiPageModule } from '@eui/components/eui-page';
 
 @Component({
     templateUrl: './home.component.html',
+    standalone: true,
+    imports: [
+        EuiPageModule,
+    ],
 })
 export class HomeComponent {
     constructor(@Inject(CONFIG_TOKEN) private config: EuiAppConfig) {

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

@@ -0,0 +1,6 @@
+import { Routes } from '@angular/router';
+import { HomeComponent } from './home.component';
+
+export const HOME_ROUTES: Routes = [
+    { path: '', component: HomeComponent },
+];

package/lib/skeletons/_angular/base/src/app/features/module1/components/page1/page1.component.ts

@@ -1,7 +1,11 @@
 import { Component } from '@angular/core';
+import { EuiPageModule } from '@eui/components/eui-page';
 
 @Component({
-    templateUrl: './page1.component.html'
+    templateUrl: './page1.component.html',
+    standalone: true,
+    imports: [
+        EuiPageModule,
+    ],
 })
-export class Page1Component {
-}
+export class Page1Component {}

package/lib/skeletons/_angular/base/src/app/features/module1/components/page2/page2.component.ts

@@ -1,7 +1,11 @@
 import { Component } from '@angular/core';
+import { EuiPageModule } from '@eui/components/eui-page';
 
 @Component({
-    templateUrl: './page2.component.html'
+    templateUrl: './page2.component.html',
+    standalone: true,
+    imports: [
+        EuiPageModule,
+    ],
 })
-export class Page2Component {
-}
+export class Page2Component {}

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

@@ -1,8 +1,11 @@
 import { Component } from '@angular/core';
+import { EuiPageModule } from '@eui/components/eui-page';
 
 @Component({
     templateUrl: './module1.component.html',
+    standalone: true,
+    imports: [
+        EuiPageModule,
+    ],
 })
-export class Module1Component {
-
-}
+export class Module1Component {}

package/lib/skeletons/_angular/base/src/app/features/module1/{module1-routing.module.ts → module1.routes.ts}

@@ -1,18 +1,10 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
+import { Routes } from '@angular/router';
 import { Page1Component } from './components/page1/page1.component';
 import { Page2Component } from './components/page2/page2.component';
 import { Module1Component } from './module1.component';
 
-const routes: Routes = [
+export const MODULE1_ROUTES: Routes = [
     { path: '', component: Module1Component },
     { path: 'page1', component: Page1Component },
     { path: 'page2', component: Page2Component },
 ];
-
-@NgModule({
-    imports: [
-        RouterModule.forChild(routes)
-    ],
-})
-export class Module1RoutingModule {}

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

@@ -1,7 +1,11 @@
 import { Component } from '@angular/core';
+import { EuiPageModule } from '@eui/components/eui-page';
 
 @Component({
-    templateUrl: './module2.component.html'
+    templateUrl: './module2.component.html',
+    standalone: true,
+    imports: [
+        EuiPageModule,
+    ],
 })
-export class Module2Component {
-}
+export class Module2Component {}

package/lib/skeletons/_angular/base/src/app/features/module2/module2.routes.ts

@@ -0,0 +1,6 @@
+import { Routes } from '@angular/router';
+import { Module2Component } from './module2.component';
+
+export const MODULE2_ROUTES: Routes = [
+    { path: '', component: Module2Component },
+];

package/lib/skeletons/_angular/base/src/main.ts

@@ -1,19 +1,16 @@
-import { enableProdMode } from "@angular/core";
-import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
-import { preInitApp } from "@eui/core";
-
-import { AppModule } from "./app/app.module";
-import { environment } from "./environments/environment";
+import { enableProdMode } from '@angular/core';
+import { preInitApp } from '@eui/core';
+import { environment } from './environments/environment';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { AppComponent } from './app/app.component';
+import { appConfig } from './app/app.config';
 
 if (environment.production) {
     enableProdMode();
 }
 
 preInitApp(environment).then(() =>
-    platformBrowserDynamic()
-        .bootstrapModule(AppModule)
-        .catch((err) => console.error(err))
-);
+    bootstrapApplication(AppComponent, appConfig).catch((err) => console.error(err)));
 
 declare global {
     interface Window {

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

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

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

@@ -6,16 +6,13 @@ import {
     CoreState,
 } from '@eui/core';
 import { Observable, Subscription } from 'rxjs';
-
-import {
-    EclMenuItemSelectEvent,
-    EclSiteHeaderLoginEvent,
-    EclSiteHeaderSearchEvent,
-} from '@eui/ecl';
+import { EclSiteHeaderLoginEvent, EclSiteHeaderSearchEvent } from '@eui/ecl/components/ecl-site-header';
+import { EclMenuItemSelectEvent } from '@eui/ecl/components/ecl-menu';
 
 @Component({
     selector: 'app-root',
     templateUrl: './app.component.html',
+    standalone: true,
 })
 export class AppComponent implements OnDestroy {
     userInfos: UserState;

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

@@ -6,16 +6,13 @@ import {
     CoreState,
 } from '@eui/core';
 import { Observable, Subscription } from 'rxjs';
-
-import {
-    EclMenuItemSelectEvent,
-    EclSiteHeaderLoginEvent,
-    EclSiteHeaderSearchEvent,
-} from '@eui/ecl';
+import { EclSiteHeaderLoginEvent, EclSiteHeaderSearchEvent } from '@eui/ecl/components/ecl-site-header';
+import { EclMenuItemSelectEvent } from '@eui/ecl/components/ecl-menu';
 
 @Component({
     selector: 'app-root',
     templateUrl: './app.component.html',
+    standalone: true,
 })
 export class AppComponent implements OnDestroy {
     userInfos: UserState;

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

@@ -1,6 +1,6 @@
 {
     "name": "eui-angular-app",
-    "version": "19.0.0-next.3",
+    "version": "19.0.0-next.5",
     "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.3"
+        "@eui/deps-base": "19.0.0-next.5"
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@eui/cli",
-    "version": "19.0.0-next.3",
+    "version": "19.0.0-next.5",
     "tag": "next",
     "license": "EUPL-1.1",
     "description": "eUI CLI app generator",

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

@@ -1,17 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-
-export const routes: Routes = [
-    { path: '', redirectTo: 'screen/home', pathMatch: 'full' },
-    { path: 'index.jsp', redirectTo: 'screen/home' },
-    { path: 'screen/home', loadChildren: () => import('./features/home/home.module').then(m => m.Module) },
-    { path: 'screen/module1', loadChildren: () => import('./features/module1/module1.module').then(m => m.Module) },
-    { path: 'screen/module2', loadChildren: () => import('./features/module2/module2.module').then(m => m.Module) },
-];
-
-@NgModule({
-    imports: [
-        RouterModule.forRoot(routes),
-    ],
-})
-export class AppRoutingModule {}

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

@@ -1,31 +0,0 @@
-import {TestBed} from '@angular/core/testing';
-import {AppModule} from './app.module';
-import {AppStarterService} from './app-starter.service';
-import {of} from 'rxjs';
-
-describe('AppModule', () => {
-    let appStarterService: AppStarterService;
-
-    beforeAll(() => {
-        TestBed.resetTestingModule()
-    });
-
-    beforeEach(async () => {
-        const appStarterServiceMock = {
-            start: jasmine.createSpy('start').and.returnValue(of(null)),
-        };
-        await TestBed.configureTestingModule({
-            imports: [AppModule],
-            providers: [
-                {provide: AppStarterService, useValue: appStarterServiceMock},
-            ],
-        }).compileComponents();
-
-        appStarterService = TestBed.inject(AppStarterService);
-    });
-
-    it('should call start method of AppStarterService', () => {
-        expect(appStarterService.start).toHaveBeenCalled();
-    });
-
-});

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

@@ -1,35 +0,0 @@
-import { BrowserModule } from '@angular/platform-browser';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { APP_INITIALIZER, NgModule } from '@angular/core';
-
-import { AppRoutingModule } from './app-routing.module';
-import { AppComponent } from './app.component';
-import { CoreModule } from './core/core.module';
-import { AppStarterService } from './app-starter.service';
-
-@NgModule({
-    declarations: [
-        AppComponent,
-    ],
-    imports: [
-        BrowserModule,
-        BrowserAnimationsModule,
-        CoreModule,
-        AppRoutingModule,
-    ],
-    providers: [
-        AppStarterService,
-        {
-            provide: APP_INITIALIZER,
-            useFactory: (appStarterService: AppStarterService) => () => new Promise<void>((resolve) => {
-                    appStarterService.start().subscribe(() => resolve());
-                }),
-            deps: [AppStarterService],
-            multi: true
-        },
-    ],
-    bootstrap: [
-        AppComponent,
-    ],
-})
-export class AppModule {}

package/lib/skeletons/_angular/base/src/app/features/home/home-routing.module.ts

@@ -1,15 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-
-import { HomeComponent } from './home.component';
-
-const routes: Routes = [
-    { path: '', component: HomeComponent },
-];
-
-@NgModule({
-    imports: [
-        RouterModule.forChild(routes)
-    ],
-})
-export class HomeRoutingModule {}

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

@@ -1,18 +0,0 @@
-import { NgModule } from '@angular/core';
-
-import { SharedModule } from '@shared/shared.module';
-
-import { HomeRoutingModule } from './home-routing.module';
-
-import { HomeComponent } from './home.component';
-
-@NgModule({
-    imports: [
-        SharedModule,
-        HomeRoutingModule,
-    ],
-    declarations: [
-        HomeComponent,
-    ],
-})
-export class Module {}

package/lib/skeletons/_angular/base/src/app/features/module1/module1.module.ts

@@ -1,21 +0,0 @@
-import { NgModule } from '@angular/core';
-import { Module1RoutingModule } from './module1-routing.module';
-import { Module1Component } from './module1.component';
-import { Page1Component } from './components/page1/page1.component';
-import { Page2Component } from './components/page2/page2.component';
-
-import { SharedModule } from '@shared/shared.module';
-
-@NgModule({
-    imports: [
-        SharedModule,
-        Module1RoutingModule,
-    ],
-    declarations: [
-        Module1Component,
-        Page1Component,
-        Page2Component,
-    ],
-})
-export class Module {
-}

package/lib/skeletons/_angular/base/src/app/features/module2/module2-routing.module.ts

@@ -1,16 +0,0 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-import { Module2Component } from './module2.component';
-
-const routes: Routes = [
-    { path: '', component: Module2Component },
-];
-
-@NgModule({
-    imports: [
-        RouterModule.forChild([
-            { path: '', component: Module2Component }
-        ])
-    ],
-})
-export class Module2RoutingModule {}

package/lib/skeletons/_angular/base/src/app/features/module2/module2.module.ts

@@ -1,17 +0,0 @@
-import { NgModule } from '@angular/core';
-import { Module2RoutingModule } from './module2-routing.module';
-import { Module2Component } from './module2.component';
-
-import { SharedModule } from '@shared/shared.module';
-
-@NgModule({
-    imports: [
-        SharedModule,
-        Module2RoutingModule,
-    ],
-    declarations: [
-        Module2Component,
-    ],
-})
-export class Module {
-}

package/lib/skeletons/_angular/base/src/app/shared/shared.module.ts

@@ -1,45 +0,0 @@
-// Angular
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-
-// Common 3rd party module used accross the app
-import { TranslateModule } from '@ngx-translate/core';
-
-// eUI specific modules - commonly used accross the app - prefered way
-// keep here to avoid imports within features modules
-import { EuiPageModule } from '@eui/components/eui-page';
-import { EuiIconModule } from '@eui/components/eui-icon';
-import { EuiUserProfileModule } from '@eui/components/eui-user-profile';
-import { EuiLanguageSelectorModule } from '@eui/components/eui-language-selector';
-
-// import ALL eUI components
-// import { EuiAllModule } from '@eui/components';
-
-const MODULES = [
-    CommonModule,
-    FormsModule, ReactiveFormsModule,
-
-    TranslateModule,
-
-    // put here commonly used eUI modules components throughout the application
-    EuiPageModule,
-    EuiIconModule,
-    EuiUserProfileModule,
-    EuiLanguageSelectorModule,
-
-    // in case of you really want to import all eUI components, see commented imports above
-    // EuiAllModule,
-];
-
-@NgModule({
-    imports: [
-        ...MODULES,
-    ],
-    declarations: [
-    ],
-    exports: [
-        ...MODULES,
-    ]
-})
-export class SharedModule {}