@eui/cli 23.0.0-alpha.1 → 23.0.0-alpha.2

package/lib/skeletons/_angular/base-mobile/src/index.html

@@ -61,7 +61,7 @@
     <link rel="apple-touch-startup-image" media="screen and (device-width: 744px) and (device-height: 1133px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="assets/icons/apple-splash-portrait-1488-2266.png">
 
     <link rel="manifest" href="manifest.webmanifest">
-    <meta name="apple-mobile-web-app-capable" content="yes"/>
+    <meta name="mobile-web-app-capable" content="yes"/>
     <meta name="apple-mobile-web-app-status-bar-style" content="default"/>
 </head>
 

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

@@ -5,6 +5,11 @@ import { preInitApp } from "@eui/core";
 import { AppModule } from "./app/app.module";
 import { environment } from "./environments/environment";
 
+import { addIcons } from 'ionicons';
+import * as allIcons from 'ionicons/icons';
+
+addIcons(allIcons);
+
 if (environment.production) {
     enableProdMode();
 }

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

@@ -48,30 +48,50 @@
         </ecl-menu>
     </ecl-site-header>
 
-    <ecl-page-header>
-        <ecl-breadcrumb>
-            <ol eclBreadcrumbContainer>
-                <li eclBreadcrumbSegment>Home</li>
-                <li eclBreadcrumbSegment>European Commission</li>
-                <li eclBreadcrumbSegment [isCurrentPage]="true">ECL</li>
-            </ol>
-        </ecl-breadcrumb>
-
-        <div eclPageHeaderInfo>
-            <div eclPageHeaderMeta>
-                <span eclPageHeaderMetaItem>
-                    Auto generated template
-                </span>
-            </div>
-            <h1 eclPageHeaderTitle>Europa Component Library</h1>
-        </div>
-        <div eclPageHeaderDescriptionContainer>
-            <p eclPageHeaderDescription>
-                The Europa Component Library (ECL) is a comprehensive style guide containing the design elements and
-                visual standards that make up all Europa websites and applications.
-            </p>
+    <div eclPageHeader descriptionPosition="bottom">
+    <picture eclPageHeaderBackgroundPicture>
+        <img eclPageHeaderBackgroundImage src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"
+            alt="Europe flag" />
+    </picture>
+    <div eclPageHeaderContainer>
+        <div eclContainer>
+            <ecl-breadcrumb>
+                <ol eclBreadcrumbContainer>
+                    <li eclBreadcrumbSegment href="http://ec.europa.eu">Home</li>
+                    <li eclBreadcrumbSegment routerLink="about">About the European Commission</li>
+                    <li eclBreadcrumbSegment routerLink="structure">Organisational structure</li>
+                    <li eclBreadcrumbSegment routerLink="org">How the Commission is organized</li>
+                    <li eclBreadcrumbSegment isCurrentPage>News</li>
+                </ol>
+            </ecl-breadcrumb>
+            <h1 eclPageHeaderTitle>Consectetur adipiscing elit</h1>
+            <ul eclPageHeaderMeta>
+                <li eclPageHeaderMetaItem>News article</li>
+                <li eclPageHeaderMetaItem>10 March 2025</li>
+                <li eclPageHeaderMetaItem>
+                    <ecl-icon icon="location" size="2xs" eclContentBlockSecondaryMetaIcon></ecl-icon>Brussels
+                </li>
+                <li eclPageHeaderMetaItem>
+                    <ecl-icon icon="clock" size="2xs" eclContentBlockSecondaryMetaIcon></ecl-icon>1 minute read
+                </li>
+                <li eclPageHeaderMetaItem>
+                    Research center
+                </li>
+            </ul>
         </div>
-    </ecl-page-header>
+    </div>
+    <div eclPageHeaderDescriptionContainer position="bottom">
+        <picture eclPageHeaderDescriptionPicture>
+            <img eclPageHeaderDescriptionImage src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"
+                alt="Europe flag">
+        </picture>
+        <p eclPageHeaderDescription>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nec ullamcorper mi. Morbi interdum
+            fermentum tempus. Nam nec rhoncus risus,<a eclLink routerLink="/">
+                eget dictum elit</a>. Vestibulum gravida tincidunt venenatis.
+        </p>
+    </div>
+</div>
 
     <div class="ecl-u-pv-xl">
         <router-outlet></router-outlet>
@@ -92,17 +112,20 @@
                     <span eclSiteFooterDescriptionName>[name of the manager of the site]</span>
                 </div>
                 <ecl-social-media-follow eclSiteFooterSocialMedia>
-                    <ecl-social-media-follow-item icon="facebook" href="https://www.facebook.com/dg"
-                        isInverted></ecl-social-media-follow-item>
-                    <ecl-social-media-follow-item icon="instagram" href="https://www.instagram.com/dg/"
-                        isInverted></ecl-social-media-follow-item>
-                    <ecl-social-media-follow-item icon="twitter" href="https://x.com/dg"
-                        isInverted></ecl-social-media-follow-item>
-                    <ecl-social-media-follow-item icon="linkedin" href="https://www.linkedin.com/dg"
-                        isInverted></ecl-social-media-follow-item>
-                    <ecl-social-media-follow-item icon="chain" href="https://more_chanels/dg"
-                        isInverted></ecl-social-media-follow-item>
-                </ecl-social-media-follow>
+                <ecl-social-media-follow-item icon="mastodon" href="https://ec.social-network.europa.eu/@EUCommission"
+                isInverted></ecl-social-media-follow-item>
+                <ecl-social-media-follow-item icon="linkedin" href="https://www.linkedin.com/company/european-commission"
+                    isInverted></ecl-social-media-follow-item>
+                <ecl-social-media-follow-item icon="bluesky" href="https://bsky.app/profile/ec.europa.eu"
+                    isInverted></ecl-social-media-follow-item>
+                <ecl-social-media-follow-item icon="facebook" href="https://www.facebook.com/EuropeanCommission"
+                    isInverted></ecl-social-media-follow-item>
+                <ecl-social-media-follow-item icon="youtube" href="https://www.youtube.com/user/eutube"
+                    isInverted></ecl-social-media-follow-item>
+                <ecl-social-media-follow-item icon="chain"
+                    href="https://european-union.europa.eu/contact-eu/social-media-channels_en"
+                    isInverted></ecl-social-media-follow-item>
+            </ecl-social-media-follow>
             </div>
             <div eclSiteFooterSection variant="links">
                 <div eclSiteFooterRow>

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

@@ -48,30 +48,50 @@
         </ecl-menu>
     </ecl-site-header>
 
-    <ecl-page-header>
-        <ecl-breadcrumb>
-            <ol eclBreadcrumbContainer>
-                <li eclBreadcrumbSegment>Home</li>
-                <li eclBreadcrumbSegment>European Commission</li>
-                <li eclBreadcrumbSegment [isCurrentPage]="true">ECL</li>
-            </ol>
-        </ecl-breadcrumb>
-
-        <div eclPageHeaderInfo>
-            <div eclPageHeaderMeta>
-                <span eclPageHeaderMetaItem>
-                    Auto generated template
-                </span>
+    <div eclPageHeader descriptionPosition="bottom">
+        <picture eclPageHeaderBackgroundPicture>
+            <img eclPageHeaderBackgroundImage src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg"
+                alt="Europe flag" />
+        </picture>
+        <div eclPageHeaderContainer>
+            <div eclContainer>
+                <ecl-breadcrumb>
+                    <ol eclBreadcrumbContainer>
+                        <li eclBreadcrumbSegment href="http://ec.europa.eu">Home</li>
+                        <li eclBreadcrumbSegment routerLink="about">About the European Commission</li>
+                        <li eclBreadcrumbSegment routerLink="structure">Organisational structure</li>
+                        <li eclBreadcrumbSegment routerLink="org">How the Commission is organized</li>
+                        <li eclBreadcrumbSegment isCurrentPage>News</li>
+                    </ol>
+                </ecl-breadcrumb>
+                <h1 eclPageHeaderTitle>Consectetur adipiscing elit</h1>
+                <ul eclPageHeaderMeta>
+                    <li eclPageHeaderMetaItem>News article</li>
+                    <li eclPageHeaderMetaItem>10 March 2025</li>
+                    <li eclPageHeaderMetaItem>
+                        <ecl-icon icon="location" size="2xs" eclContentBlockSecondaryMetaIcon></ecl-icon>Brussels
+                    </li>
+                    <li eclPageHeaderMetaItem>
+                        <ecl-icon icon="clock" size="2xs" eclContentBlockSecondaryMetaIcon></ecl-icon>1 minute read
+                    </li>
+                    <li eclPageHeaderMetaItem>
+                        Research center
+                    </li>
+                </ul>
             </div>
-            <h1 eclPageHeaderTitle>Europa Component Library</h1>
         </div>
-        <div eclPageHeaderDescriptionContainer>
+        <div eclPageHeaderDescriptionContainer position="bottom">
+            <picture eclPageHeaderDescriptionPicture>
+                <img eclPageHeaderDescriptionImage
+                    src="https://inno-ecl.s3.amazonaws.com/media/examples/example-image.jpg" alt="Europe flag">
+            </picture>
             <p eclPageHeaderDescription>
-                The Europa Component Library (ECL) is a comprehensive style guide containing the design elements and
-                visual standards that make up all Europa websites and applications.
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nec ullamcorper mi. Morbi interdum
+                fermentum tempus. Nam nec rhoncus risus,<a eclLink routerLink="/">
+                    eget dictum elit</a>. Vestibulum gravida tincidunt venenatis.
             </p>
         </div>
-    </ecl-page-header>
+    </div>
 
     <div class="ecl-u-pv-xl">
         <router-outlet></router-outlet>

package/lib/skeletons/_angular/options/pnpm/package.json

@@ -1,6 +1,6 @@
 {
     "name": "eui-angular-app",
-    "version": "23.0.0-alpha.1",
+    "version": "23.0.0-alpha.2",
     "license": "EUPL-1.1",
     "scripts": {
         "ng": "ng",
@@ -16,21 +16,21 @@
     },
     "private": true,
     "dependencies": {
-        "@angular/animations": "21.1.0",
-        "@angular/common": "21.1.0",
-        "@angular/compiler": "21.1.0",
-        "@angular/core": "21.1.0",
-        "@angular/forms": "21.1.0",
-        "@angular/platform-browser": "21.1.0",
-        "@angular/platform-browser-dynamic": "21.1.0",
-        "@angular/router": "21.1.0",
-        "@angular/elements": "21.1.0",
-        "@angular/language-service": "21.1.0",
-        "@angular/service-worker": "21.1.0",
-        "@angular/cdk": "21.1.0",
-        "@angular/material": "21.1.0",
-        "@angular/material-moment-adapter": "21.1.0",
-        "@angular-devkit/build-angular": "21.1.0",
+        "@angular/animations": "21.2.5",
+        "@angular/common": "21.2.5",
+        "@angular/compiler": "21.2.5",
+        "@angular/core": "21.2.5",
+        "@angular/forms": "21.2.5",
+        "@angular/platform-browser": "21.2.5",
+        "@angular/platform-browser-dynamic": "21.2.5",
+        "@angular/router": "21.2.5",
+        "@angular/elements": "21.2.5",
+        "@angular/language-service": "21.2.5",
+        "@angular/service-worker": "21.2.5",
+        "@angular/cdk": "21.2.3",
+        "@angular/material": "21.2.3",
+        "@angular/material-moment-adapter": "21.2.3",
+        "@angular-devkit/build-angular": "21.2.3",
         "rxjs": "7.8.2",
         "tslib": "2.8.1",
         "zone.js": "0.15.1",
@@ -44,21 +44,21 @@
         "cleave.js": "1.6.0",
         "hammerjs": "2.0.8",
         "pikaday": "1.8.2",
-        "lodash-es": "4.17.21",
+        "lodash-es": "4.17.23",
         "localforage": "1.10.0",
-        "@eui/base": "23.0.0-alpha.1",
-        "@eui/core": "23.0.0-alpha.1",
-        "@eui/styles": "23.0.0-alpha.1",
-        "@eui/components": "23.0.0-alpha.1",
-        "@eui/ecl": "23.0.0-alpha.1"
+        "@eui/base": "23.0.0-alpha.2",
+        "@eui/core": "23.0.0-alpha.2",
+        "@eui/styles": "23.0.0-alpha.2",
+        "@eui/components": "23.0.0-alpha.2",
+        "@eui/ecl": "23.0.0-alpha.2"
     },
     "devDependencies": {
-        "@angular/build": "21.1.0",
-        "@angular/compiler-cli": "21.1.0",
-        "@angular/cli": "21.1.0",
-        "@eui/cli": "23.0.0-alpha.1",
-        "ng-packagr": "21.1.0",
-        "typescript": "5.9.2",
+        "@angular/compiler-cli": "21.2.5",
+        "@angular/build": "21.2.3",
+        "@angular/cli": "21.2.3",
+        "ng-packagr": "23.0.0-alpha.1",
+        "@eui/cli": "23.0.0-alpha.2",
+        "typescript": "~6.0.2",
         "npm-run-all": "4.1.5",
         "json-server": "1.0.0-beta.3",
         "nodemon": "3.1.10",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@eui/cli",
-    "version": "23.0.0-alpha.1",
+    "version": "23.0.0-alpha.2",
     "tag": "next",
     "license": "EUPL-1.1",
     "description": "eUI CLI app generator & tools",
@@ -19,16 +19,13 @@
         "fs-extra": "9.0.0",
         "glob": "7.2.3",
         "rimraf": "6.1.3",
-        "cross-spawn": "7.0.6",
-        "svg-sprite": "2.0.4",
-        "imagemin": "7.0.1",
-        "imagemin-svgo": "9.0.0"
+        "cross-spawn": "7.0.6"
     },
     "preferGlobal": true,
     "homepage": "https://eui.ecdevops.eu",
     "author": "ec.europa.eui@gmail.com",
     "engines": {
-        "node": "^20.19.0 || ^22.12.0 || >=24.0.0",
+        "node": "^20.19.0 || ^22.12.0 || >=24.15.0",
         "yarn": ">=1.22.4 <2"
     }
 }

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

@@ -1,32 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { MetaReducer } from '@ngrx/store';
-import { storeFreeze } from 'ngrx-store-freeze';
-import { reducers as coreReducers, localStorageSync } from '@eui/core';
-import { CoreState, getAppState } 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-mobile/src/app/features/about/about.module.ts

@@ -1,30 +0,0 @@
-import { NgModule } from '@angular/core';
-import { AboutRoutingModule } from './about-routing.module';
-import { AboutComponent } from './about.component';
-import { ChangeLogComponent } from './change-log/changelog.component';
-import { LicenceDetailsComponent } from './licence-details/licence-details.component';
-import { PrivacystatementComponent } from './privacy-statement/privacy-statement.component';
-import { LegalNoticeComponent } from './legal-notice/legal-notice.component';
-import { HelpSupportComponent } from './help-support/help-support.component';
-import { OpensourceLicencesComponent } from './opensource-licences/opensource-licences.component';
-import { SharedModule } from '@shared/shared.module';
-import { TranslateModule } from '@ngx-translate/core';
-
-@NgModule({
-    imports: [
-        SharedModule,
-        AboutRoutingModule,
-        TranslateModule,
-    ],
-    declarations: [
-        AboutComponent,
-        ChangeLogComponent,
-        PrivacystatementComponent,
-        LegalNoticeComponent,
-        HelpSupportComponent,
-        LicenceDetailsComponent,
-        OpensourceLicencesComponent
-    ],
-})
-export class Module {
-}

package/lib/skeletons/_angular/base-mobile/src/app/features/about/privacy-statement/privacy-statement.component.html

@@ -1,11 +0,0 @@
-<ion-header>
-    <ion-toolbar color="branding">
-        <euim-toolbar>
-            <euim-toolbar-title>{{'euim.about.privacy.statement' | translate }}</euim-toolbar-title>
-        </euim-toolbar>
-    </ion-toolbar>
-</ion-header>
-<ion-content>
-    <euim-about-content-loading webUrl="https://www.europeana.eu/en/rights/privacy-policy">
-    </euim-about-content-loading>
-</ion-content>

package/lib/skeletons/_angular/base-mobile/src/app/features/about/privacy-statement/privacy-statement.component.ts

@@ -1,103 +0,0 @@
-import { Component } from '@angular/core';
-
-@Component({
-    templateUrl: './privacy-statement.component.html'
-})
-export class PrivacystatementComponent {
-    changeLogs = [
-        {
-            version: 'v1.2.0',
-            sections: [
-                {
-                    name: 'New features',
-                    items: [
-                        'Lorem ipsum sit amelor dot alersi',
-                        'Addenadum, des ameliori dora cantine imaginum des cornes',
-                        'Prioridari modulo EXANTI pero alumnides monitoro alere umo quorum pano',
-                    ],
-                },
-                {
-                    name: 'Improvements',
-                    items: [
-                        'Nuevo funcciono uno',
-                        'Apprenati koleos amedo del corossa',
-                        'Aperanci todo formas y formulas',
-                    ],
-                },
-                {
-                    name: 'Bugfixes',
-                    items: [
-                        'Fixato lorem ipsum et amelori',
-                        'Correctus magnus magnificus',
-                        'Reparus extra petiti textus',
-                    ],
-                },
-            ],
-        },
-        {
-            version: 'v1.1.2',
-            sections: [
-                {
-                    name: 'New features',
-                    items: [
-                        'Lorem ipsum sit amelor dot alersi',
-                        'Addenadum, des ameliori dora cantine imaginum des cornes',
-                        'Prioridari modulo EXANTI pero alumnides monitoro alere umo quorum pano',
-                    ],
-                },
-                {
-                    name: 'Improvements',
-                    items: [
-                        'Nuevo funcciono uno',
-                    ],
-                },
-                {
-                    name: 'Bugfixes',
-                    items: [],
-                },
-            ],
-        },
-        {
-            version: 'v1.1.0',
-            sections: [
-                {
-                    name: 'New features',
-                    items: [
-                        'Home page',
-                        'Main menu',
-                    ],
-                },
-                {
-                    name: 'Improvements',
-                    items: [
-                        'Nuevo funcciono uno',
-                    ],
-                },
-                {
-                    name: 'Bugfixes',
-                    items: [],
-                },
-            ],
-        },
-        {
-            version: 'v1.0.1',
-            sections: [
-                {
-                    name: 'New features',
-                    items: [
-                        'Initial version',
-                    ],
-                },
-                {
-                    name: 'Improvements',
-                    items: [],
-                },
-                {
-                    name: 'bugfixes',
-                    items: [],
-                },
-            ],
-        },
-    ];
-
-}