@eui/cli 17.0.0-next.9 → 17.0.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- 17.0.0-next.9
1
+ 17.0.0-rc.1
@@ -1,174 +1,157 @@
1
1
  {
2
- "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3
- "version": 1,
4
- "newProjectRoot": "projects",
5
- "cli": {
6
- "analytics": false
7
- },
8
- "projects": {
9
- "app": {
10
- "root": "",
11
- "sourceRoot": "src",
12
- "projectType": "application",
13
- "prefix": "app",
14
- "schematics": {
15
- "@schematics/angular:component": {
16
- "style": "scss"
17
- },
18
- "@schematics/angular:application": {
19
- "strict": true
20
- }
21
- },
22
- "architect": {
23
- "build": {
24
- "builder": "@angular-devkit/build-angular:browser",
25
- "options": {
26
- "outputPath": "dist",
27
- "index": "src/index.html",
28
- "main": "src/main.ts",
29
- "polyfills": "src/polyfills.ts",
30
- "tsConfig": "src/tsconfig.app.json",
31
- "inlineStyleLanguage": "scss",
32
- "assets": [
33
- "src/favicon.ico",
34
- "src/assets",
35
- {
36
- "glob": "**/*",
37
- "input": "node_modules/@eui/core/assets/",
38
- "output": "./assets"
39
- },
40
- {
41
- "glob": "**/*",
42
- "input": "node_modules/@eui/styles-base/src/assets/",
43
- "output": "./assets"
44
- }
45
- ],
46
- "styles": [
47
- "node_modules/@eui/styles/dist/styles/eui.css",
48
- "node_modules/@eui/styles/dist/styles/eui-utilities.css",
49
- "node_modules/@eui/styles/dist/styles/eui-legacy-bootstrap-utilities.css",
50
- "src/styles.scss"
51
- ]
52
- },
53
- "configurations": {
54
- "production": {
55
- "fileReplacements": [
56
- {
57
- "replace": "src/environments/environment.ts",
58
- "with": "src/environments/environment.prod.ts"
2
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3
+ "version": 1,
4
+ "newProjectRoot": "projects",
5
+ "cli": {
6
+ "analytics": false
7
+ },
8
+ "projects": {
9
+ "app": {
10
+ "root": "",
11
+ "sourceRoot": "src",
12
+ "projectType": "application",
13
+ "prefix": "app",
14
+ "schematics": {
15
+ "@schematics/angular:component": {
16
+ "style": "scss"
17
+ },
18
+ "@schematics/angular:application": {
19
+ "strict": true
59
20
  }
60
- ],
61
- "optimization": false,
62
- "outputHashing": "all",
63
- "sourceMap": false,
64
- "namedChunks": true,
65
- "aot": true,
66
- "extractLicenses": true,
67
- "vendorChunk": false,
68
- "buildOptimizer": false,
69
- "budgets": [
70
- {
71
- "type": "initial",
72
- "maximumWarning": "2mb",
73
- "maximumError": "11mb"
74
- }
75
- ]
76
21
  },
77
- "production-optimized": {
78
- "fileReplacements": [
79
- {
80
- "replace": "src/environments/environment.ts",
81
- "with": "src/environments/environment.prod.ts"
82
- }
83
- ],
84
- "optimization": {
85
- "scripts": true,
86
- "styles": {
87
- "minify": false,
88
- "inlineCritical": true
22
+ "architect": {
23
+ "build": {
24
+ "builder": "@angular-devkit/build-angular:application",
25
+ "options": {
26
+ "outputPath": "dist",
27
+ "index": "src/index.html",
28
+ "browser": "src/main.ts",
29
+ "polyfills": ["zone.js"],
30
+ "tsConfig": "src/tsconfig.app.json",
31
+ "inlineStyleLanguage": "scss",
32
+ "assets": [
33
+ "src/favicon.ico",
34
+ "src/assets",
35
+ {
36
+ "glob": "**/*",
37
+ "input": "node_modules/@eui/core/assets/",
38
+ "output": "./assets"
39
+ },
40
+ {
41
+ "glob": "**/*",
42
+ "input": "node_modules/@eui/styles-base/src/assets/",
43
+ "output": "./assets"
44
+ }
45
+ ],
46
+ "styles": [
47
+ "node_modules/@eui/styles/dist/styles/eui.css",
48
+ "node_modules/@eui/styles/dist/styles/eui-utilities.css",
49
+ "src/styles.scss"
50
+ ]
51
+ },
52
+ "configurations": {
53
+ "production": {
54
+ "fileReplacements": [
55
+ {
56
+ "replace": "src/environments/environment.ts",
57
+ "with": "src/environments/environment.prod.ts"
58
+ }
59
+ ],
60
+ "optimization": false,
61
+ "outputHashing": "all",
62
+ "sourceMap": false,
63
+ "aot": true,
64
+ "extractLicenses": true,
65
+ "budgets": [
66
+ {
67
+ "type": "initial",
68
+ "maximumWarning": "1mb",
69
+ "maximumError": "2mb"
70
+ }
71
+ ]
72
+ },
73
+ "production-optimized": {
74
+ "fileReplacements": [
75
+ {
76
+ "replace": "src/environments/environment.ts",
77
+ "with": "src/environments/environment.prod.ts"
78
+ }
79
+ ],
80
+ "optimization": {
81
+ "scripts": true,
82
+ "styles": {
83
+ "minify": false,
84
+ "inlineCritical": true
85
+ },
86
+ "fonts": true
87
+ },
88
+ "outputHashing": "all",
89
+ "sourceMap": false,
90
+ "extractLicenses": true,
91
+ "budgets": [
92
+ {
93
+ "type": "initial",
94
+ "maximumWarning": "2mb",
95
+ "maximumError": "6mb"
96
+ }
97
+ ]
98
+ },
99
+ "development": {
100
+ "optimization": false,
101
+ "extractLicenses": false,
102
+ "sourceMap": true
103
+ }
104
+ },
105
+ "defaultConfiguration": "production"
89
106
  },
90
- "fonts": true
91
- },
92
- "outputHashing": "all",
93
- "sourceMap": false,
94
- "namedChunks": true,
95
- "aot": true,
96
- "extractLicenses": true,
97
- "vendorChunk": false,
98
- "buildOptimizer": true,
99
- "budgets": [
100
- {
101
- "type": "initial",
102
- "maximumWarning": "2mb",
103
- "maximumError": "6mb"
104
- }
105
- ]
106
- },
107
- "development": {
108
- "buildOptimizer": false,
109
- "optimization": false,
110
- "vendorChunk": true,
111
- "extractLicenses": false,
112
- "sourceMap": true,
113
- "namedChunks": true
107
+ "serve": {
108
+ "builder": "@angular-devkit/build-angular:dev-server",
109
+ "options": {
110
+ "buildTarget": "app:build"
111
+ },
112
+ "configurations": {
113
+ "proxy-mock": {
114
+ "buildTarget": "app:build:development",
115
+ "proxyConfig": "proxy-mock.conf.json"
116
+ },
117
+ "production": {
118
+ "buildTarget": "app:build:production"
119
+ },
120
+ "development": {
121
+ "buildTarget": "app:build:development"
122
+ }
123
+ },
124
+ "defaultConfiguration": "development"
125
+ },
126
+ "lint": {
127
+ "builder": "@angular-eslint/builder:lint",
128
+ "options": {
129
+ "lintFilePatterns": ["src/**/*.ts", "src/**/*.html"],
130
+ "eslintConfig": "src/.eslintrc.json"
131
+ }
132
+ },
133
+ "test": {
134
+ "builder": "@angular-devkit/build-angular:karma",
135
+ "options": {
136
+ "polyfills": ["zone.js", "zone.js/testing"],
137
+ "tsConfig": "src/tsconfig.spec.json",
138
+ "karmaConfig": "src/karma.conf.js",
139
+ "inlineStyleLanguage": "scss",
140
+ "assets": [
141
+ {
142
+ "glob": "**/*",
143
+ "input": "node_modules/@eui/core/assets/",
144
+ "output": "./assets"
145
+ },
146
+ {
147
+ "glob": "**/*",
148
+ "input": "node_modules/@eui/styles-base/src/assets/",
149
+ "output": "./assets"
150
+ }
151
+ ]
152
+ }
153
+ }
114
154
  }
115
- },
116
- "defaultConfiguration": "production"
117
- },
118
- "serve": {
119
- "builder": "@angular-devkit/build-angular:dev-server",
120
- "options": {
121
- "browserTarget": "app:build"
122
- },
123
- "configurations": {
124
- "proxy-mock": {
125
- "browserTarget": "app:build:development",
126
- "proxyConfig": "proxy-mock.conf.json"
127
- },
128
- "production": {
129
- "browserTarget": "app:build:production"
130
- },
131
- "development": {
132
- "browserTarget": "app:build:development"
133
- }
134
- },
135
- "defaultConfiguration": "development"
136
- },
137
- "lint": {
138
- "builder": "@angular-eslint/builder:lint",
139
- "options": {
140
- "lintFilePatterns": [
141
- "src/**/*.ts",
142
- "src/**/*.html"
143
- ],
144
- "eslintConfig": "src/.eslintrc.json"
145
- }
146
- },
147
- "test": {
148
- "builder": "@angular-devkit/build-angular:karma",
149
- "options": {
150
- "polyfills": [
151
- "zone.js",
152
- "zone.js/testing"
153
- ],
154
- "tsConfig": "src/tsconfig.spec.json",
155
- "karmaConfig": "src/karma.conf.js",
156
- "inlineStyleLanguage": "scss",
157
- "assets": [
158
- {
159
- "glob": "**/*",
160
- "input": "node_modules/@eui/core/assets/",
161
- "output": "./assets"
162
- },
163
- {
164
- "glob": "**/*",
165
- "input": "node_modules/@eui/styles-base/src/assets/",
166
- "output": "./assets"
167
- }
168
- ]
169
- }
170
155
  }
171
- }
172
156
  }
173
- }
174
157
  }
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "eui-angular-app",
3
- "version": "17.0.0-next.9",
3
+ "version": "17.0.0-rc.1",
4
4
  "license": "EUPL-1.1",
5
5
  "scripts": {
6
6
  "ng": "ng",
@@ -20,6 +20,6 @@
20
20
  },
21
21
  "private": true,
22
22
  "dependencies": {
23
- "@eui/deps-base": "17.0.0-next.9"
23
+ "@eui/deps-base": "17.0.0-rc.1"
24
24
  }
25
25
  }
@@ -1,23 +1,26 @@
1
- <eui-app [userInfos]="userInfos?.fullName">
1
+ <eui-app>
2
2
  <eui-app-toolbar>
3
3
  <eui-toolbar>
4
4
  <eui-toolbar-logo></eui-toolbar-logo>
5
5
  <eui-toolbar-app appName="appName"></eui-toolbar-app>
6
6
  <eui-toolbar-environment>MOCK</eui-toolbar-environment>
7
7
  <eui-toolbar-items euiPositionRight>
8
- <eui-toolbar-item-user-profile>
9
- <eui-user-profile-menu>
10
- <eui-user-profile-menu-item>
11
- <eui-icon-svg icon="old-eui-person-thin"></eui-icon-svg> {{ 'eui.my-profile-informations' | translate }}
12
- </eui-user-profile-menu-item>
13
- <eui-user-profile-menu-item>
14
- <eui-icon-svg icon="old-eui-logout-thin"></eui-icon-svg> {{ 'eui.sign-out' | translate }}
15
- </eui-user-profile-menu-item>
16
- </eui-user-profile-menu>
17
- </eui-toolbar-item-user-profile>
18
- <eui-toolbar-item-notifications>
8
+ <eui-toolbar-item>
9
+ <eui-user-profile subInfos="eUI developer" isShowAvatarInitials>
10
+ <eui-user-profile-menu>
11
+ <eui-user-profile-menu-item>
12
+ <eui-icon-svg icon="old-eui-person-thin"></eui-icon-svg> {{ 'eui.my-profile-informations' | translate }}
13
+ </eui-user-profile-menu-item>
14
+ <eui-user-profile-menu-item>
15
+ <eui-icon-svg icon="old-eui-logout-thin"></eui-icon-svg> {{ 'eui.sign-out' | translate }}
16
+ </eui-user-profile-menu-item>
17
+ </eui-user-profile-menu>
18
+ </eui-user-profile>
19
+ </eui-toolbar-item>
20
+
21
+ <eui-toolbar-item>
19
22
  <eui-notifications [count]="notificationItems?.length" [items]="notificationItems"></eui-notifications>
20
- </eui-toolbar-item-notifications>
23
+ </eui-toolbar-item>
21
24
  </eui-toolbar-items>
22
25
  </eui-toolbar>
23
26
  </eui-app-toolbar>
@@ -1,22 +1,10 @@
1
- import { Component, OnDestroy, OnInit } from '@angular/core';
2
- import { Store } from '@ngrx/store';
3
- import {
4
- getUserState,
5
- UserState,
6
- } from '@eui/core';
7
- import { Observable, Subscription } from 'rxjs';
1
+ import { Component } from '@angular/core';
8
2
 
9
3
  @Component({
10
4
  selector: 'app-root',
11
5
  templateUrl: './app.component.html',
12
6
  })
13
- export class AppComponent implements OnDestroy {
14
- userInfos: UserState;
15
- // Observe state changes
16
- userState: Observable<UserState>;
17
- // an array to keep all subscriptions and easily unsubscribe
18
- subs: Subscription[] = [];
19
-
7
+ export class AppComponent {
20
8
  sidebarItems = [
21
9
  { label: 'Home', url: 'screen/home' },
22
10
  { label: 'Module 1', url: 'screen/module1', children: [
@@ -31,18 +19,4 @@ export class AppComponent implements OnDestroy {
31
19
  { label: 'Title label 3', subLabel: 'Subtitle label' },
32
20
  { label: 'Title label 4', subLabel: 'Subtitle label' },
33
21
  ];
34
-
35
- constructor(
36
- private store: Store<any>,
37
- ) {
38
- this.userState = this.store.select(getUserState);
39
- this.subs.push(this.userState.subscribe((user: UserState) => {
40
- this.userInfos = { ...user };
41
- console.log(user);
42
- }));
43
- }
44
-
45
- ngOnDestroy() {
46
- this.subs.forEach((s: Subscription) => s.unsubscribe());
47
- }
48
22
  }
@@ -11,7 +11,7 @@
11
11
 
12
12
  <p>It's also focusing on rationalisation and implementation of <strong><a
13
13
  href="https://webgate.ec.europa.eu/fpfis/wikis/display/Europa/User+experience"
14
- target="_blank" class="eui-u-text-link-external">European Commission's User Experience</a></strong> (UX@EC) and the adoption
14
+ target="_blank" class="eui-u-text-link-external">European Commission's User Experience</a></strong> (UX&#64;EC) and the adoption
15
15
  of a common look and feel for your web applications.</p>
16
16
 
17
17
  <p>Thereby, the <strong>eUI framework</strong> provides guidelines and recommendations on
@@ -27,7 +27,7 @@
27
27
 
28
28
  <p>Feel free to participate and help to improve the eUI platform.</p>
29
29
  <p>Contact us at <strong><a
30
- href="mailto:DIGIT-EUI-SUPPORT@ec.europa.eu" class="eui-u-text-link">DIGIT-EUI-SUPPORT@ec.europa.eu</a></strong> and
30
+ href="mailto:DIGIT-EUI-SUPPORT@ec.europa.eu" class="eui-u-text-link">DIGIT-EUI-SUPPORT&#64;ec.europa.eu</a></strong> and
31
31
  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" class="eui-u-text-link-external">
32
32
  MS Teams EC_eUI team
33
33
  </a>
@@ -14,9 +14,6 @@ import { EuiIconModule } from '@eui/components/eui-icon';
14
14
  // import ALL eUI components
15
15
  // import { EuiAllModule } from '@eui/components';
16
16
 
17
- // if declared, add eui-legacy.css + eui-legacy-utilities.css in angular.json styles config
18
- // import { UxAllModule } from '@eui/components/legacy';
19
-
20
17
  const MODULES = [
21
18
  CommonModule,
22
19
  FormsModule, ReactiveFormsModule,
@@ -29,7 +26,6 @@ const MODULES = [
29
26
 
30
27
  // in case of you really want to import all eUI components, see commented imports above
31
28
  // EuiAllModule,
32
- // UxAllModule,
33
29
  ];
34
30
 
35
31
  @NgModule({
@@ -1,14 +1,19 @@
1
- import { enableProdMode } from '@angular/core';
2
- import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
3
- import { preInitApp } from '@eui/core';
1
+ import { enableProdMode } from "@angular/core";
2
+ import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
3
+ import { preInitApp } from "@eui/core";
4
4
 
5
- import { AppModule } from './app/app.module';
6
- import { environment } from './environments/environment';
5
+ import { AppModule } from "./app/app.module";
6
+ import { environment } from "./environments/environment";
7
7
 
8
8
  if (environment.production) {
9
9
  enableProdMode();
10
10
  }
11
11
 
12
- preInitApp(environment).then(() => platformBrowserDynamic().bootstrapModule(AppModule)
13
- .catch(err => console.error(err)),
12
+ preInitApp(environment).then(() =>
13
+ platformBrowserDynamic()
14
+ .bootstrapModule(AppModule)
15
+ .catch((err) => console.error(err))
14
16
  );
17
+
18
+ // eslint-disable-next-line
19
+ (window as any).global = window;