@eui/cli 15.4.0 → 15.4.1

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

@@ -1,33 +1,33 @@
-{
-    "$schema": "./node_modules/@angular/service-worker/config/schema.json",
-    "index": "/index.html",
-    "appData": {
-        "version": "1.1.2"
-    },
-    "assetGroups": [
-        {
-            "name": "app",
-            "installMode": "prefetch",
-            "resources": {
-                "files": [
-                    "/favicon.ico",
-                    "/index.html",
-                    "/manifest.webmanifest",
-                    "/*.css",
-                    "/*.js"
-                ]
-            }
-        },
-        {
-            "name": "assets",
-            "installMode": "lazy",
-            "updateMode": "prefetch",
-            "resources": {
-                "files": [
-                    "/assets/**",
-                    "/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
-                ]
-            }
-        }
-    ]
-}
+{
+    "$schema": "./node_modules/@angular/service-worker/config/schema.json",
+    "index": "/index.html",
+    "appData": {
+        "version": "1.1.2"
+    },
+    "assetGroups": [
+        {
+            "name": "app",
+            "installMode": "prefetch",
+            "resources": {
+                "files": [
+                    "/favicon.ico",
+                    "/index.html",
+                    "/manifest.webmanifest",
+                    "/*.css",
+                    "/*.js"
+                ]
+            }
+        },
+        {
+            "name": "assets",
+            "installMode": "lazy",
+            "updateMode": "prefetch",
+            "resources": {
+                "files": [
+                    "/assets/**",
+                    "/*.(eot|svg|cur|jpg|png|webp|gif|otf|ttf|woff|woff2|ani)"
+                ]
+            }
+        }
+    ]
+}

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

@@ -1,29 +1,29 @@
-{
-    "name": "eui-angular-app",
-    "version": "15.4.0",
-    "license": "EUPL-1.1",
-    "scripts": {
-        "ng": "ng",
-        "start-mock-server": "nodemon --watch ./mock ./mock/server.js",
-        "start-serve": "eui-scripts serve-app --configuration=proxy-mock",
-        "start": "npm-run-all --parallel start-mock-server start-serve",
-        "start-proxy": "eui-scripts serve-app --configuration=proxy",
-        "start-local": "eui-scripts serve-app",
-        "build": "eui-scripts build-app",
-        "build-dev": "eui-scripts build-app --configuration=development --configEnvTarget=DEV",
-        "build-prod": "eui-scripts build-app --configuration=production-optimized --configEnvTarget=PROD",
-        "build-prod-skip-test": "eui-scripts build-app --configuration=production-optimized --configEnvTarget=PROD --skipTest",
-        "build-prod-stats": "eui-scripts build-app --configuration=production-optimized --configEnvTarget=PROD --statsJson",
-        "app:build": "eui-scripts build-app",
-        "app:inject-config": "eui-scripts inject-config-app",
-        "generate-changelog": "eui-scripts generate-changelog"
-    },
-    "private": true,
-    "dependencies": {
-        "@eui/deps-base": "15.4.0",
-        "@eui/mobile-core": "15.1.0",
-        "@eui/mobile-styles": "15.1.0",
-        "@eui/ecl-core": "14.1.4"
-    },
-    "resolutions": {}
+{
+    "name": "eui-angular-app",
+    "version": "15.4.1-snapshot-1690986565745",
+    "license": "EUPL-1.1",
+    "scripts": {
+        "ng": "ng",
+        "start-mock-server": "nodemon --watch ./mock ./mock/server.js",
+        "start-serve": "eui-scripts serve-app --configuration=proxy-mock",
+        "start": "npm-run-all --parallel start-mock-server start-serve",
+        "start-proxy": "eui-scripts serve-app --configuration=proxy",
+        "start-local": "eui-scripts serve-app",
+        "build": "eui-scripts build-app",
+        "build-dev": "eui-scripts build-app --configuration=development --configEnvTarget=DEV",
+        "build-prod": "eui-scripts build-app --configuration=production-optimized --configEnvTarget=PROD",
+        "build-prod-skip-test": "eui-scripts build-app --configuration=production-optimized --configEnvTarget=PROD --skipTest",
+        "build-prod-stats": "eui-scripts build-app --configuration=production-optimized --configEnvTarget=PROD --statsJson",
+        "app:build": "eui-scripts build-app",
+        "app:inject-config": "eui-scripts inject-config-app",
+        "generate-changelog": "eui-scripts generate-changelog"
+    },
+    "private": true,
+    "dependencies": {
+        "@eui/deps-base": "15.4.1-snapshot-1690986565745",
+        "@eui/mobile-core": "15.1.0",
+        "@eui/mobile-styles": "15.1.0",
+        "@eui/ecl-core": "14.1.4"
+    },
+    "resolutions": {}
 }

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

@@ -1,17 +1,17 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, Routes } from '@angular/router';
-
-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 {}
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+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-mobile/src/app/app-starter.service.ts

@@ -1,73 +1,73 @@
-import { Inject, Injectable } from '@angular/core';
-import {
-    CONFIG_TOKEN,
-    UserService,
-    EuiAppConfig,
-    UserDetails,
-    UserPreferences,
-    I18nService,
-} from '@eui/core';
-import { HttpClient } from '@angular/common/http';
-import { Observable, of, zip, catchError } from 'rxjs';
-import { switchMap } from 'rxjs/operators';
-
-@Injectable({
-    providedIn: 'root',
-})
-export class AppStarterService {
-    defaultUserPreferences: UserPreferences;
-
-    constructor(
-        protected userService: UserService,
-        protected i18nService: I18nService,
-        @Inject(CONFIG_TOKEN) private config: EuiAppConfig,
-        protected http: HttpClient,
-    ) {
-    }
-
-    start(): Observable<any> {
-
-        return zip(
-            this.initUserService().pipe(
-                switchMap((userStatus) => {
-                    return this.i18nService.init();
-                }),
-            ),
-        );
-    }
-
-    /**
-     * Fetches user details,
-     * create user: UserState object
-     * then initialise to the UserService on run time
-     */
-    initUserService(): Observable<any> {
-        return zip(
-            this.fetchUserDetails(),
-        ).pipe(
-            switchMap(([userDetails]) => {
-                return this.userService.init(userDetails);
-            }),
-            catchError((err) => {
-                return of(null);
-            })
-        );
-    }
-
-    /**
-     * Fetches user details
-     */
-    private fetchUserDetails(): Observable<UserDetails> {
-        // 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' };
-
-        if (!url) {
-            return of(user);
-        }
-
-        return this.http.get<UserDetails>(url)
-            .pipe(catchError(err => { return of(null); }));
-    }
-}
+import { Inject, Injectable } from '@angular/core';
+import {
+    CONFIG_TOKEN,
+    UserService,
+    EuiAppConfig,
+    UserDetails,
+    UserPreferences,
+    I18nService,
+} from '@eui/core';
+import { HttpClient } from '@angular/common/http';
+import { Observable, of, zip, catchError } from 'rxjs';
+import { switchMap } from 'rxjs/operators';
+
+@Injectable({
+    providedIn: 'root',
+})
+export class AppStarterService {
+    defaultUserPreferences: UserPreferences;
+
+    constructor(
+        protected userService: UserService,
+        protected i18nService: I18nService,
+        @Inject(CONFIG_TOKEN) private config: EuiAppConfig,
+        protected http: HttpClient,
+    ) {
+    }
+
+    start(): Observable<any> {
+
+        return zip(
+            this.initUserService().pipe(
+                switchMap((userStatus) => {
+                    return this.i18nService.init();
+                }),
+            ),
+        );
+    }
+
+    /**
+     * Fetches user details,
+     * create user: UserState object
+     * then initialise to the UserService on run time
+     */
+    initUserService(): Observable<any> {
+        return zip(
+            this.fetchUserDetails(),
+        ).pipe(
+            switchMap(([userDetails]) => {
+                return this.userService.init(userDetails);
+            }),
+            catchError((err) => {
+                return of(null);
+            })
+        );
+    }
+
+    /**
+     * Fetches user details
+     */
+    private fetchUserDetails(): Observable<UserDetails> {
+        // 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' };
+
+        if (!url) {
+            return of(user);
+        }
+
+        return this.http.get<UserDetails>(url)
+            .pipe(catchError(err => { return of(null); }));
+    }
+}

package/lib/skeletons/_angular/base-mobile/src/app/app.component.html

@@ -1,27 +1,27 @@
-<euim-app>
-    <euim-app-sidebar>
-        <euim-app-sidebar-header>
-            <euim-user-profile>
-                <euim-user-profile-avatar>
-                    <euim-avatar-icon color="primary" size="m" fill="solid">
-                        <ion-icon icon="person-circle"></ion-icon>
-                    </euim-avatar-icon>
-                </euim-user-profile-avatar>
-                <euim-user-profile-infos >
-                    <euim-user-profile-infos-item>
-                        <p euimLabel></p>
-                    </euim-user-profile-infos-item>
-                    <euim-user-profile-infos-item>
-                        <p euimLabel></p>
-                    </euim-user-profile-infos-item>
-                </euim-user-profile-infos>
-                <euim-user-profile-action>
-                    <euim-language-selector euimPrimary></euim-language-selector>
-                </euim-user-profile-action>
-            </euim-user-profile>
-        </euim-app-sidebar-header>
-
-        <euim-app-sidebar-menu [items]="sidebarItems" (itemClick)="onItemClick($event)"></euim-app-sidebar-menu>
-
-    </euim-app-sidebar>
-</euim-app>
+<euim-app>
+    <euim-app-sidebar>
+        <euim-app-sidebar-header>
+            <euim-user-profile>
+                <euim-user-profile-avatar>
+                    <euim-avatar-icon color="primary" size="m" fill="solid">
+                        <ion-icon icon="person-circle"></ion-icon>
+                    </euim-avatar-icon>
+                </euim-user-profile-avatar>
+                <euim-user-profile-infos >
+                    <euim-user-profile-infos-item>
+                        <p euimLabel></p>
+                    </euim-user-profile-infos-item>
+                    <euim-user-profile-infos-item>
+                        <p euimLabel></p>
+                    </euim-user-profile-infos-item>
+                </euim-user-profile-infos>
+                <euim-user-profile-action>
+                    <euim-language-selector euimPrimary></euim-language-selector>
+                </euim-user-profile-action>
+            </euim-user-profile>
+        </euim-app-sidebar-header>
+
+        <euim-app-sidebar-menu [items]="sidebarItems" (itemClick)="onItemClick($event)"></euim-app-sidebar-menu>
+
+    </euim-app-sidebar>
+</euim-app>

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

@@ -1,55 +1,55 @@
-import { Component, OnDestroy, OnInit } from '@angular/core';
-import { Store } from '@ngrx/store';
-import {
-    getUserState,
-    UserState,
-} from '@eui/core';
-import { Observable, Subscription } from 'rxjs';
-import { EuimMenuItem } from '@eui/mobile-core';
-
-@Component({
-    selector: 'app-root',
-    templateUrl: './app.component.html',
-})
-export class AppComponent implements OnInit, OnDestroy {
-    userInfos: UserState;
-    // Observe state changes
-    userState: Observable<UserState>;
-    // an array to keep all subscriptions and easily unsubscribe
-    subs: Subscription[] = [];
-
-    sidebarItems = [
-        { label: 'Home', url: 'screen/home', iconClass: 'eui-icon-home' },
-        { label: 'Module 1', url: 'screen/module1', iconClass: 'eui-icon-work', children: [
-            { label: 'page 1', url: 'screen/module1/page1' },
-            { label: 'page 2', url: 'screen/module1/page2' },
-        ] },
-        { label: 'Module 2', url: 'screen/module2', iconClass: 'eui-icon-work' },
-    ];
-    notificationItems = [
-        { label: 'Title label 1', subLabel: 'Subtitle label' },
-        { label: 'Title label 2', subLabel: 'Subtitle label' },
-        { label: 'Title label 3', subLabel: 'Subtitle label' },
-        { label: 'Title label 4', subLabel: 'Subtitle label' },
-    ];
-
-    constructor(
-        private store: Store<any>,
-    ) {
-            this.userState = this.store.select(getUserState);
-            this.subs.push(this.userState.subscribe((user: UserState) => {
-                this.userInfos = { ...user };
-            }));
-    }
-
-    ngOnInit() {
-    }
-
-    ngOnDestroy() {
-        this.subs.forEach((s: Subscription) => s.unsubscribe());
-    }
-
-    onItemClick(item: EuimMenuItem) {
-        // Handle any menu item click
-    }
-}
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { Store } from '@ngrx/store';
+import {
+    getUserState,
+    UserState,
+} from '@eui/core';
+import { Observable, Subscription } from 'rxjs';
+import { EuimMenuItem } from '@eui/mobile-core';
+
+@Component({
+    selector: 'app-root',
+    templateUrl: './app.component.html',
+})
+export class AppComponent implements OnInit, OnDestroy {
+    userInfos: UserState;
+    // Observe state changes
+    userState: Observable<UserState>;
+    // an array to keep all subscriptions and easily unsubscribe
+    subs: Subscription[] = [];
+
+    sidebarItems = [
+        { label: 'Home', url: 'screen/home', iconClass: 'eui-icon-home' },
+        { label: 'Module 1', url: 'screen/module1', iconClass: 'eui-icon-work', children: [
+            { label: 'page 1', url: 'screen/module1/page1' },
+            { label: 'page 2', url: 'screen/module1/page2' },
+        ] },
+        { label: 'Module 2', url: 'screen/module2', iconClass: 'eui-icon-work' },
+    ];
+    notificationItems = [
+        { label: 'Title label 1', subLabel: 'Subtitle label' },
+        { label: 'Title label 2', subLabel: 'Subtitle label' },
+        { label: 'Title label 3', subLabel: 'Subtitle label' },
+        { label: 'Title label 4', subLabel: 'Subtitle label' },
+    ];
+
+    constructor(
+        private store: Store<any>,
+    ) {
+            this.userState = this.store.select(getUserState);
+            this.subs.push(this.userState.subscribe((user: UserState) => {
+                this.userInfos = { ...user };
+            }));
+    }
+
+    ngOnInit() {
+    }
+
+    ngOnDestroy() {
+        this.subs.forEach((s: Subscription) => s.unsubscribe());
+    }
+
+    onItemClick(item: EuimMenuItem) {
+        // Handle any menu item click
+    }
+}

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

@@ -1,44 +1,44 @@
-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';
-import { ServiceWorkerModule } from '@angular/service-worker';
-
-@NgModule({
-    declarations: [
-        AppComponent,
-    ],
-    imports: [
-        BrowserModule,
-        BrowserAnimationsModule,
-        CoreModule,
-        AppRoutingModule,
-        ServiceWorkerModule.register('ngsw-worker.js', {
-            enabled: false,
-            // Register the ServiceWorker as soon as the app is stable
-            // or after 30 seconds (whichever comes first).
-            registrationStrategy: 'registerWhenStable:30000'
-        }),
-    ],
-    providers: [
-        AppStarterService,
-        {
-            provide: APP_INITIALIZER,
-            useFactory: (appStarterService) => {
-                return () => new Promise<void>((resolve) => {
-                    appStarterService.start().subscribe(() => resolve());
-                });
-            },
-            deps: [AppStarterService],
-            multi: true
-        },
-    ],
-    bootstrap: [
-        AppComponent,
-    ],
-})
-export class AppModule {}
+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';
+import { ServiceWorkerModule } from '@angular/service-worker';
+
+@NgModule({
+    declarations: [
+        AppComponent,
+    ],
+    imports: [
+        BrowserModule,
+        BrowserAnimationsModule,
+        CoreModule,
+        AppRoutingModule,
+        ServiceWorkerModule.register('ngsw-worker.js', {
+            enabled: false,
+            // Register the ServiceWorker as soon as the app is stable
+            // or after 30 seconds (whichever comes first).
+            registrationStrategy: 'registerWhenStable:30000'
+        }),
+    ],
+    providers: [
+        AppStarterService,
+        {
+            provide: APP_INITIALIZER,
+            useFactory: (appStarterService) => {
+                return () => new Promise<void>((resolve) => {
+                    appStarterService.start().subscribe(() => resolve());
+                });
+            },
+            deps: [AppStarterService],
+            multi: true
+        },
+    ],
+    bootstrap: [
+        AppComponent,
+    ],
+})
+export class AppModule {}