@eui/cli 15.4.1 → 15.4.2

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

@@ -1,35 +1,35 @@
-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) => () => 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';
+
+@NgModule({
+    declarations: [
+        AppComponent,
+    ],
+    imports: [
+        BrowserModule,
+        BrowserAnimationsModule,
+        CoreModule,
+        AppRoutingModule,
+    ],
+    providers: [
+        AppStarterService,
+        {
+            provide: APP_INITIALIZER,
+            useFactory: (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/core/core.module.ts

@@ -1,87 +1,87 @@
-import { NgModule } from '@angular/core';
-import { TranslateModule } from '@ngx-translate/core';
-import { StoreModule } from '@ngrx/store';
-import { EffectsModule } from '@ngrx/effects';
-import { StoreDevtoolsModule } from '@ngrx/store-devtools';
-import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
-import {
-    CachePreventionInterceptor,
-    CorsSecurityInterceptor,
-    CsrfPreventionInterceptor,
-    EuLoginSessionTimeoutHandlingInterceptor,
-    CoreModule as EuiCoreModule,
-    translateConfig,
-    CoreModuleEffects,
-    EUI_CONFIG_TOKEN,
-} from '@eui/core';
-import { EuiLayoutModule } from '@eui/components/layout';
-
-import { appConfig } from '../../config/index';
-import { environment } from '../../environments/environment';
-
-import { REDUCER_TOKEN, getReducers, metaReducers } from './reducers/index';
-
-import { SharedModule } from '@shared/shared.module';
-
-@NgModule({
-    imports: [
-        EuiLayoutModule,
-        SharedModule,
-        HttpClientModule,
-        EuiCoreModule.forRoot(),
-        EffectsModule.forRoot([...CoreModuleEffects]),
-        TranslateModule.forRoot(translateConfig),
-        StoreModule.forRoot(REDUCER_TOKEN, { metaReducers }),
-        !environment.production ? StoreDevtoolsModule.instrument({ maxAge: 50 }) : [],
-    ],
-    declarations: [
-    ],
-    exports: [
-        EuiLayoutModule,
-        SharedModule,
-    ],
-    providers: [
-        {
-            provide: REDUCER_TOKEN,
-            deps: [],
-            useFactory: getReducers,
-        },
-        {
-            provide: EUI_CONFIG_TOKEN,
-            useValue: { appConfig, environment }
-        },
-        {
-            // Sets the withCredentials on Ajax Request to send the JSESSIONID cookie to another domain.
-            // This is necessary when a request is being made to another domain that is protected by EU Login.
-            provide: HTTP_INTERCEPTORS,
-            useClass: CorsSecurityInterceptor,
-            multi: true,
-        },
-        {
-            // WARNING: in case of OpenID this is not needed since OpenID is stateless therefore no revalidation needed.
-            // When the authentication session is invalid, we need to re-authenticate. The browser refreshes the current URL,
-            // and lets the EU Login client redirect to the official EU Login page.
-            provide: HTTP_INTERCEPTORS,
-            useClass: EuLoginSessionTimeoutHandlingInterceptor,
-            multi: true,
-        },
-        {
-            // Adds HTTP header to each Ajax request that ensures the request is set by a piece of JavaScript code in the application.
-            // This prevents dynamically-loaded content from forging a request in the name of the currently logged-in user.
-            // Be aware that this assumes that cross-site scripting (XSS) is already put in place, (default setting in Angular).
-            provide: HTTP_INTERCEPTORS,
-            useClass: CsrfPreventionInterceptor,
-            multi: true,
-        },
-        {
-            // Asks the intermediate proxies not to return a cache copy of the resource.
-            // In matter of fact forces each server in the chain to validate the freshness of the resource.
-            provide: HTTP_INTERCEPTORS,
-            useClass: CachePreventionInterceptor,
-            multi: true,
-        },
-    ]
-})
-export class CoreModule {
-
-}
+import { NgModule } from '@angular/core';
+import { TranslateModule } from '@ngx-translate/core';
+import { StoreModule } from '@ngrx/store';
+import { EffectsModule } from '@ngrx/effects';
+import { StoreDevtoolsModule } from '@ngrx/store-devtools';
+import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
+import {
+    CachePreventionInterceptor,
+    CorsSecurityInterceptor,
+    CsrfPreventionInterceptor,
+    EuLoginSessionTimeoutHandlingInterceptor,
+    CoreModule as EuiCoreModule,
+    translateConfig,
+    CoreModuleEffects,
+    EUI_CONFIG_TOKEN,
+} from '@eui/core';
+import { EuiLayoutModule } from '@eui/components/layout';
+
+import { appConfig } from '../../config/index';
+import { environment } from '../../environments/environment';
+
+import { REDUCER_TOKEN, getReducers, metaReducers } from './reducers/index';
+
+import { SharedModule } from '@shared/shared.module';
+
+@NgModule({
+    imports: [
+        EuiLayoutModule,
+        SharedModule,
+        HttpClientModule,
+        EuiCoreModule.forRoot(),
+        EffectsModule.forRoot([...CoreModuleEffects]),
+        TranslateModule.forRoot(translateConfig),
+        StoreModule.forRoot(REDUCER_TOKEN, { metaReducers }),
+        !environment.production ? StoreDevtoolsModule.instrument({ maxAge: 50 }) : [],
+    ],
+    declarations: [
+    ],
+    exports: [
+        EuiLayoutModule,
+        SharedModule,
+    ],
+    providers: [
+        {
+            provide: REDUCER_TOKEN,
+            deps: [],
+            useFactory: getReducers,
+        },
+        {
+            provide: EUI_CONFIG_TOKEN,
+            useValue: { appConfig, environment }
+        },
+        {
+            // Sets the withCredentials on Ajax Request to send the JSESSIONID cookie to another domain.
+            // This is necessary when a request is being made to another domain that is protected by EU Login.
+            provide: HTTP_INTERCEPTORS,
+            useClass: CorsSecurityInterceptor,
+            multi: true,
+        },
+        {
+            // WARNING: in case of OpenID this is not needed since OpenID is stateless therefore no revalidation needed.
+            // When the authentication session is invalid, we need to re-authenticate. The browser refreshes the current URL,
+            // and lets the EU Login client redirect to the official EU Login page.
+            provide: HTTP_INTERCEPTORS,
+            useClass: EuLoginSessionTimeoutHandlingInterceptor,
+            multi: true,
+        },
+        {
+            // Adds HTTP header to each Ajax request that ensures the request is set by a piece of JavaScript code in the application.
+            // This prevents dynamically-loaded content from forging a request in the name of the currently logged-in user.
+            // Be aware that this assumes that cross-site scripting (XSS) is already put in place, (default setting in Angular).
+            provide: HTTP_INTERCEPTORS,
+            useClass: CsrfPreventionInterceptor,
+            multi: true,
+        },
+        {
+            // Asks the intermediate proxies not to return a cache copy of the resource.
+            // In matter of fact forces each server in the chain to validate the freshness of the resource.
+            provide: HTTP_INTERCEPTORS,
+            useClass: CachePreventionInterceptor,
+            multi: true,
+        },
+    ]
+})
+export class CoreModule {
+
+}

package/lib/skeletons/_angular/base/src/app/core/reducers/index.ts

@@ -1,31 +1,31 @@
-import { InjectionToken } from '@angular/core';
-import { MetaReducer } from '@ngrx/store';
-import { storeFreeze } from 'ngrx-store-freeze';
-import { reducers as coreReducers, CoreState, getAppState, localStorageSync } from '@eui/core';
-
-import { environment } from '../../../environments/environment';
-
-export const REDUCER_TOKEN = new InjectionToken<any>('Registered Reducers');
-
-/**
- * Define here your app state
- *
- * [IMPORTANT]
- * There are some **reserved** slice of the state
- * that you **can not** use in your application ==> app |user | notification
- */
-// eslint-disable-next-line
-export interface AppState extends CoreState {
-    // [key: string]: fromTaskManager.State | any;
-}
-
-/**
- * Define here the reducers of your app
- */
-const rootReducer = Object.assign({}, coreReducers, {
-    // [fromTaskManager.namespace]: fromTaskManager.reducers,
-});
-
-export const getReducers = () => rootReducer;
-
-export const metaReducers: MetaReducer<AppState>[] = !environment.production ? [localStorageSync, storeFreeze] : [localStorageSync];
+import { InjectionToken } from '@angular/core';
+import { MetaReducer } from '@ngrx/store';
+import { storeFreeze } from 'ngrx-store-freeze';
+import { reducers as coreReducers, CoreState, getAppState, localStorageSync } from '@eui/core';
+
+import { environment } from '../../../environments/environment';
+
+export const REDUCER_TOKEN = new InjectionToken<any>('Registered Reducers');
+
+/**
+ * Define here your app state
+ *
+ * [IMPORTANT]
+ * There are some **reserved** slice of the state
+ * that you **can not** use in your application ==> app |user | notification
+ */
+// eslint-disable-next-line
+export interface AppState extends CoreState {
+    // [key: string]: fromTaskManager.State | any;
+}
+
+/**
+ * Define here the reducers of your app
+ */
+const rootReducer = Object.assign({}, coreReducers, {
+    // [fromTaskManager.namespace]: fromTaskManager.reducers,
+});
+
+export const getReducers = () => rootReducer;
+
+export const metaReducers: MetaReducer<AppState>[] = !environment.production ? [localStorageSync, storeFreeze] : [localStorageSync];

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

@@ -1,15 +1,15 @@
-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 {}
+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.component.html

@@ -1,39 +1,39 @@
-<eui-page>
-    <eui-page-header label="{{ 'page.home.title' | translate }}"></eui-page-header>
-
-    <eui-page-content>
-        <h3 class="eui-u-font-bold eui-u-color-info">Overview</h3>
-
-        <p>The <strong><a href="https://webgate.ec.europa.eu/fpfis/wikis/display/eUI" target="_blank">eUI
-                    Platform</a></strong> (eUI) is meant to ease development of <strong>Single Web Page
-                Applications</strong> (SPAs) providing rich <strong>User Experience</strong> (UX) starting point
-            to directly quick-start applications development.</p>
-
-        <p>It's also focusing on rationalisation and implementation of <strong><a
-                    href="https://webgate.ec.europa.eu/fpfis/wikis/display/Europa/User+experience"
-                    target="_blank">European Commission's User Experience</a></strong> (UX@EC) and the adoption
-            of a common look and feel for your web applications.</p>
-
-        <p>Thereby, the <strong>eUI framework</strong> provides guidelines and recommendations on
-            <strong>collaborative and reusable web components</strong> in order to help
-            to build common and homogeneous graphical web interfaces that reflects the <strong>European
-                Commission Style Guides</strong> towards a corporate look and feel.
-            It also offers consistency from User Experience point of view through various participant projects
-            such as Opsys, My Workplace, Compass Corporate, Assmal, eProcurement, Sygma, Sedia, etc.</p>
-
-        <p>The target audience goes from Developers who will find a lot of usefull technical information, but
-            also Designers who want to reuse such materials to illustrate their work as well as Analysts and
-            Managers to help them during conceptual phases.</p>
-
-        <p>Feel free to participate and help to improve the eUI platform.</p>
-        <p>Contact us at <strong><a
-                    href="mailto:DIGIT-EUI-SUPPORT@ec.europa.eu">DIGIT-EUI-SUPPORT@ec.europa.eu</a></strong> and
-            join us on MS Teams : <a href="https://teams.microsoft.com/l/team/19%3a2f5bb6b7d1e24c4aabaa62229d3e1955%40thread.tacv2/conversations?groupId=fb6def72-c57b-4e8f-a82e-49be65d6e1f5&tenantId=b24c8b06-522c-46fe-9080-70926f8dddb1" target="_blank">MS Teams EC_eUI team</a>
-        </p>
-
-        <div>
-            <strong>The eUI Team</strong>
-        </div>
-
-    </eui-page-content>
-</eui-page>
+<eui-page>
+    <eui-page-header label="{{ 'page.home.title' | translate }}"></eui-page-header>
+
+    <eui-page-content>
+        <h3 class="eui-u-font-bold eui-u-color-info">Overview</h3>
+
+        <p>The <strong><a href="https://webgate.ec.europa.eu/fpfis/wikis/display/eUI" target="_blank">eUI
+                    Platform</a></strong> (eUI) is meant to ease development of <strong>Single Web Page
+                Applications</strong> (SPAs) providing rich <strong>User Experience</strong> (UX) starting point
+            to directly quick-start applications development.</p>
+
+        <p>It's also focusing on rationalisation and implementation of <strong><a
+                    href="https://webgate.ec.europa.eu/fpfis/wikis/display/Europa/User+experience"
+                    target="_blank">European Commission's User Experience</a></strong> (UX@EC) and the adoption
+            of a common look and feel for your web applications.</p>
+
+        <p>Thereby, the <strong>eUI framework</strong> provides guidelines and recommendations on
+            <strong>collaborative and reusable web components</strong> in order to help
+            to build common and homogeneous graphical web interfaces that reflects the <strong>European
+                Commission Style Guides</strong> towards a corporate look and feel.
+            It also offers consistency from User Experience point of view through various participant projects
+            such as Opsys, My Workplace, Compass Corporate, Assmal, eProcurement, Sygma, Sedia, etc.</p>
+
+        <p>The target audience goes from Developers who will find a lot of usefull technical information, but
+            also Designers who want to reuse such materials to illustrate their work as well as Analysts and
+            Managers to help them during conceptual phases.</p>
+
+        <p>Feel free to participate and help to improve the eUI platform.</p>
+        <p>Contact us at <strong><a
+                    href="mailto:DIGIT-EUI-SUPPORT@ec.europa.eu">DIGIT-EUI-SUPPORT@ec.europa.eu</a></strong> and
+            join us on MS Teams : <a href="https://teams.microsoft.com/l/team/19%3a2f5bb6b7d1e24c4aabaa62229d3e1955%40thread.tacv2/conversations?groupId=fb6def72-c57b-4e8f-a82e-49be65d6e1f5&tenantId=b24c8b06-522c-46fe-9080-70926f8dddb1" target="_blank">MS Teams EC_eUI team</a>
+        </p>
+
+        <div>
+            <strong>The eUI Team</strong>
+        </div>
+
+    </eui-page-content>
+</eui-page>

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

@@ -1,11 +1,11 @@
-import { Component, Inject } from '@angular/core';
-import { CONFIG_TOKEN, EuiAppConfig } from '@eui/core';
-
-@Component({
-    templateUrl: './home.component.html',
-})
-export class HomeComponent {
-    constructor(@Inject(CONFIG_TOKEN) private config: EuiAppConfig) {
-        console.log(config);
-    }
-}
+import { Component, Inject } from '@angular/core';
+import { CONFIG_TOKEN, EuiAppConfig } from '@eui/core';
+
+@Component({
+    templateUrl: './home.component.html',
+})
+export class HomeComponent {
+    constructor(@Inject(CONFIG_TOKEN) private config: EuiAppConfig) {
+        console.log(config);
+    }
+}

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

@@ -1,18 +1,18 @@
-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 {}
+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/components/page1/page1.component.html

@@ -1,7 +1,7 @@
-<eui-page>
-    <eui-page-header label="Module 1 - page 1"></eui-page-header>
-
-    <eui-page-content>
-        page 1 content
-    </eui-page-content>
-</eui-page>
+<eui-page>
+    <eui-page-header label="Module 1 - page 1"></eui-page-header>
+
+    <eui-page-content>
+        page 1 content
+    </eui-page-content>
+</eui-page>

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

@@ -1,7 +1,7 @@
-import { Component } from '@angular/core';
-
-@Component({
-    templateUrl: './page1.component.html'
-})
-export class Page1Component {
-}
+import { Component } from '@angular/core';
+
+@Component({
+    templateUrl: './page1.component.html'
+})
+export class Page1Component {
+}

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

@@ -1,7 +1,7 @@
-<eui-page>
-    <eui-page-header label="Module 1 - page 2"></eui-page-header>
-
-    <eui-page-content>
-        page 1 content
-    </eui-page-content>
-</eui-page>
+<eui-page>
+    <eui-page-header label="Module 1 - page 2"></eui-page-header>
+
+    <eui-page-content>
+        page 1 content
+    </eui-page-content>
+</eui-page>

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

@@ -1,7 +1,7 @@
-import { Component } from '@angular/core';
-
-@Component({
-    templateUrl: './page2.component.html'
-})
-export class Page2Component {
-}
+import { Component } from '@angular/core';
+
+@Component({
+    templateUrl: './page2.component.html'
+})
+export class Page2Component {
+}

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

@@ -1,18 +1,18 @@
-import { NgModule } from '@angular/core';
-import { RouterModule, 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 = [
-    { path: '', component: Module1Component },
-    { path: 'page1', component: Page1Component },
-    { path: 'page2', component: Page2Component },
-];
-
-@NgModule({
-    imports: [
-        RouterModule.forChild(routes)
-    ],
-})
-export class Module1RoutingModule {}
+import { NgModule } from '@angular/core';
+import { RouterModule, 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 = [
+    { 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/module1/module1.component.html

@@ -1,7 +1,7 @@
-<eui-page>
-    <eui-page-header label="Module 1"></eui-page-header>
-
-    <eui-page-content>
-
-    </eui-page-content>
-</eui-page>
+<eui-page>
+    <eui-page-header label="Module 1"></eui-page-header>
+
+    <eui-page-content>
+
+    </eui-page-content>
+</eui-page>

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

@@ -1,8 +1,8 @@
-import { Component } from '@angular/core';
-
-@Component({
-    templateUrl: './module1.component.html',
-})
-export class Module1Component {
-
-}
+import { Component } from '@angular/core';
+
+@Component({
+    templateUrl: './module1.component.html',
+})
+export class Module1Component {
+
+}