@eui/cli 18.2.4 → 18.2.5-snapshot-1734336466898

package/.version.properties

@@ -1 +1 @@
-18.2.4
+18.2.5-snapshot-1734336466898

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

@@ -1,6 +1,6 @@
 {
     "name": "eui-angular-app",
-    "version": "18.2.4",
+    "version": "18.2.5-snapshot-1734336466898",
     "license": "EUPL-1.1",
     "scripts": {
         "ng": "ng",
@@ -21,7 +21,7 @@
     },
     "private": true,
     "dependencies": {
-        "@eui/deps-base": "18.2.4"
+        "@eui/deps-base": "18.2.5-snapshot-1734336466898"
     },
     "devDependencies": {
         "@angular-eslint/builder": "18.3.0",

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

@@ -1,6 +1,6 @@
 {
     "name": "eui-angular-app",
-    "version": "18.2.4",
+    "version": "18.2.5-snapshot-1734336466898",
     "license": "EUPL-1.1",
     "scripts": {
         "ng": "ng",
@@ -20,8 +20,8 @@
     },
     "private": true,
     "dependencies": {
-        "@eui/deps-base": "18.2.4",
-        "@eui/mobile-core": "18.0.0-next.21",
-        "@eui/mobile-styles": "18.0.0-next.21"
+        "@eui/deps-base": "18.2.5-snapshot-1734336466898",
+        "@eui/mobile-core": "18.0.0-next.23",
+        "@eui/mobile-styles": "18.0.0-next.23"
     }
 }

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

@@ -7,6 +7,7 @@ const routes: Routes = [
     { 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) },
+    { path: 'screen/about', loadChildren: () => import('./features/about/about.module').then(m => m.Module) },
 ];
 
 @NgModule({

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

@@ -2,9 +2,11 @@
     <euim-sidebar id="mainSidebar">
         <euim-user-profile>
             <euim-user-profile-avatar>
-                <euim-avatar-icon color="primary" fill="solid" size="m">
-                    <ion-icon name="person-circle-sharp"></ion-icon>
-                </euim-avatar-icon>
+                <euim-avatar color="branding" size="m" fill="solid">
+                    <euim-avatar-icon>
+                        <ion-icon name="person-circle"></ion-icon>
+                    </euim-avatar-icon>
+                </euim-avatar>
             </euim-user-profile-avatar>
             <euim-user-profile-infos>
                 <euim-user-profile-infos-item>
@@ -15,7 +17,7 @@
                 </euim-user-profile-infos-item>
             </euim-user-profile-infos>
             <euim-user-profile-action>
-                <euim-language-selector color="primary"></euim-language-selector>
+                <euim-language-selector color="branding"></euim-language-selector>
             </euim-user-profile-action>
         </euim-user-profile>
         <euim-sidebar-content>

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

@@ -39,6 +39,10 @@ export class AppComponent implements OnDestroy {
         },
         { label: 'Module Page', url: 'screen/module2',
             icon: 'document-outline', iconColor: 'dark', },
+        {
+            label: 'About this app', url: 'screen/about',
+            icon: 'phone-portrait-outline', iconColor: 'dark',
+        },
 
     ];
 

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

@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { TranslateModule } from '@ngx-translate/core';
 import { StoreModule } from '@ngrx/store';
-// import { EffectsModule } from '@ngrx/effects';
+import { EffectsModule } from '@ngrx/effects';
 import { StoreDevtoolsModule } from '@ngrx/store-devtools';
 
 import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
@@ -15,7 +15,7 @@ import {
     EuLoginSessionTimeoutHandlingInterceptor,
     CoreModule as EuiCoreModule,
     translateConfig,
-    // CoreModuleEffects,
+    CoreModuleEffects,
     EUI_CONFIG_TOKEN,
 } from '@eui/core';
 
@@ -31,10 +31,10 @@ import { SharedModule } from '@shared/shared.module';
         HttpClientModule,
         SharedModule,
         EuiCoreModule.forRoot(),
-        // EffectsModule.forRoot([...CoreModuleEffects]),
+        EffectsModule.forRoot([...CoreModuleEffects]),
         TranslateModule.forRoot(translateConfig),
         StoreModule.forRoot(),
-        // StoreModule.forRoot(REDUCER_TOKEN, { metaReducers }),
+        StoreModule.forRoot(REDUCER_TOKEN, { metaReducers }),
         !environment.production ? StoreDevtoolsModule.instrument({ maxAge: 50 }) : [],
         IonicModule.forRoot({mode: 'md'}),
     ],

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

@@ -0,0 +1,40 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { AboutComponent } from './about.component';
+import { ChangeLogComponent } from './change-log/changelog.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';
+
+const routes: Routes = [
+    {
+        path: '',
+        component: AboutComponent,
+    },
+    {
+        path: 'change-log',
+        component: ChangeLogComponent
+    },
+    {
+        path: 'privacy-statement',
+        component: PrivacystatementComponent
+    },
+    {
+        path: 'legal-notice',
+        component: LegalNoticeComponent
+    },
+    {
+        path: 'help-support',
+        component: HelpSupportComponent
+    },
+    {
+        path: 'opensource-licences',
+        component: OpensourceLicencesComponent,
+    }
+];
+
+@NgModule({
+    imports: [RouterModule.forChild(routes)],
+})
+export class AboutRoutingModule {}

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

@@ -0,0 +1,69 @@
+<ion-header>
+    <ion-toolbar color="branding">
+        <euim-toolbar>
+            <euim-toolbar-title>{{ 'euim.about.text' | translate }}</euim-toolbar-title>
+            <euim-toolbar-action-items>
+                <ion-label class="eui-u-mr-m" (click)="toggleQRCode()" slot="end">
+                    <strong>
+                        @if (showCode) {
+                            {{ 'euim.about.hide.qrcode' | translate }}
+                        }
+                        @if (!showCode) {
+                            {{ 'euim.about.show.qrcode' | translate }}
+                        }
+                    </strong>
+                </ion-label>
+            </euim-toolbar-action-items>
+        </euim-toolbar>
+    </ion-toolbar>
+
+    <euim-header-details color="branding">
+        <div euimHeaderDetailsIcon>
+            <euim-toolbar-qrcode [showCode]="showCode" logoUrl="./assets/images/app-icon.svg"
+                                 qrCodeUrl="https://github.com/Cordobo/angularx-qrcode"></euim-toolbar-qrcode>
+        </div>
+        <div euimHeaderDetailsTitle><strong>eUI / mobile</strong></div>
+        <div euimHeaderDetailsMeta>{{'euim.about.version' | translate }}</div>
+        <div euimHeaderDetailsMeta>{{ 'euim.about.builton' | translate }} 12.03.2024, 16:30</div>
+    </euim-header-details>
+</ion-header>
+<ion-content>
+    <euim-about>
+
+        <ion-list>
+            <ion-list-header>
+                <ion-label>{{ 'euim.aboutapp.text' | translate }}</ion-label>
+            </ion-list-header>
+            <ion-item button (click)="onNavigate('/screen/about/change-log')">
+                <ion-icon name="build-outline" slot="start"></ion-icon>
+                <ion-label>
+                    <div euimLabel>{{'euim.about.changelog' | translate }}</div>
+                </ion-label>
+            </ion-item>
+            <ion-item button (click)="onNavigate('/screen/about/privacy-statement')">
+                <ion-icon name="finger-print-sharp" slot="start"></ion-icon>
+                <ion-label>
+                    <div euimLabel>{{'euim.about.privacy.statement' | translate }}</div>
+                </ion-label>
+            </ion-item>
+            <ion-item button (click)="onNavigate('/screen/about/opensource-licences')">
+                <ion-icon name="ribbon-outline" slot="start"></ion-icon>
+                <ion-label>
+                    <div euimLabel>{{'euim.about.opensource.licences' | translate }}</div>
+                </ion-label>
+            </ion-item>
+            <ion-item button (click)="onNavigate('/screen/about/legal-notice')">
+                <ion-icon name="library-outline" slot="start"></ion-icon>
+                <ion-label>
+                    <div euimLabel>{{'euim.about.legal.notice' | translate }}</div>
+                </ion-label>
+            </ion-item>
+            <ion-item button (click)="onNavigate('/screen/about/help-support')">
+                <ion-icon name="mail-outline" slot="start"></ion-icon>
+                <ion-label>
+                    <div euimLabel>{{'euim.about.help.support' | translate }}</div>
+                </ion-label>
+            </ion-item>
+        </ion-list>
+    </euim-about>
+</ion-content>

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

@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+import { NavController } from '@ionic/angular';
+
+@Component({
+    templateUrl: './about.component.html'
+})
+export class AboutComponent {
+    showCode = false;
+
+    constructor(
+        private navCtrl: NavController,
+    ) {}
+    toggleQRCode(): void {
+        this.showCode = !this.showCode;
+    }
+    onNavigate(url: string) {
+        this.navCtrl.navigateForward(url);
+    }
+}

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

@@ -0,0 +1,28 @@
+import { NgModule } from '@angular/core';
+import { AboutRoutingModule } from './about-routing.module';
+import { AboutComponent } from './about.component';
+import { ChangeLogComponent } from './change-log/changelog.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,
+        OpensourceLicencesComponent
+    ],
+})
+export class Module {
+}

package/lib/skeletons/_angular/base-mobile/src/app/features/about/change-log/changelog.component.html

@@ -0,0 +1,11 @@
+<ion-header>
+    <ion-toolbar color="branding">
+        <euim-toolbar>
+            <euim-toolbar-title>{{ 'euim.about.changelog' | translate }}</euim-toolbar-title>
+        </euim-toolbar>
+    </ion-toolbar>
+</ion-header>
+<ion-content>
+    <euim-changelog [changeLogs]="changeLogs">
+    </euim-changelog>
+</ion-content>

package/lib/skeletons/_angular/base-mobile/src/app/features/about/change-log/changelog.component.ts

@@ -0,0 +1,102 @@
+import { Component } from '@angular/core';
+@Component({
+    templateUrl: './changelog.component.html'
+})
+export class ChangeLogComponent {
+    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: [],
+                },
+            ],
+        },
+    ];
+
+}

package/lib/skeletons/_angular/base-mobile/src/app/features/about/help-support/help-support.component.html

@@ -0,0 +1,20 @@
+<ion-header>
+    <ion-toolbar color="branding">
+        <euim-toolbar>
+            <euim-toolbar-title>{{ 'euim.about.help.support' | translate }}</euim-toolbar-title>
+        </euim-toolbar>
+
+        <euim-alert-message color="branding">
+            <ion-icon name="person-circle" slotStart></ion-icon>
+            {{ alertInfos.title }}
+
+            <ion-button [href]="alertInfos.btnLink" slotEnd size="small" fill="outline">
+                <strong>{{ alertInfos.btnTitle }}</strong>
+            </ion-button>
+        </euim-alert-message>
+    </ion-toolbar>
+</ion-header>
+<ion-content>
+    <euim-help-support [helpAndSupportItems]="helpAndSupportItems">
+    </euim-help-support>
+</ion-content>

package/lib/skeletons/_angular/base-mobile/src/app/features/about/help-support/help-support.component.ts

@@ -0,0 +1,75 @@
+import { Component } from '@angular/core';
+
+@Component({
+    templateUrl: './help-support.component.html'
+})
+export class HelpSupportComponent {
+    alertInfos = {
+        icon: 'person-circle',
+        title: 'Looking for staff member?',
+        btnLink: '.',
+        btnTitle: 'FIND PERSON'
+    }
+
+    helpAndSupportItems = [
+        {
+            sectionTitle: 'CONTACT US',
+            items: [
+                {
+                    title: '+352 123 45 67890',
+                    phone: '+352 123 45 67890',
+                    subtitle: 'Customer service',
+                    startIcon: 'call',
+                    hasBottomLine: true
+                },
+                {
+                    title: '+32 123 45 67890',
+                    phone: '+32 123 45 67890',
+                    subtitle: 'Helpdesk support',
+                    startIcon: 'call',
+                    hasBottomLine: true
+                },
+                {
+                    title: 'digit-eui-support@ec.europa.eu',
+                    mail: 'digit-eui-support@ec.europa.eu',
+                    subtitle: 'Helpdesk support',
+                    startIcon: 'at',
+                    hasBottomLine: true
+                },
+                {
+                    title: 'EC Microsoft Teams',
+                    link: 'https://teams.microsoft.com/l/channel/19%3a6db7a6cef52340eb91d67b8d75db2523%40thread.tacv2/%25E2%259D%2593%25E2%259D%2593%2520%2520HELPDESK%2520and%2520SUPPORT?groupId=fb6def72-c57b-4e8f-a82e-49be65d6e1f5&tenantId=b24c8b06-522c-46fe-9080-70926f8dddb1',
+                    subtitle: 'Microsoft Teams helpdesk channel',
+                    startIcon: 'people'
+                },
+            ],
+        },
+        {
+            sectionTitle: 'SUPPORT MATERIALS',
+            items: [
+                {
+                    title: 'eUI / mobile manual',
+                    subtitle: 'Getting started with library',
+                    link: 'https://euidev.ecdevops.eu/eui-showcase-mobile-18.x/home',
+                    startIcon: 'book',
+                    endIcon: 'link'
+                },
+                {
+                    title: 'EU Login',
+                    subtitle: 'User manual',
+                    link: 'https://webgate.ec.europa.eu/cas/help.html',
+                    startIcon: 'book',
+                    endIcon: 'link'
+                },
+                {
+                    title: 'FAQ',
+                    subtitle: 'Frequently asked questions',
+                    link: 'https://ec.europa.eu/sustainable-finance-taxonomy/faq',
+                    startIcon: 'book',
+                    endIcon: 'link'
+                }
+            ]
+        }
+    ];
+
+}

package/lib/skeletons/_angular/base-mobile/src/app/features/about/legal-notice/legal-notice.component.html

@@ -0,0 +1,12 @@
+<ion-header>
+    <ion-toolbar color="branding">
+        <euim-toolbar>
+            <euim-toolbar-title>{{ 'euim.about.legal.notice' | translate }}</euim-toolbar-title>
+        </euim-toolbar>
+    </ion-toolbar>
+</ion-header>
+<ion-content>
+    <euim-about-content-loading>
+        <euim-pdf-viewer url="assets/docs/pdf-test.pdf"></euim-pdf-viewer>
+    </euim-about-content-loading>
+</ion-content>

package/lib/skeletons/_angular/base-mobile/src/app/features/about/legal-notice/legal-notice.component.ts

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

package/lib/skeletons/_angular/base-mobile/src/app/features/about/opensource-licences/opensource-licences.component.html

@@ -0,0 +1,11 @@
+<ion-header>
+    <ion-toolbar color="branding">
+        <euim-toolbar>
+            <euim-toolbar-title>{{ 'euim.about.opensource.licences' | translate }}</euim-toolbar-title>
+        </euim-toolbar>
+    </ion-toolbar>
+</ion-header>
+<ion-content>
+    <euim-opensource-licences [items]="items" (clickItem)="onClickedItems($event)">
+    </euim-opensource-licences>
+</ion-content>

package/lib/skeletons/_angular/base-mobile/src/app/features/about/opensource-licences/opensource-licences.component.ts

@@ -0,0 +1,20 @@
+import { Component } from '@angular/core';
+
+@Component({
+    templateUrl: './opensource-licences.component.html'
+})
+export class OpensourceLicencesComponent {
+    items = [
+        { name: 'ionic-framework' },
+        { name: 'angular-framework' },
+        { name: 'swiper.js' },
+        { name: 'ng2-pdf-viewer' },
+        { name: 'file-saver' },
+
+    ];
+
+    onClickedItems(clickedItem: string[]): void {
+        console.log('Selected Item - ', clickedItem);
+    }
+
+}

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

@@ -0,0 +1,11 @@
+<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

@@ -0,0 +1,103 @@
+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: [],
+                },
+            ],
+        },
+    ];
+
+}

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

@@ -1,5 +1,5 @@
 <ion-header>
-    <ion-toolbar color="primary">
+    <ion-toolbar color="branding">
         <euim-toolbar [hasSidebarTrigger]="true" [hasLanguageSelector]="true">
             <euim-toolbar-title>eUI mobile showcase</euim-toolbar-title>
         </euim-toolbar>

package/lib/skeletons/_angular/base-mobile/src/app/features/module1/components/page1/page1.component.html

@@ -1,5 +1,5 @@
 <ion-header>
-    <ion-toolbar color="primary">
+    <ion-toolbar color="branding">
         <euim-toolbar>
             <euim-toolbar-title>Module 1 - Page 1</euim-toolbar-title>
         </euim-toolbar>

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

@@ -1,5 +1,5 @@
 <ion-header>
-    <ion-toolbar color="primary">
+    <ion-toolbar color="branding">
         <euim-toolbar>
             <euim-toolbar-title>Module 1 - Page 2</euim-toolbar-title>
         </euim-toolbar>

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

@@ -1,5 +1,5 @@
 <ion-header>
-    <ion-toolbar color="primary">
+    <ion-toolbar color="branding">
         <euim-toolbar [hasSidebarTrigger]="true">
             <euim-toolbar-title>Module 1 - home</euim-toolbar-title>
         </euim-toolbar>

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

@@ -1,5 +1,5 @@
 <ion-header>
-    <ion-toolbar color="primary">
+    <ion-toolbar color="branding">
         <euim-toolbar [hasSidebarTrigger]="true">
             <euim-toolbar-title>Module 2 - home</euim-toolbar-title>
         </euim-toolbar>

package/lib/skeletons/_angular/base-mobile/src/assets/i18n/en.json

@@ -9,5 +9,17 @@
     "euim.language-list.SELECT-LANGUAGE-EXT": "Change language. Current language is {{ currentLang }}",
     "euim.language-list.EU-LANGUAGES": "Official EU languages",
     "euim.language-list.NON-EU-LANGUAGES": "Other languages",
-    "euim.language-list.ENGLISH": "English"
+    "euim.language-list.ENGLISH": "English",
+    "euim.about.text" : "About",
+    "euim.aboutapp.text" : "ABOUT THIS APP",
+    "euim.about.hide.qrcode" : "HIDE QR CODE",
+    "euim.about.show.qrcode" : "SHOW QR CODE",
+    "euim.about.builton" : "Built on",
+    "euim.about.version" : "version",
+    "euim.about.changelog" : "Change Log",
+    "euim.about.opensource.licences" : "Open source Licences",
+    "euim.about.legal.notice" : "Legal Notice",
+    "euim.about.licence.details" : "Licence Details",
+    "euim.about.help.support" : "Help & Support",
+    "euim.about.privacy.statement" : "Privacy Statement"
 }

package/lib/skeletons/_angular/base-mobile/src/assets/i18n/es.json

@@ -9,5 +9,16 @@
     "euim.language-list.SELECT-LANGUAGE-EXT": "Cambiar idioma, el idioma actual es {{ currentLang }}",
     "euim.language-list.EU-LANGUAGES": "Idiomas oficiales de la UE",
     "euim.language-list.NON-EU-LANGUAGES": "Otros idiomas",
-    "euim.language-list.ENGLISH": "Inglés"
+    "euim.language-list.ENGLISH": "Inglés",
+    "euim.aboutapp.text" : "ACERCA DE ESTA APLICACIÓN",
+    "euim.about.hide.qrcode": "OCULTAR CÓDIGO QR",
+    "euim.about.show.qrcode": "MOSTRAR CÓDIGO QR",
+    "euim.about.builton": "Construido en",
+    "euim.about.version": "versión",
+    "euim.about.changelog": "Registro de cambios",
+    "euim.about.opensource.licences": "Licencias de código abierto",
+    "euim.about.licence.details" : "Detalles de la Licencia",
+    "euim.about.legal.notice": "Aviso Legal",
+    "euim.about.help.support": "Ayuda y soporte",
+    "euim.about.privacy.statement" : "Declaración de Privacidad"
 }

package/lib/skeletons/_angular/base-mobile/src/assets/i18n/fr.json

@@ -9,5 +9,17 @@
     "euim.language-list.SELECT-LANGUAGE-EXT": "Changer de langue, la langue actuelle est {{ currentLang }}",
     "euim.language-list.EU-LANGUAGES": "Langues officielles de l'UE",
     "euim.language-list.NON-EU-LANGUAGES": "Autres langues",
-    "euim.language-list.ENGLISH": "Anglais"
+    "euim.language-list.ENGLISH": "Anglais",
+    "euim.about.text": "À propos de",
+    "euim.aboutapp.text" : "À PROPOS DE CETTE APPLICATION",
+    "euim.about.hide.qrcode": "MASQUER LE CODE QR",
+    "euim.about.show.qrcode": "AFFICHER LE CODE QR",
+    "euim.about.builton": "Construit sur",
+    "euim.about.version": "version",
+    "euim.about.changelog": "Journal des modifications",
+    "euim.about.opensource.licences": "Licences open source",
+    "euim.about.legal.notice" : "Mentions Légales",
+    "euim.about.licence.details" : "Détails de la Licence",
+    "euim.about.help.support": "Aide et support",
+    "euim.about.privacy.statement": "Déclaration de Confidentialité"
 }

package/lib/skeletons/_angular/base-mobile/src/assets/i18n/tr.json

@@ -9,5 +9,17 @@
     "euim.language-list.SELECT-LANGUAGE-EXT": "Dili değiştir. Mevcut dil: {{ currentLang }}",
     "euim.language-list.EU-LANGUAGES": "AB resmi dilleri",
     "euim.language-list.NON-EU-LANGUAGES": "Diğer diller",
-    "euim.language-list.ENGLISH": "İngilizce"
+    "euim.language-list.ENGLISH": "İngilizce",
+    "euim.about.text": "Hakkında",
+    "euim.aboutapp.text" : "BU UYGULAMA HAKKINDA",
+    "euim.about.hide.qrcode": "QR KODU GİZLE",
+    "euim.about.show.qrcode": "QR KODU GÖSTER",
+    "euim.about.builton": "Üzerine kurulmuş",
+    "euim.about.version": "sürüm",
+    "euim.about.changelog": "Değişiklik Kaydı",
+    "euim.about.opensource.licences": "Açık Kaynak Lisansları",
+    "euim.about.licence.details" : "Lisans Detayları",
+    "euim.about.legal.notice": "Yasal Bildirim",
+    "euim.about.help.support": "Yardım ve Destek",
+    "euim.about.privacy.statement" : "Gizlilik Beyanı"
 }

package/lib/skeletons/_angular/base-mobile/src/assets/images/app-icon.svg

@@ -0,0 +1,10 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="512" height="512" fill="url(#paint0_linear_3357_34543)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M169.907 313.852V123.368H126.315V339.769L256 412.211L385.684 339.769V123.368H342.093V313.852L256 361.944L169.907 313.852ZM277.795 123.368V282.835H234.204V123.368H277.795Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear_3357_34543" x1="256" y1="0" x2="256" y2="512" gradientUnits="userSpaceOnUse">
+<stop stop-color="#50A0FF"/>
+<stop offset="1" stop-color="#004494"/>
+</linearGradient>
+</defs>
+</svg>

package/lib/skeletons/web-symfony/myapp-web/package.json

@@ -1,6 +1,6 @@
 {
     "name": "eui-angular-app",
-    "version": "18.2.4",
+    "version": "18.2.5-snapshot-1734336466898",
     "license": "EUPL-1.1",
     "description": "eUI JEE Symfony app scripts",
     "scripts": {
@@ -18,6 +18,6 @@
     },
     "private": true,
     "dependencies": {
-        "@eui/deps-base": "18.2.4"
+        "@eui/deps-base": "18.2.5-snapshot-1734336466898"
     }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@eui/cli",
-    "version": "18.2.4",
-    "tag": "v18-lts",
+    "version": "18.2.5-snapshot-1734336466898",
+    "tag": "snapshot",
     "license": "EUPL-1.1",
     "description": "eUI CLI app generator",
     "bin": {
@@ -13,7 +13,7 @@
         "url": "https://citnet.tech.ec.europa.eu/CITnet/stash/projects/CSDR/repos/eui"
     },
     "dependencies": {
-        "@eui/tools": "6.21.13"
+        "@eui/tools": "6.21.14"
     },
     "peerDependencies": {
         "@eui/tools": "^6.0.0",