@eui/cli 21.2.5-snapshot-1779184913607 → 21.2.5-snapshot-1779452646715

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.
package/lib/build.js CHANGED
@@ -63,17 +63,9 @@ const copyAngular = (targetPath, cliConfig, overwrite = true) => {
63
63
  utils.copydir(config.angularBaseMobilePath, targetPath, overwrite);
64
64
  }
65
65
 
66
- if (cliConfig.appOptions && cliConfig.appOptions.length !== 0) {
67
- cliConfig.appOptions.forEach((item) => {
68
- if (item !== 'ecl') {
69
- console.log('Applying option : ' + item);
70
- utils.copydir(config.optionsPath[item], targetPath, true);
71
- }
72
- })
73
- if (cliConfig.appOptions.includes('ecl') && cliConfig.appOptionsEclTheme) {
74
- console.log(`eUI ECL theme selected : ` + cliConfig.appOptionsEclTheme);
75
- utils.copydir(config.optionsPath[cliConfig.appOptionsEclTheme], targetPath, true);
76
- }
66
+ if (cliConfig.appOptions === 'ecl') {
67
+ console.log(`eUI ECL theme selected : ` + cliConfig.appOptionsEclTheme);
68
+ utils.copydir(config.optionsPath[cliConfig.appOptionsEclTheme], targetPath, true);
77
69
  }
78
70
 
79
71
  if (cliConfig.packageManager === 'pnpm') {
package/lib/cli.js CHANGED
@@ -4,7 +4,7 @@ const defaultConfig = {
4
4
  appName: 'my-app',
5
5
  appScope: '@app',
6
6
  appType: 'angular',
7
- appOptions: [],
7
+ appOptions: 'eui',
8
8
  appOptionsEclTheme: 'ecl-ec',
9
9
  appFeatures: [],
10
10
  groupId: 'ec.europa.digit',
@@ -89,20 +89,21 @@ module.exports.start = async (options) => {
89
89
  }
90
90
 
91
91
  if (answers.appType !== 'mobile') {
92
- const appOptionsPrompt = new MultiSelect({
92
+ const appOptionsPrompt = new Select({
93
93
  name: 'appOptions',
94
94
  message: 'Select one or more additional configuration options :',
95
95
  choices: [
96
- { name: 'eUI ECL app-shell template and configuration - for ec.europa.eu apps', value: 'ecl' }
96
+ { name: 'eUI default app-shell', value: '' },
97
+ { name: 'eUI ECL app-shell - for ec.europa.eu apps', value: 'ecl' }
97
98
  ],
98
- initial: defaultConfig.appOptions,
99
- result(names) {
100
- return Object.values(this.map(names));
99
+ initial: 0,
100
+ result(name) {
101
+ return this.find(name).value;
101
102
  }
102
103
  });
103
104
  answers.appOptions = await appOptionsPrompt.run();
104
105
 
105
- if (answers.appOptions && answers.appOptions.includes('ecl')) {
106
+ if (answers.appOptions === 'ecl') {
106
107
  const eclThemePrompt = new Select({
107
108
  name: 'appOptionsEclTheme',
108
109
  message: 'Select which eUI ECL theme flavor you need :',
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "eui-angular-app",
3
- "version": "21.2.5-snapshot-1779184913607",
3
+ "version": "21.2.5-snapshot-1779452646715",
4
4
  "license": "EUPL-1.1",
5
5
  "scripts": {
6
6
  "ng": "ng",
@@ -20,7 +20,7 @@
20
20
  },
21
21
  "private": true,
22
22
  "dependencies": {
23
- "@eui/deps-base": "21.2.5-snapshot-1779184913607"
23
+ "@eui/deps-base": "21.2.5-snapshot-1779452646715"
24
24
  },
25
25
  "devDependencies": {
26
26
  "npm-run-all": "4.1.5",
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "eui-angular-app",
3
- "version": "21.2.5-snapshot-1779184913607",
3
+ "version": "21.2.5-snapshot-1779452646715",
4
4
  "license": "EUPL-1.1",
5
5
  "scripts": {
6
6
  "ng": "ng",
@@ -48,30 +48,50 @@
48
48
  </ecl-menu>
49
49
  </ecl-site-header>
50
50
 
51
- <div eclPageHeader>
52
- <ecl-breadcrumb>
53
- <ol eclBreadcrumbContainer>
54
- <li eclBreadcrumbSegment>Home</li>
55
- <li eclBreadcrumbSegment>European Commission</li>
56
- <li eclBreadcrumbSegment [isCurrentPage]="true">ECL</li>
57
- </ol>
58
- </ecl-breadcrumb>
59
-
60
- <div eclPageHeaderInfo>
61
- <div eclPageHeaderMeta>
62
- <span eclPageHeaderMetaItem>
63
- Auto generated template
64
- </span>
65
- </div>
66
- <h1 eclPageHeaderTitle>Europa Component Library</h1>
67
- </div>
68
- <div eclPageHeaderDescriptionContainer>
69
- <p eclPageHeaderDescription>
70
- The Europa Component Library (ECL) is a comprehensive style guide containing the design elements and
71
- visual standards that make up all Europa websites and applications.
72
- </p>
51
+ <div eclPageHeader descriptionPosition="bottom">
52
+ <picture eclPageHeaderBackgroundPicture>
53
+ <img eclPageHeaderBackgroundImage src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"
54
+ alt="Europe flag" />
55
+ </picture>
56
+ <div eclPageHeaderContainer>
57
+ <div eclContainer>
58
+ <ecl-breadcrumb>
59
+ <ol eclBreadcrumbContainer>
60
+ <li eclBreadcrumbSegment href="http://ec.europa.eu">Home</li>
61
+ <li eclBreadcrumbSegment routerLink="about">About the European Commission</li>
62
+ <li eclBreadcrumbSegment routerLink="structure">Organisational structure</li>
63
+ <li eclBreadcrumbSegment routerLink="org">How the Commission is organized</li>
64
+ <li eclBreadcrumbSegment isCurrentPage>News</li>
65
+ </ol>
66
+ </ecl-breadcrumb>
67
+ <h1 eclPageHeaderTitle>Consectetur adipiscing elit</h1>
68
+ <ul eclPageHeaderMeta>
69
+ <li eclPageHeaderMetaItem>News article</li>
70
+ <li eclPageHeaderMetaItem>10 March 2025</li>
71
+ <li eclPageHeaderMetaItem>
72
+ <ecl-icon icon="location" size="2xs" eclContentBlockSecondaryMetaIcon></ecl-icon>Brussels
73
+ </li>
74
+ <li eclPageHeaderMetaItem>
75
+ <ecl-icon icon="clock" size="2xs" eclContentBlockSecondaryMetaIcon></ecl-icon>1 minute read
76
+ </li>
77
+ <li eclPageHeaderMetaItem>
78
+ Research center
79
+ </li>
80
+ </ul>
73
81
  </div>
74
82
  </div>
83
+ <div eclPageHeaderDescriptionContainer position="bottom">
84
+ <picture eclPageHeaderDescriptionPicture>
85
+ <img eclPageHeaderDescriptionImage src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"
86
+ alt="Europe flag">
87
+ </picture>
88
+ <p eclPageHeaderDescription>
89
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nec ullamcorper mi. Morbi interdum
90
+ fermentum tempus. Nam nec rhoncus risus,<a eclLink routerLink="/">
91
+ eget dictum elit</a>. Vestibulum gravida tincidunt venenatis.
92
+ </p>
93
+ </div>
94
+ </div>
75
95
 
76
96
  <div class="ecl-u-pv-xl">
77
97
  <router-outlet></router-outlet>
@@ -92,17 +112,20 @@
92
112
  <span eclSiteFooterDescriptionName>[name of the manager of the site]</span>
93
113
  </div>
94
114
  <ecl-social-media-follow eclSiteFooterSocialMedia>
95
- <ecl-social-media-follow-item icon="facebook" href="https://www.facebook.com/dg"
96
- isInverted></ecl-social-media-follow-item>
97
- <ecl-social-media-follow-item icon="instagram" href="https://www.instagram.com/dg/"
98
- isInverted></ecl-social-media-follow-item>
99
- <ecl-social-media-follow-item icon="twitter" href="https://x.com/dg"
100
- isInverted></ecl-social-media-follow-item>
101
- <ecl-social-media-follow-item icon="linkedin" href="https://www.linkedin.com/dg"
102
- isInverted></ecl-social-media-follow-item>
103
- <ecl-social-media-follow-item icon="chain" href="https://more_chanels/dg"
104
- isInverted></ecl-social-media-follow-item>
105
- </ecl-social-media-follow>
115
+ <ecl-social-media-follow-item icon="mastodon" href="https://ec.social-network.europa.eu/@EUCommission"
116
+ isInverted></ecl-social-media-follow-item>
117
+ <ecl-social-media-follow-item icon="linkedin" href="https://www.linkedin.com/company/european-commission"
118
+ isInverted></ecl-social-media-follow-item>
119
+ <ecl-social-media-follow-item icon="bluesky" href="https://bsky.app/profile/ec.europa.eu"
120
+ isInverted></ecl-social-media-follow-item>
121
+ <ecl-social-media-follow-item icon="facebook" href="https://www.facebook.com/EuropeanCommission"
122
+ isInverted></ecl-social-media-follow-item>
123
+ <ecl-social-media-follow-item icon="youtube" href="https://www.youtube.com/user/eutube"
124
+ isInverted></ecl-social-media-follow-item>
125
+ <ecl-social-media-follow-item icon="chain"
126
+ href="https://european-union.europa.eu/contact-eu/social-media-channels_en"
127
+ isInverted></ecl-social-media-follow-item>
128
+ </ecl-social-media-follow>
106
129
  </div>
107
130
  <div eclSiteFooterSection variant="links">
108
131
  <div eclSiteFooterRow>
@@ -48,27 +48,47 @@
48
48
  </ecl-menu>
49
49
  </ecl-site-header>
50
50
 
51
- <div eclPageHeader>
52
- <ecl-breadcrumb>
53
- <ol eclBreadcrumbContainer>
54
- <li eclBreadcrumbSegment>Home</li>
55
- <li eclBreadcrumbSegment>European Commission</li>
56
- <li eclBreadcrumbSegment [isCurrentPage]="true">ECL</li>
57
- </ol>
58
- </ecl-breadcrumb>
59
-
60
- <div eclPageHeaderInfo>
61
- <div eclPageHeaderMeta>
62
- <span eclPageHeaderMetaItem>
63
- Auto generated template
64
- </span>
51
+ <div eclPageHeader descriptionPosition="bottom">
52
+ <picture eclPageHeaderBackgroundPicture>
53
+ <img eclPageHeaderBackgroundImage src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"
54
+ alt="Europe flag" />
55
+ </picture>
56
+ <div eclPageHeaderContainer>
57
+ <div eclContainer>
58
+ <ecl-breadcrumb>
59
+ <ol eclBreadcrumbContainer>
60
+ <li eclBreadcrumbSegment href="http://ec.europa.eu">Home</li>
61
+ <li eclBreadcrumbSegment routerLink="about">About the European Commission</li>
62
+ <li eclBreadcrumbSegment routerLink="structure">Organisational structure</li>
63
+ <li eclBreadcrumbSegment routerLink="org">How the Commission is organized</li>
64
+ <li eclBreadcrumbSegment isCurrentPage>News</li>
65
+ </ol>
66
+ </ecl-breadcrumb>
67
+ <h1 eclPageHeaderTitle>Consectetur adipiscing elit</h1>
68
+ <ul eclPageHeaderMeta>
69
+ <li eclPageHeaderMetaItem>News article</li>
70
+ <li eclPageHeaderMetaItem>10 March 2025</li>
71
+ <li eclPageHeaderMetaItem>
72
+ <ecl-icon icon="location" size="2xs" eclContentBlockSecondaryMetaIcon></ecl-icon>Brussels
73
+ </li>
74
+ <li eclPageHeaderMetaItem>
75
+ <ecl-icon icon="clock" size="2xs" eclContentBlockSecondaryMetaIcon></ecl-icon>1 minute read
76
+ </li>
77
+ <li eclPageHeaderMetaItem>
78
+ Research center
79
+ </li>
80
+ </ul>
65
81
  </div>
66
- <h1 eclPageHeaderTitle>Europa Component Library</h1>
67
82
  </div>
68
- <div eclPageHeaderDescriptionContainer>
83
+ <div eclPageHeaderDescriptionContainer position="bottom">
84
+ <picture eclPageHeaderDescriptionPicture>
85
+ <img eclPageHeaderDescriptionImage
86
+ src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" alt="Europe flag">
87
+ </picture>
69
88
  <p eclPageHeaderDescription>
70
- The Europa Component Library (ECL) is a comprehensive style guide containing the design elements and
71
- visual standards that make up all Europa websites and applications.
89
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nec ullamcorper mi. Morbi interdum
90
+ fermentum tempus. Nam nec rhoncus risus,<a eclLink routerLink="/">
91
+ eget dictum elit</a>. Vestibulum gravida tincidunt venenatis.
72
92
  </p>
73
93
  </div>
74
94
  </div>
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "eui-angular-app",
3
- "version": "21.2.5-snapshot-1779184913607",
3
+ "version": "21.2.5-snapshot-1779452646715",
4
4
  "license": "EUPL-1.1",
5
5
  "scripts": {
6
6
  "ng": "ng",
@@ -46,18 +46,18 @@
46
46
  "pikaday": "1.8.2",
47
47
  "lodash-es": "4.17.23",
48
48
  "localforage": "1.10.0",
49
- "@eui/base": "21.2.5-snapshot-1779184913607",
50
- "@eui/core": "21.2.5-snapshot-1779184913607",
51
- "@eui/styles": "21.2.5-snapshot-1779184913607",
52
- "@eui/components": "21.2.5-snapshot-1779184913607",
53
- "@eui/ecl": "21.2.5-snapshot-1779184913607"
49
+ "@eui/base": "21.2.5-snapshot-1779452646715",
50
+ "@eui/core": "21.2.5-snapshot-1779452646715",
51
+ "@eui/styles": "21.2.5-snapshot-1779452646715",
52
+ "@eui/components": "21.2.5-snapshot-1779452646715",
53
+ "@eui/ecl": "21.2.5-snapshot-1779452646715"
54
54
  },
55
55
  "devDependencies": {
56
56
  "@angular/compiler-cli": "21.2.5",
57
57
  "@angular/build": "21.2.3",
58
58
  "@angular/cli": "21.2.3",
59
59
  "ng-packagr": "21.2.1",
60
- "@eui/cli": "21.2.5-snapshot-1779184913607",
60
+ "@eui/cli": "21.2.5-snapshot-1779452646715",
61
61
  "typescript": "5.9.3",
62
62
  "npm-run-all": "4.1.5",
63
63
  "json-server": "1.0.0-beta.3",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eui/cli",
3
- "version": "21.2.5-snapshot-1779184913607",
3
+ "version": "21.2.5-snapshot-1779452646715",
4
4
  "tag": "snapshot",
5
5
  "license": "EUPL-1.1",
6
6
  "description": "eUI CLI app generator & tools",