@eui/mobile-core 18.0.0-next.3 → 18.0.0-next.5

package/esm2022/lib/components/directives/euim-divider/euim-divider.module.mjs

@@ -4,13 +4,13 @@ import { IonicModule } from '@ionic/angular';
 import { EuimDividerDirective } from './euim-divider.directive';
 import * as i0 from "@angular/core";
 export class EuimDividerModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: EuimDividerModule, declarations: [EuimDividerDirective], imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimDividerModule, declarations: [EuimDividerDirective], imports: [CommonModule,
             IonicModule], exports: [EuimDividerDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimDividerModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDividerModule, imports: [CommonModule,
             IonicModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimDividerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDividerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/directives/euim-list-header/euim-list-header.directive.mjs

@@ -0,0 +1,27 @@
+import { Directive, HostBinding, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class EuimListHeaderDirective {
+    get cssClasses() {
+        return this.getCssClasses('euim-list-header');
+    }
+    getCssClasses(rootClass) {
+        return [
+            rootClass,
+            this.border ? `${rootClass}--border-${this.border}` : '',
+        ].join(' ').trim();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimListHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimListHeaderDirective, selector: "[euimListHeader]", inputs: { border: "border" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimListHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[euimListHeader]',
+                }]
+        }], propDecorators: { border: [{
+                type: Input
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1saXN0LWhlYWRlci5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZGlyZWN0aXZlcy9ldWltLWxpc3QtaGVhZGVyL2V1aW0tbGlzdC1oZWFkZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFLOUQsTUFBTSxPQUFPLHVCQUF1QjtJQUdoQyxJQUNXLFVBQVU7UUFDakIsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDLGtCQUFrQixDQUFDLENBQUM7SUFDbEQsQ0FBQztJQUVELGFBQWEsQ0FBQyxTQUFpQjtRQUMzQixPQUFPO1lBQ0gsU0FBUztZQUNULElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEdBQUcsU0FBUyxZQUFZLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRTtTQUMzRCxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO2lJQWJRLHVCQUF1QjtxSEFBdkIsdUJBQXVCOzsyRkFBdkIsdUJBQXVCO2tCQUhuQyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxrQkFBa0I7aUJBQy9COzhCQUVZLE1BQU07c0JBQWQsS0FBSztnQkFHSyxVQUFVO3NCQURwQixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgICBzZWxlY3RvcjogJ1tldWltTGlzdEhlYWRlcl0nLFxufSlcbmV4cG9ydCBjbGFzcyBFdWltTGlzdEhlYWRlckRpcmVjdGl2ZSB7XG4gICAgQElucHV0KCkgYm9yZGVyOiAndG9wJyB8ICdib3R0b20nO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gICAgcHVibGljIGdldCBjc3NDbGFzc2VzKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLmdldENzc0NsYXNzZXMoJ2V1aW0tbGlzdC1oZWFkZXInKTtcbiAgICB9XG5cbiAgICBnZXRDc3NDbGFzc2VzKHJvb3RDbGFzczogc3RyaW5nKTogc3RyaW5nIHtcbiAgICAgICAgcmV0dXJuIFtcbiAgICAgICAgICAgIHJvb3RDbGFzcyxcbiAgICAgICAgICAgIHRoaXMuYm9yZGVyID8gYCR7cm9vdENsYXNzfS0tYm9yZGVyLSR7dGhpcy5ib3JkZXJ9YCA6ICcnLFxuICAgICAgICBdLmpvaW4oJyAnKS50cmltKCk7XG4gICAgfVxuXG59XG4iXX0=

package/esm2022/lib/components/directives/euim-list-header/euim-list-header.module.mjs

@@ -0,0 +1,28 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { IonicModule } from '@ionic/angular';
+import { EuimListHeaderDirective } from './euim-list-header.directive';
+import * as i0 from "@angular/core";
+export class EuimListHeaderModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimListHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimListHeaderModule, declarations: [EuimListHeaderDirective], imports: [CommonModule,
+            IonicModule], exports: [EuimListHeaderDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimListHeaderModule, imports: [CommonModule,
+            IonicModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimListHeaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                    ],
+                    exports: [
+                        EuimListHeaderDirective,
+                    ],
+                    declarations: [
+                        EuimListHeaderDirective,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1saXN0LWhlYWRlci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZGlyZWN0aXZlcy9ldWltLWxpc3QtaGVhZGVyL2V1aW0tbGlzdC1oZWFkZXIubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7QUFjdkUsTUFBTSxPQUFPLG9CQUFvQjtpSUFBcEIsb0JBQW9CO2tJQUFwQixvQkFBb0IsaUJBSHpCLHVCQUF1QixhQVB2QixZQUFZO1lBQ1osV0FBVyxhQUdYLHVCQUF1QjtrSUFNbEIsb0JBQW9CLFlBVnpCLFlBQVk7WUFDWixXQUFXOzsyRkFTTixvQkFBb0I7a0JBWmhDLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osV0FBVztxQkFDZDtvQkFDRCxPQUFPLEVBQUU7d0JBQ0wsdUJBQXVCO3FCQUMxQjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1YsdUJBQXVCO3FCQUMxQjtpQkFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgSW9uaWNNb2R1bGUgfSBmcm9tICdAaW9uaWMvYW5ndWxhcic7XG5pbXBvcnQgeyBFdWltTGlzdEhlYWRlckRpcmVjdGl2ZSB9IGZyb20gJy4vZXVpbS1saXN0LWhlYWRlci5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtcbiAgICAgICAgQ29tbW9uTW9kdWxlLFxuICAgICAgICBJb25pY01vZHVsZSxcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtcbiAgICAgICAgRXVpbUxpc3RIZWFkZXJEaXJlY3RpdmUsXG4gICAgXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtcbiAgICAgICAgRXVpbUxpc3RIZWFkZXJEaXJlY3RpdmUsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpbUxpc3RIZWFkZXJNb2R1bGUge1xufVxuIl19

package/esm2022/lib/components/directives/euim-list-header/index.mjs

@@ -0,0 +1,3 @@
+export * from './euim-list-header.module';
+export * from './euim-list-header.directive';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZGlyZWN0aXZlcy9ldWltLWxpc3QtaGVhZGVyL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyw4QkFBOEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vZXVpbS1saXN0LWhlYWRlci5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9ldWltLWxpc3QtaGVhZGVyLmRpcmVjdGl2ZSc7XG4iXX0=

package/esm2022/lib/components/directives/euim-list-item/euim-list-item.directive.mjs

@@ -0,0 +1,20 @@
+import { Directive, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+export class EuimListItemNoPaddingsDirective {
+    constructor() {
+        this.className = 'euim-list-item--no-paddings';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimListItemNoPaddingsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimListItemNoPaddingsDirective, isStandalone: true, selector: "[euimListItemNoPaddings]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimListItemNoPaddingsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[euimListItemNoPaddings]',
+                    standalone: true,
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1saXN0LWl0ZW0uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2RpcmVjdGl2ZXMvZXVpbS1saXN0LWl0ZW0vZXVpbS1saXN0LWl0ZW0uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU12RCxNQUFNLE9BQU8sK0JBQStCO0lBSjVDO1FBTTBCLGNBQVMsR0FBRyw2QkFBNkIsQ0FBQztLQUVuRTtpSUFKWSwrQkFBK0I7cUhBQS9CLCtCQUErQjs7MkZBQS9CLCtCQUErQjtrQkFKM0MsU0FBUzttQkFBQztvQkFDUCxRQUFRLEVBQUUsMEJBQTBCO29CQUNwQyxVQUFVLEVBQUUsSUFBSTtpQkFDbkI7OEJBR3lCLFNBQVM7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbZXVpbUxpc3RJdGVtTm9QYWRkaW5nc10nLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIEV1aW1MaXN0SXRlbU5vUGFkZGluZ3NEaXJlY3RpdmUge1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGNsYXNzTmFtZSA9ICdldWltLWxpc3QtaXRlbS0tbm8tcGFkZGluZ3MnO1xuXG59XG4iXX0=

package/esm2022/lib/components/directives/euim-min-width/euim-min-width.directive.mjs

@@ -0,0 +1,25 @@
+import { Directive, HostBinding, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+export class EuimMinWidthDirective {
+    constructor() {
+        this.minWidth = '20%';
+    }
+    ngOnInit() {
+        this.widthVar = this.minWidth;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMinWidthDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimMinWidthDirective, isStandalone: true, selector: "[euimMinWidth]", inputs: { minWidth: "minWidth" }, host: { properties: { "style.width": "this.widthVar" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMinWidthDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[euimMinWidth]',
+                    standalone: true,
+                }]
+        }], propDecorators: { minWidth: [{
+                type: Input
+            }], widthVar: [{
+                type: HostBinding,
+                args: ['style.width']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1taW4td2lkdGguZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL2RpcmVjdGl2ZXMvZXVpbS1taW4td2lkdGgvZXVpbS1taW4td2lkdGguZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFNdEUsTUFBTSxPQUFPLHFCQUFxQjtJQUpsQztRQUtXLGFBQVEsR0FBRyxLQUFLLENBQUM7S0FNM0I7SUFIQyxRQUFRO1FBQ04sSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO0lBQ2hDLENBQUM7aUlBTlUscUJBQXFCO3FIQUFyQixxQkFBcUI7OzJGQUFyQixxQkFBcUI7a0JBSmpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQUVVLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ3NCLFFBQVE7c0JBQW5DLFdBQVc7dUJBQUMsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2V1aW1NaW5XaWR0aF0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBFdWltTWluV2lkdGhEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBtaW5XaWR0aCA9ICcyMCUnO1xuICBASG9zdEJpbmRpbmcoJ3N0eWxlLndpZHRoJykgd2lkdGhWYXI6IHN0cmluZztcblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLndpZHRoVmFyID0gdGhpcy5taW5XaWR0aDtcbiAgfVxufVxuIl19

package/esm2022/lib/components/directives/euim-sidebar-footer/euim-sidebar-footer.directive.mjs

@@ -4,10 +4,10 @@ export class EuimSidebarFooterNoBordersDirective {
     constructor() {
         this.className = 'euim-sidebar-footer--no-borders';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimSidebarFooterNoBordersDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.5", type: EuimSidebarFooterNoBordersDirective, isStandalone: true, selector: "[euimSidebarFooterNoBorders]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarFooterNoBordersDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimSidebarFooterNoBordersDirective, isStandalone: true, selector: "[euimSidebarFooterNoBorders]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimSidebarFooterNoBordersDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarFooterNoBordersDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimSidebarFooterNoBorders]',

package/esm2022/lib/components/directives/euim-skeleton-text-avatar/euim-skeleton-text-avatar.directive.mjs

@@ -4,10 +4,10 @@ export class EuimSkeletonTextAvatarDirective {
     constructor() {
         this.className = 'euim-skeleton-text-avatar';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimSkeletonTextAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.5", type: EuimSkeletonTextAvatarDirective, selector: "[euimSkeletonTextAvatar]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonTextAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimSkeletonTextAvatarDirective, selector: "[euimSkeletonTextAvatar]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimSkeletonTextAvatarDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonTextAvatarDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimSkeletonTextAvatar]',

package/esm2022/lib/components/directives/euim-skeleton-text-avatar/euim-skeleton-text-avatar.module.mjs

@@ -4,13 +4,13 @@ import { IonicModule } from '@ionic/angular';
 import { EuimSkeletonTextAvatarDirective } from './euim-skeleton-text-avatar.directive';
 import * as i0 from "@angular/core";
 export class EuimSkeletonTextAvatarModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimSkeletonTextAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: EuimSkeletonTextAvatarModule, declarations: [EuimSkeletonTextAvatarDirective], imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonTextAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonTextAvatarModule, declarations: [EuimSkeletonTextAvatarDirective], imports: [CommonModule,
             IonicModule], exports: [EuimSkeletonTextAvatarDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimSkeletonTextAvatarModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonTextAvatarModule, imports: [CommonModule,
             IonicModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimSkeletonTextAvatarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonTextAvatarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/directives/euim-toolbar-transparent/euim-toolbar-transparent.directive.mjs

@@ -4,10 +4,10 @@ export class EuimToolbarTransparentDirective {
     constructor() {
         this.className = 'euim-toolbar--transparent';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimToolbarTransparentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.5", type: EuimToolbarTransparentDirective, isStandalone: true, selector: "[euimToolbarTransparent]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarTransparentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimToolbarTransparentDirective, isStandalone: true, selector: "[euimToolbarTransparent]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimToolbarTransparentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarTransparentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimToolbarTransparent]',

package/esm2022/lib/components/euim-about/euim-about-content-loading/euim-about-content-loading.component.mjs

@@ -12,10 +12,10 @@ export class EuimAboutContentLoadingComponent {
     ngOnInit() {
         this.sanitizedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.webUrl);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAboutContentLoadingComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.5", type: EuimAboutContentLoadingComponent, selector: "euim-about-content-loading", inputs: { webUrl: "webUrl", toolbarTitle: "toolbarTitle" }, ngImport: i0, template: "<div class=\"euim-about-content-loading\">\r\n    <ion-header>\r\n        <ion-toolbar color=\"primary\">\r\n            <euim-toolbar>\r\n                <euim-toolbar-title>{{toolbarTitle}}</euim-toolbar-title>\r\n            </euim-toolbar>\r\n        </ion-toolbar>\r\n    </ion-header>\r\n    <div class=\"euim-about-content-loading__content\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    @if(webUrl) {\r\n    <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n        <div class=\"euim-about-content-loading__iframe-container\">\r\n            <iframe [src]=\"sanitizedUrl\" class=\"euim-about-content-loading__iframe\" scrolling=\"no\" allowfullscreen></iframe>\r\n        </div>\r\n    </ion-content> }\r\n</div>", styles: [".euim-about-content-loading__iframe-container{position:relative;width:100%;height:calc(100vh - 56px)}.euim-about-content-loading__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.euim-about-content-loading__content *{display:block;padding:var(--eui-s-2xs) var(--eui-s-m);font:var(--eui-f-s);color:var(--eui-bc-neutral-100)}\n"], dependencies: [{ kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i3.EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: i4.EuimToolbarTitleComponent, selector: "euim-toolbar-title" }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutContentLoadingComponent, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimAboutContentLoadingComponent, selector: "euim-about-content-loading", inputs: { webUrl: "webUrl", toolbarTitle: "toolbarTitle" }, ngImport: i0, template: "<div class=\"euim-about-content-loading\">\r\n    <ion-header>\r\n        <ion-toolbar color=\"primary\">\r\n            <euim-toolbar>\r\n                <euim-toolbar-title>{{toolbarTitle}}</euim-toolbar-title>\r\n            </euim-toolbar>\r\n        </ion-toolbar>\r\n    </ion-header>\r\n    <div class=\"euim-about-content-loading__content\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    @if(webUrl) {\r\n    <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n        <div class=\"euim-about-content-loading__iframe-container\">\r\n            <iframe [src]=\"sanitizedUrl\" class=\"euim-about-content-loading__iframe\" scrolling=\"no\" allowfullscreen></iframe>\r\n        </div>\r\n    </ion-content> }\r\n</div>", styles: [".euim-about-content-loading__iframe-container{position:relative;width:100%;height:calc(100vh - 56px)}.euim-about-content-loading__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.euim-about-content-loading__content *{display:block;padding:var(--eui-s-2xs) var(--eui-s-m);font:var(--eui-f-s);color:var(--eui-bc-neutral-100)}\n"], dependencies: [{ kind: "component", type: i2.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i2.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i2.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i3.EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: i4.EuimToolbarTitleComponent, selector: "euim-toolbar-title" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAboutContentLoadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutContentLoadingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-about-content-loading', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-about-content-loading\">\r\n    <ion-header>\r\n        <ion-toolbar color=\"primary\">\r\n            <euim-toolbar>\r\n                <euim-toolbar-title>{{toolbarTitle}}</euim-toolbar-title>\r\n            </euim-toolbar>\r\n        </ion-toolbar>\r\n    </ion-header>\r\n    <div class=\"euim-about-content-loading__content\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n    @if(webUrl) {\r\n    <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n        <div class=\"euim-about-content-loading__iframe-container\">\r\n            <iframe [src]=\"sanitizedUrl\" class=\"euim-about-content-loading__iframe\" scrolling=\"no\" allowfullscreen></iframe>\r\n        </div>\r\n    </ion-content> }\r\n</div>", styles: [".euim-about-content-loading__iframe-container{position:relative;width:100%;height:calc(100vh - 56px)}.euim-about-content-loading__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.euim-about-content-loading__content *{display:block;padding:var(--eui-s-2xs) var(--eui-s-m);font:var(--eui-f-s);color:var(--eui-bc-neutral-100)}\n"] }]
         }], ctorParameters: () => [{ type: i1.DomSanitizer }], propDecorators: { webUrl: [{

package/esm2022/lib/components/euim-about/euim-about.component.mjs

@@ -27,10 +27,10 @@ export class EuimAboutComponent {
     toggleQRCode() {
         this.showCode = !this.showCode;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.5", type: EuimAboutComponent, selector: "euim-about", inputs: { version: "version", releaseDate: "releaseDate", qrCodeUrl: "qrCodeUrl", logoUrl: "logoUrl", appName: "appName" }, ngImport: i0, template: "<div class=\"euim-about\">\r\n  <ion-header>\r\n    <ion-toolbar color=\"primary\">\r\n      <euim-toolbar>\r\n        <euim-toolbar-title><strong>{{'euim.about.text' | translate }}</strong></euim-toolbar-title>\r\n        @if (qrCodeUrl) {\r\n        <euim-toolbar-action-items>\r\n          <ion-label (click)=\"toggleQRCode()\">\r\n            <strong>{{ showCode ? ('euim.about.hide.qrcode' | translate) : ('euim.about.show.qrcode' | translate) }}</strong>\r\n          </ion-label>\r\n        </euim-toolbar-action-items> }\r\n      </euim-toolbar>\r\n    </ion-toolbar>\r\n\r\n    <euim-header-details color=\"primary\">\r\n      <div euimHeaderDetailsIcon>\r\n        @if (showCode) {\r\n        <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\" [elementType]=\"'svg'\"\r\n          [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\r\n        @if (!showCode) {\r\n        @if (logoUrl) { <img [src]=\"logoUrl\" class=\"euim-about__app-img\" alt=\"Image\" /> } }\r\n      </div>\r\n      @if (appName) {\r\n      <div euimHeaderDetailsTitle><strong>{{appName}}</strong></div> }\r\n      @if (version) {\r\n      <div euimHeaderDetailsMeta>{{'euim.about.version' | translate }} {{version}}</div> }\r\n      @if (releaseDate) {\r\n      <div euimHeaderDetailsMeta>{{'euim.about.builton' | translate }} {{releaseDate}}</div> }\r\n    </euim-header-details>\r\n  </ion-header>\r\n  <ng-content></ng-content>\r\n</div>", styles: [".euim-about euim-toolbar-title{font:var(--eui-f-xl)}.euim-about euim-toolbar-action-items ion-label{font:var(--eui-f-s)}.euim-about ion-label{margin-inline-end:var(--eui-s-m);cursor:pointer}.euim-about ion-icon{color:var(--eui-bc-neutral-100);margin-inline-end:var(--eui-s-m)}.euim-about__app-img{width:var(--eui-s-4xl);height:var(--eui-s-4xl);border-radius:var(--eui-s-m);border:calc(var(--eui-s-2xs) / 2) solid var(--eui-c-white)}.euim-about[slot=start]{margin-inline-end:var(--eui-s-m)}\n"], dependencies: [{ kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2.QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "margin", "qrdata", "scale", "version", "width"] }, { kind: "component", type: i3.EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: i4.EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: i5.EuimToolbarActionItemsComponent, selector: "euim-toolbar-action-items" }, { kind: "component", type: i6.EuimHeaderDetailsComponent, selector: "euim-header-details" }, { kind: "directive", type: i7.EuimHeaderDetailsTitleDirective, selector: "[euimHeaderDetailsTitle]" }, { kind: "directive", type: i8.EuimHeaderDetailsMetaDirective, selector: "[euimHeaderDetailsMeta]" }, { kind: "directive", type: i9.EuimHeaderDetailsIconDirective, selector: "[euimHeaderDetailsIcon]" }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimAboutComponent, selector: "euim-about", inputs: { version: "version", releaseDate: "releaseDate", qrCodeUrl: "qrCodeUrl", logoUrl: "logoUrl", appName: "appName" }, ngImport: i0, template: "<div class=\"euim-about\">\r\n  <ion-header>\r\n    <ion-toolbar color=\"primary\">\r\n      <euim-toolbar>\r\n        <euim-toolbar-title><strong>{{'euim.about.text' | translate }}</strong></euim-toolbar-title>\r\n        @if (qrCodeUrl) {\r\n        <euim-toolbar-action-items>\r\n          <ion-label (click)=\"toggleQRCode()\">\r\n            <strong>{{ showCode ? ('euim.about.hide.qrcode' | translate) : ('euim.about.show.qrcode' | translate) }}</strong>\r\n          </ion-label>\r\n        </euim-toolbar-action-items> }\r\n      </euim-toolbar>\r\n    </ion-toolbar>\r\n\r\n    <euim-header-details color=\"primary\">\r\n      <div euimHeaderDetailsIcon>\r\n        @if (showCode) {\r\n        <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\" [elementType]=\"'svg'\"\r\n          [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\r\n        @if (!showCode) {\r\n        @if (logoUrl) { <img [src]=\"logoUrl\" class=\"euim-about__app-img\" alt=\"Image\" /> } }\r\n      </div>\r\n      @if (appName) {\r\n      <div euimHeaderDetailsTitle><strong>{{appName}}</strong></div> }\r\n      @if (version) {\r\n      <div euimHeaderDetailsMeta>{{'euim.about.version' | translate }} {{version}}</div> }\r\n      @if (releaseDate) {\r\n      <div euimHeaderDetailsMeta>{{'euim.about.builton' | translate }} {{releaseDate}}</div> }\r\n    </euim-header-details>\r\n  </ion-header>\r\n  <ng-content></ng-content>\r\n</div>", styles: [".euim-about euim-toolbar-title{font:var(--eui-f-xl)}.euim-about euim-toolbar-action-items ion-label{font:var(--eui-f-s)}.euim-about ion-label{margin-inline-end:var(--eui-s-m);cursor:pointer}.euim-about ion-icon{color:var(--eui-bc-neutral-100);margin-inline-end:var(--eui-s-m)}.euim-about__app-img{width:var(--eui-s-4xl);height:var(--eui-s-4xl);border-radius:var(--eui-s-m);border:calc(var(--eui-s-2xs) / 2) solid var(--eui-c-white)}.euim-about[slot=start]{margin-inline-end:var(--eui-s-m)}\n"], dependencies: [{ kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2.QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "margin", "qrdata", "scale", "version", "width"] }, { kind: "component", type: i3.EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: i4.EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: i5.EuimToolbarActionItemsComponent, selector: "euim-toolbar-action-items" }, { kind: "component", type: i6.EuimHeaderDetailsComponent, selector: "euim-header-details", inputs: ["hasBorderBottom"] }, { kind: "directive", type: i7.EuimHeaderDetailsTitleDirective, selector: "[euimHeaderDetailsTitle]" }, { kind: "directive", type: i8.EuimHeaderDetailsMetaDirective, selector: "[euimHeaderDetailsMeta]" }, { kind: "directive", type: i9.EuimHeaderDetailsIconDirective, selector: "[euimHeaderDetailsIcon]" }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAboutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-about', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-about\">\r\n  <ion-header>\r\n    <ion-toolbar color=\"primary\">\r\n      <euim-toolbar>\r\n        <euim-toolbar-title><strong>{{'euim.about.text' | translate }}</strong></euim-toolbar-title>\r\n        @if (qrCodeUrl) {\r\n        <euim-toolbar-action-items>\r\n          <ion-label (click)=\"toggleQRCode()\">\r\n            <strong>{{ showCode ? ('euim.about.hide.qrcode' | translate) : ('euim.about.show.qrcode' | translate) }}</strong>\r\n          </ion-label>\r\n        </euim-toolbar-action-items> }\r\n      </euim-toolbar>\r\n    </ion-toolbar>\r\n\r\n    <euim-header-details color=\"primary\">\r\n      <div euimHeaderDetailsIcon>\r\n        @if (showCode) {\r\n        <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\" [elementType]=\"'svg'\"\r\n          [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\r\n        @if (!showCode) {\r\n        @if (logoUrl) { <img [src]=\"logoUrl\" class=\"euim-about__app-img\" alt=\"Image\" /> } }\r\n      </div>\r\n      @if (appName) {\r\n      <div euimHeaderDetailsTitle><strong>{{appName}}</strong></div> }\r\n      @if (version) {\r\n      <div euimHeaderDetailsMeta>{{'euim.about.version' | translate }} {{version}}</div> }\r\n      @if (releaseDate) {\r\n      <div euimHeaderDetailsMeta>{{'euim.about.builton' | translate }} {{releaseDate}}</div> }\r\n    </euim-header-details>\r\n  </ion-header>\r\n  <ng-content></ng-content>\r\n</div>", styles: [".euim-about euim-toolbar-title{font:var(--eui-f-xl)}.euim-about euim-toolbar-action-items ion-label{font:var(--eui-f-s)}.euim-about ion-label{margin-inline-end:var(--eui-s-m);cursor:pointer}.euim-about ion-icon{color:var(--eui-bc-neutral-100);margin-inline-end:var(--eui-s-m)}.euim-about__app-img{width:var(--eui-s-4xl);height:var(--eui-s-4xl);border-radius:var(--eui-s-m);border:calc(var(--eui-s-2xs) / 2) solid var(--eui-c-white)}.euim-about[slot=start]{margin-inline-end:var(--eui-s-m)}\n"] }]
         }], propDecorators: { version: [{

package/esm2022/lib/components/euim-about/euim-about.module.mjs

@@ -24,8 +24,8 @@ const COMPONENTS = [
     EuimAboutContentLoadingComponent,
 ];
 export class EuimAboutModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: EuimAboutModule, declarations: [EuimAboutComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutModule, declarations: [EuimAboutComponent,
             EuimChangelogComponent,
             EuimOpenSourceLicencesComponent,
             EuimHelpSupportComponent,
@@ -44,7 +44,7 @@ export class EuimAboutModule {
             EuimOpenSourceLicencesComponent,
             EuimHelpSupportComponent,
             EuimAboutContentLoadingComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAboutModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutModule, imports: [CommonModule,
             IonicModule,
             QRCodeModule,
             EuimToolbarComponentModule,
@@ -56,7 +56,7 @@ export class EuimAboutModule {
             TranslateModule,
             RouterModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAboutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/euim-about/euim-changelog/euim-changelog.component.mjs

@@ -9,12 +9,12 @@ export class EuimChangelogComponent {
     constructor() {
         this.changeLogs = [];
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimChangelogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.5", type: EuimChangelogComponent, selector: "euim-changelog", inputs: { changeLogs: "changeLogs" }, ngImport: i0, template: "<div class=\"euim-changelog\">\n    <ion-header>\n        <ion-toolbar color=\"primary\">\n            <euim-toolbar>\n                <euim-toolbar-title>{{ 'euim.about.changelog' | translate }}</euim-toolbar-title>\n            </euim-toolbar>\n        </ion-toolbar>\n    </ion-header>\n    <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\n        <ion-list>\n            <ion-accordion-group [multiple]=\"true\" value=\"about\">\n                @for (logItem of changeLogs; track $index) {\n                    <ion-accordion [value]=\"$index === 0 ? 'about' : logItem.version\">\n                        <ion-item slot=\"header\">\n                            <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\n                            <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle>\n                                <strong>{{ logItem.version }}</strong>\n                            </div>\n                        </ion-item>\n                        <ion-list slot=\"content\">\n                            @for (section of logItem.sections; track section) {\n                                @if (section.items && section.items.length > 0) {\n                                    <ion-item-divider>\n                                        <ion-label>{{ section.name }}</ion-label>\n                                    </ion-item-divider>\n                                    <ion-item lines=\"none\">\n                                        <ul>\n                                            @for (item of section.items; track item) {\n                                                <li>{{ item }}</li>\n                                            }\n                                        </ul>\n                                    </ion-item>\n                                }\n                            }\n                        </ion-list>\n                    </ion-accordion>\n                }\n            </ion-accordion-group>\n        </ion-list>\n    </ion-content>\n</div>\n", styles: [".euim-changelog__euimVersionTitle{font:var(--eui-f-s);color:var(--eui-bc-neutral-100)}.euim-changelog ul{padding:var(--eui-s-xs) var(--eui-s-m);margin:0}.euim-changelog li{font:var(--eui-f-m);color:var(--eui-bc-neutral-100)}.euim-changelog ion-item ion-icon{color:var(--eui-bc-neutral-100)}.euim-changelog ion-item ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-changelog ion-item ion-icon[slot=end]{color:var(--eui-bc-neutral-80)}.euim-changelog ion-accordion.accordion-expanded ion-item[slot=header]{--border-width: 0 0 1px 0 !important}.euim-changelog ion-list{flex:1;display:flex;flex-direction:column}.euim-changelog ion-content ion-list{max-height:calc(100vh - var(--eui-base-spacing-4xl));overflow-y:auto;overflow-x:hidden}\n"], dependencies: [{ kind: "component", type: i1.IonAccordion, selector: "ion-accordion", inputs: ["disabled", "mode", "readonly", "toggleIcon", "toggleIconSlot", "value"] }, { kind: "component", type: i1.IonAccordionGroup, selector: "ion-accordion-group", inputs: ["animated", "disabled", "expand", "mode", "multiple", "readonly", "value"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2.EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: i3.EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: i4.EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimChangelogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimChangelogComponent, selector: "euim-changelog", inputs: { changeLogs: "changeLogs" }, ngImport: i0, template: "<div class=\"euim-changelog\">\n    <ion-header>\n        <ion-toolbar color=\"primary\">\n            <euim-toolbar>\n                <euim-toolbar-title>{{ 'euim.about.changelog' | translate }}</euim-toolbar-title>\n            </euim-toolbar>\n        </ion-toolbar>\n    </ion-header>\n    <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\n        <ion-list>\n            <ion-accordion-group [multiple]=\"true\" value=\"about\">\n                @for (logItem of changeLogs; track $index) {\n                    <ion-accordion [value]=\"$index === 0 ? 'about' : logItem.version\">\n                        <ion-item slot=\"header\">\n                            <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\n                            <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle>\n                                <strong>{{ logItem.version }}</strong>\n                            </div>\n                        </ion-item>\n                        <ion-list slot=\"content\">\n                            @for (section of logItem.sections; track section) {\n                                @if (section.items && section.items.length > 0) {\n                                    <ion-item-divider>\n                                        <ion-label>{{ section.name }}</ion-label>\n                                    </ion-item-divider>\n                                    <ion-item lines=\"none\">\n                                        <ul>\n                                            @for (item of section.items; track item) {\n                                                <li>{{ item }}</li>\n                                            }\n                                        </ul>\n                                    </ion-item>\n                                }\n                            }\n                        </ion-list>\n                    </ion-accordion>\n                }\n            </ion-accordion-group>\n        </ion-list>\n    </ion-content>\n</div>\n", styles: [".euim-changelog__euimVersionTitle{font:var(--eui-f-s);color:var(--eui-bc-neutral-100)}.euim-changelog ul{padding:var(--eui-s-xs) var(--eui-s-m);margin:0}.euim-changelog li{font:var(--eui-f-m);color:var(--eui-bc-neutral-100)}.euim-changelog ion-item ion-icon{color:var(--eui-bc-neutral-100)}.euim-changelog ion-item ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-changelog ion-item ion-icon[slot=end]{color:var(--eui-bc-neutral-80)}.euim-changelog ion-list{flex:1;display:flex;flex-direction:column}.euim-changelog ion-content ion-list{max-height:calc(100vh - var(--eui-base-spacing-4xl));overflow-y:auto;overflow-x:hidden}\n"], dependencies: [{ kind: "component", type: i1.IonAccordion, selector: "ion-accordion", inputs: ["disabled", "mode", "readonly", "toggleIcon", "toggleIconSlot", "value"] }, { kind: "component", type: i1.IonAccordionGroup, selector: "ion-accordion-group", inputs: ["animated", "disabled", "expand", "mode", "multiple", "readonly", "value"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2.EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: i3.EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: i4.EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimChangelogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimChangelogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-changelog', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-changelog\">\n    <ion-header>\n        <ion-toolbar color=\"primary\">\n            <euim-toolbar>\n                <euim-toolbar-title>{{ 'euim.about.changelog' | translate }}</euim-toolbar-title>\n            </euim-toolbar>\n        </ion-toolbar>\n    </ion-header>\n    <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\n        <ion-list>\n            <ion-accordion-group [multiple]=\"true\" value=\"about\">\n                @for (logItem of changeLogs; track $index) {\n                    <ion-accordion [value]=\"$index === 0 ? 'about' : logItem.version\">\n                        <ion-item slot=\"header\">\n                            <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\n                            <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle>\n                                <strong>{{ logItem.version }}</strong>\n                            </div>\n                        </ion-item>\n                        <ion-list slot=\"content\">\n                            @for (section of logItem.sections; track section) {\n                                @if (section.items && section.items.length > 0) {\n                                    <ion-item-divider>\n                                        <ion-label>{{ section.name }}</ion-label>\n                                    </ion-item-divider>\n                                    <ion-item lines=\"none\">\n                                        <ul>\n                                            @for (item of section.items; track item) {\n                                                <li>{{ item }}</li>\n                                            }\n                                        </ul>\n                                    </ion-item>\n                                }\n                            }\n                        </ion-list>\n                    </ion-accordion>\n                }\n            </ion-accordion-group>\n        </ion-list>\n    </ion-content>\n</div>\n", styles: [".euim-changelog__euimVersionTitle{font:var(--eui-f-s);color:var(--eui-bc-neutral-100)}.euim-changelog ul{padding:var(--eui-s-xs) var(--eui-s-m);margin:0}.euim-changelog li{font:var(--eui-f-m);color:var(--eui-bc-neutral-100)}.euim-changelog ion-item ion-icon{color:var(--eui-bc-neutral-100)}.euim-changelog ion-item ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-changelog ion-item ion-icon[slot=end]{color:var(--eui-bc-neutral-80)}.euim-changelog ion-accordion.accordion-expanded ion-item[slot=header]{--border-width: 0 0 1px 0 !important}.euim-changelog ion-list{flex:1;display:flex;flex-direction:column}.euim-changelog ion-content ion-list{max-height:calc(100vh - var(--eui-base-spacing-4xl));overflow-y:auto;overflow-x:hidden}\n"] }]
+            args: [{ selector: 'euim-changelog', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-changelog\">\n    <ion-header>\n        <ion-toolbar color=\"primary\">\n            <euim-toolbar>\n                <euim-toolbar-title>{{ 'euim.about.changelog' | translate }}</euim-toolbar-title>\n            </euim-toolbar>\n        </ion-toolbar>\n    </ion-header>\n    <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\n        <ion-list>\n            <ion-accordion-group [multiple]=\"true\" value=\"about\">\n                @for (logItem of changeLogs; track $index) {\n                    <ion-accordion [value]=\"$index === 0 ? 'about' : logItem.version\">\n                        <ion-item slot=\"header\">\n                            <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\n                            <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle>\n                                <strong>{{ logItem.version }}</strong>\n                            </div>\n                        </ion-item>\n                        <ion-list slot=\"content\">\n                            @for (section of logItem.sections; track section) {\n                                @if (section.items && section.items.length > 0) {\n                                    <ion-item-divider>\n                                        <ion-label>{{ section.name }}</ion-label>\n                                    </ion-item-divider>\n                                    <ion-item lines=\"none\">\n                                        <ul>\n                                            @for (item of section.items; track item) {\n                                                <li>{{ item }}</li>\n                                            }\n                                        </ul>\n                                    </ion-item>\n                                }\n                            }\n                        </ion-list>\n                    </ion-accordion>\n                }\n            </ion-accordion-group>\n        </ion-list>\n    </ion-content>\n</div>\n", styles: [".euim-changelog__euimVersionTitle{font:var(--eui-f-s);color:var(--eui-bc-neutral-100)}.euim-changelog ul{padding:var(--eui-s-xs) var(--eui-s-m);margin:0}.euim-changelog li{font:var(--eui-f-m);color:var(--eui-bc-neutral-100)}.euim-changelog ion-item ion-icon{color:var(--eui-bc-neutral-100)}.euim-changelog ion-item ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-changelog ion-item ion-icon[slot=end]{color:var(--eui-bc-neutral-80)}.euim-changelog ion-list{flex:1;display:flex;flex-direction:column}.euim-changelog ion-content ion-list{max-height:calc(100vh - var(--eui-base-spacing-4xl));overflow-y:auto;overflow-x:hidden}\n"] }]
         }], propDecorators: { changeLogs: [{
                 type: Input
             }] } });

package/esm2022/lib/components/euim-about/euim-help-support/euim-help-support.component.mjs

@@ -68,10 +68,10 @@ export class EuimHelpSupportComponent {
         }
         return '_blank';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimHelpSupportComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.5", type: EuimHelpSupportComponent, selector: "euim-help-support", inputs: { helpContacts: "helpContacts", supportMaterials: "supportMaterials", alertInfos: "alertInfos", helpAndSupportItems: "helpAndSupportItems" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <euim-toolbar>\n      <euim-toolbar-title>{{'euim.about.help.support' | translate }}</euim-toolbar-title>\n    </euim-toolbar>\n  </ion-toolbar>\n    @if (alertInfos.title) {\n        <euim-alert-message color=\"primary\">\n            <ion-icon name=\"person-circle\" slotStart></ion-icon>\n            {{ alertInfos.title }}\n\n            @if (alertInfos.btnLink) {\n                <ion-button [href]=\"alertInfos.btnLink\" slotEnd size=\"small\" fill=\"outline\">\n                    <strong>{{ alertInfos.btnTitle }}</strong>\n                </ion-button>\n            }\n        </euim-alert-message>\n    }\n    <ng-content select=\"[headerSection]\"></ng-content>\n</ion-header>\n\n@if (helpAndSupportItems.length > 0 || helpContacts.contacts.length > 0 || supportMaterials.materials.length > 0) {\n  <ion-list>\n      @for (helpSupportItem of helpAndSupportItems; track $index;) {\n          @if (helpSupportItem.sectionTitle) {\n              <ion-item-divider>\n                <ion-label>{{ helpSupportItem.sectionTitle }}</ion-label>\n              </ion-item-divider>\n          }\n\n        @for (item of helpSupportItem.items; track item;) {\n\n            <ion-item [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n                @if (item.startIcon) {\n                    <euim-avatar fill=\"solid\" slot=\"start\">\n                        <euim-avatar-icon>\n                            <ion-icon [name]=\"item.startIcon\"></ion-icon>\n                        </euim-avatar-icon>\n                    </euim-avatar>\n                }\n                @if (item.title || item.subtitle) {\n                    <ion-label>\n                        @if (item.title) {\n                            <a [ngClass]=\"getLinkClass(item)\">\n                                @if (!isLinkSharp(item)) {\n                                <div class=\"euim-help-support__title\">{{ item.title }}</div>\n                                }\n                                @if (isLinkSharp(item)) {\n                                <div euimLabel euimLabelTitle>{{ item.title }}</div>\n                                }\n                            </a>\n                        }\n                        @if (item.subtitle) {\n                            <div euimLabel euimLabelSubTitle>\n                                {{ item.subtitle }}\n                            </div>\n                        }\n                    </ion-label>\n                }\n                @if (item.endIcon) {\n                    <ion-buttons>\n                        <ion-button fill=\"clear\">\n                            <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n                        </ion-button>\n                    </ion-buttons>\n                }\n            </ion-item>\n        }\n      }\n      @if (helpContacts.contacts.length > 0) {\n          @if (helpContacts.sectionTitle) {\n          <ion-item-divider>\n              <ion-label>{{ helpContacts.sectionTitle }}</ion-label>\n          </ion-item-divider>\n          }\n          @for (contact of helpContacts.contacts; track contact; let isLast = $last) {\n              <ion-item [lines]=\"isLast ? 'none' : ''\" (click)=\"onItemClick(undefined, contact.linkType, contact.linkTitle)\">\n                  @if (contact.icon) {\n                  <euim-avatar  fill=\"solid\" slot=\"start\">\n                      <euim-avatar-icon>\n                          <ion-icon [name]=\"contact.icon\"></ion-icon>\n                      </euim-avatar-icon>\n                  </euim-avatar>\n                  }\n                  @if (contact.linkTitle || contact.subtitle) {\n                  <ion-label>\n                      @if (contact.linkTitle) {\n                      <a class=\"euim-help-support__contact-link\">\n                          <div class=\"euim-help-support__title\">{{contact.linkTitle}}</div>\n                      </a>\n                      }\n                      @if (contact.subtitle) {\n                      <div euimLabel euimLabelSubTitle>{{contact.subtitle}}</div>\n                      }\n                  </ion-label>\n                  }\n              </ion-item>\n          }\n      }\n\n      @if (supportMaterials.materials.length > 0) {\n          @if (supportMaterials.sectionTitle) {\n          <ion-item-divider>\n              <ion-label>{{ supportMaterials.sectionTitle }}</ion-label>\n          </ion-item-divider>\n          }\n          @for (material of supportMaterials.materials; track material) {\n              <ion-item lines=\"none\" (click)=\"onItemClick(material, undefined, undefined)\">\n                  @if (material.icon) {\n                  <euim-avatar  fill=\"solid\" slot=\"start\">\n                      <euim-avatar-icon>\n                          <ion-icon [name]=\"material.icon\"></ion-icon>\n                      </euim-avatar-icon>\n                  </euim-avatar>\n                  }\n                  <ion-label>\n                      @if (material.title) {\n                      <div euimLabel euimLabelTitle>{{material.title}}</div>\n                      }\n                      @if (material.subtitle) {\n                      <div euimLabel euimLabelSubTitle>{{material.subtitle}}</div>\n                      }\n                  </ion-label>\n                  <ion-buttons>\n                      <ion-button fill=\"clear\" >\n                          <ion-icon name=\"link-sharp\" slot=\"icon-only\"></ion-icon>\n                      </ion-button>\n                  </ion-buttons>\n              </ion-item>\n          }\n      }\n  </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__title{font:var(--eui-f-m);color:var(--eui-bc-primary-100)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i3.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i3.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i3.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i3.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i3.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i3.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i4.EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: i5.EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: i6.EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "component", type: i7.EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: i8.EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "component", type: i9.EuimAlertMessageComponent, selector: "euim-alert-message", inputs: ["euimLabelTruncate", "hasIcon", "isCloseable"], outputs: ["euimClose"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHelpSupportComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimHelpSupportComponent, selector: "euim-help-support", inputs: { helpContacts: "helpContacts", supportMaterials: "supportMaterials", alertInfos: "alertInfos", helpAndSupportItems: "helpAndSupportItems" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <euim-toolbar>\n      <euim-toolbar-title>{{'euim.about.help.support' | translate }}</euim-toolbar-title>\n    </euim-toolbar>\n  </ion-toolbar>\n    @if (alertInfos.title) {\n        <euim-alert-message color=\"primary\">\n            <ion-icon name=\"person-circle\" slotStart></ion-icon>\n            {{ alertInfos.title }}\n\n            @if (alertInfos.btnLink) {\n                <ion-button [href]=\"alertInfos.btnLink\" slotEnd size=\"small\" fill=\"outline\">\n                    <strong>{{ alertInfos.btnTitle }}</strong>\n                </ion-button>\n            }\n        </euim-alert-message>\n    }\n    <ng-content select=\"[headerSection]\"></ng-content>\n</ion-header>\n\n@if (helpAndSupportItems.length > 0 || helpContacts.contacts.length > 0 || supportMaterials.materials.length > 0) {\n  <ion-list>\n      @for (helpSupportItem of helpAndSupportItems; track $index;) {\n          @if (helpSupportItem.sectionTitle) {\n              <ion-item-divider>\n                <ion-label>{{ helpSupportItem.sectionTitle }}</ion-label>\n              </ion-item-divider>\n          }\n\n        @for (item of helpSupportItem.items; track item;) {\n\n            <ion-item [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n                @if (item.startIcon) {\n                    <euim-avatar fill=\"solid\" slot=\"start\">\n                        <euim-avatar-icon>\n                            <ion-icon [name]=\"item.startIcon\"></ion-icon>\n                        </euim-avatar-icon>\n                    </euim-avatar>\n                }\n                @if (item.title || item.subtitle) {\n                    <ion-label>\n                        @if (item.title) {\n                            <a [ngClass]=\"getLinkClass(item)\">\n                                @if (!isLinkSharp(item)) {\n                                <div class=\"euim-help-support__title\">{{ item.title }}</div>\n                                }\n                                @if (isLinkSharp(item)) {\n                                <div euimLabel euimLabelTitle>{{ item.title }}</div>\n                                }\n                            </a>\n                        }\n                        @if (item.subtitle) {\n                            <div euimLabel euimLabelSubTitle>\n                                {{ item.subtitle }}\n                            </div>\n                        }\n                    </ion-label>\n                }\n                @if (item.endIcon) {\n                    <ion-buttons>\n                        <ion-button fill=\"clear\">\n                            <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n                        </ion-button>\n                    </ion-buttons>\n                }\n            </ion-item>\n        }\n      }\n      @if (helpContacts.contacts.length > 0) {\n          @if (helpContacts.sectionTitle) {\n          <ion-item-divider>\n              <ion-label>{{ helpContacts.sectionTitle }}</ion-label>\n          </ion-item-divider>\n          }\n          @for (contact of helpContacts.contacts; track contact; let isLast = $last) {\n              <ion-item [lines]=\"isLast ? 'none' : ''\" (click)=\"onItemClick(undefined, contact.linkType, contact.linkTitle)\">\n                  @if (contact.icon) {\n                  <euim-avatar  fill=\"solid\" slot=\"start\">\n                      <euim-avatar-icon>\n                          <ion-icon [name]=\"contact.icon\"></ion-icon>\n                      </euim-avatar-icon>\n                  </euim-avatar>\n                  }\n                  @if (contact.linkTitle || contact.subtitle) {\n                  <ion-label>\n                      @if (contact.linkTitle) {\n                      <a class=\"euim-help-support__contact-link\">\n                          <div class=\"euim-help-support__title\">{{contact.linkTitle}}</div>\n                      </a>\n                      }\n                      @if (contact.subtitle) {\n                      <div euimLabel euimLabelSubTitle>{{contact.subtitle}}</div>\n                      }\n                  </ion-label>\n                  }\n              </ion-item>\n          }\n      }\n\n      @if (supportMaterials.materials.length > 0) {\n          @if (supportMaterials.sectionTitle) {\n          <ion-item-divider>\n              <ion-label>{{ supportMaterials.sectionTitle }}</ion-label>\n          </ion-item-divider>\n          }\n          @for (material of supportMaterials.materials; track material) {\n              <ion-item lines=\"none\" (click)=\"onItemClick(material, undefined, undefined)\">\n                  @if (material.icon) {\n                  <euim-avatar  fill=\"solid\" slot=\"start\">\n                      <euim-avatar-icon>\n                          <ion-icon [name]=\"material.icon\"></ion-icon>\n                      </euim-avatar-icon>\n                  </euim-avatar>\n                  }\n                  <ion-label>\n                      @if (material.title) {\n                      <div euimLabel euimLabelTitle>{{material.title}}</div>\n                      }\n                      @if (material.subtitle) {\n                      <div euimLabel euimLabelSubTitle>{{material.subtitle}}</div>\n                      }\n                  </ion-label>\n                  <ion-buttons>\n                      <ion-button fill=\"clear\" >\n                          <ion-icon name=\"link-sharp\" slot=\"icon-only\"></ion-icon>\n                      </ion-button>\n                  </ion-buttons>\n              </ion-item>\n          }\n      }\n  </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__title{font:var(--eui-f-m);color:var(--eui-bc-primary-100)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i3.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i3.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i3.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i3.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i3.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i3.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i3.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i4.EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: i5.EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: i6.EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "component", type: i7.EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: i8.EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "component", type: i9.EuimAlertMessageComponent, selector: "euim-alert-message", inputs: ["euimLabelTruncate", "hasIcon", "isCloseable"], outputs: ["euimClose"] }, { kind: "pipe", type: i10.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimHelpSupportComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHelpSupportComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-help-support', encapsulation: ViewEncapsulation.None, template: "<ion-header>\n  <ion-toolbar color=\"primary\">\n    <euim-toolbar>\n      <euim-toolbar-title>{{'euim.about.help.support' | translate }}</euim-toolbar-title>\n    </euim-toolbar>\n  </ion-toolbar>\n    @if (alertInfos.title) {\n        <euim-alert-message color=\"primary\">\n            <ion-icon name=\"person-circle\" slotStart></ion-icon>\n            {{ alertInfos.title }}\n\n            @if (alertInfos.btnLink) {\n                <ion-button [href]=\"alertInfos.btnLink\" slotEnd size=\"small\" fill=\"outline\">\n                    <strong>{{ alertInfos.btnTitle }}</strong>\n                </ion-button>\n            }\n        </euim-alert-message>\n    }\n    <ng-content select=\"[headerSection]\"></ng-content>\n</ion-header>\n\n@if (helpAndSupportItems.length > 0 || helpContacts.contacts.length > 0 || supportMaterials.materials.length > 0) {\n  <ion-list>\n      @for (helpSupportItem of helpAndSupportItems; track $index;) {\n          @if (helpSupportItem.sectionTitle) {\n              <ion-item-divider>\n                <ion-label>{{ helpSupportItem.sectionTitle }}</ion-label>\n              </ion-item-divider>\n          }\n\n        @for (item of helpSupportItem.items; track item;) {\n\n            <ion-item [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n                @if (item.startIcon) {\n                    <euim-avatar fill=\"solid\" slot=\"start\">\n                        <euim-avatar-icon>\n                            <ion-icon [name]=\"item.startIcon\"></ion-icon>\n                        </euim-avatar-icon>\n                    </euim-avatar>\n                }\n                @if (item.title || item.subtitle) {\n                    <ion-label>\n                        @if (item.title) {\n                            <a [ngClass]=\"getLinkClass(item)\">\n                                @if (!isLinkSharp(item)) {\n                                <div class=\"euim-help-support__title\">{{ item.title }}</div>\n                                }\n                                @if (isLinkSharp(item)) {\n                                <div euimLabel euimLabelTitle>{{ item.title }}</div>\n                                }\n                            </a>\n                        }\n                        @if (item.subtitle) {\n                            <div euimLabel euimLabelSubTitle>\n                                {{ item.subtitle }}\n                            </div>\n                        }\n                    </ion-label>\n                }\n                @if (item.endIcon) {\n                    <ion-buttons>\n                        <ion-button fill=\"clear\">\n                            <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n                        </ion-button>\n                    </ion-buttons>\n                }\n            </ion-item>\n        }\n      }\n      @if (helpContacts.contacts.length > 0) {\n          @if (helpContacts.sectionTitle) {\n          <ion-item-divider>\n              <ion-label>{{ helpContacts.sectionTitle }}</ion-label>\n          </ion-item-divider>\n          }\n          @for (contact of helpContacts.contacts; track contact; let isLast = $last) {\n              <ion-item [lines]=\"isLast ? 'none' : ''\" (click)=\"onItemClick(undefined, contact.linkType, contact.linkTitle)\">\n                  @if (contact.icon) {\n                  <euim-avatar  fill=\"solid\" slot=\"start\">\n                      <euim-avatar-icon>\n                          <ion-icon [name]=\"contact.icon\"></ion-icon>\n                      </euim-avatar-icon>\n                  </euim-avatar>\n                  }\n                  @if (contact.linkTitle || contact.subtitle) {\n                  <ion-label>\n                      @if (contact.linkTitle) {\n                      <a class=\"euim-help-support__contact-link\">\n                          <div class=\"euim-help-support__title\">{{contact.linkTitle}}</div>\n                      </a>\n                      }\n                      @if (contact.subtitle) {\n                      <div euimLabel euimLabelSubTitle>{{contact.subtitle}}</div>\n                      }\n                  </ion-label>\n                  }\n              </ion-item>\n          }\n      }\n\n      @if (supportMaterials.materials.length > 0) {\n          @if (supportMaterials.sectionTitle) {\n          <ion-item-divider>\n              <ion-label>{{ supportMaterials.sectionTitle }}</ion-label>\n          </ion-item-divider>\n          }\n          @for (material of supportMaterials.materials; track material) {\n              <ion-item lines=\"none\" (click)=\"onItemClick(material, undefined, undefined)\">\n                  @if (material.icon) {\n                  <euim-avatar  fill=\"solid\" slot=\"start\">\n                      <euim-avatar-icon>\n                          <ion-icon [name]=\"material.icon\"></ion-icon>\n                      </euim-avatar-icon>\n                  </euim-avatar>\n                  }\n                  <ion-label>\n                      @if (material.title) {\n                      <div euimLabel euimLabelTitle>{{material.title}}</div>\n                      }\n                      @if (material.subtitle) {\n                      <div euimLabel euimLabelSubTitle>{{material.subtitle}}</div>\n                      }\n                  </ion-label>\n                  <ion-buttons>\n                      <ion-button fill=\"clear\" >\n                          <ion-icon name=\"link-sharp\" slot=\"icon-only\"></ion-icon>\n                      </ion-button>\n                  </ion-buttons>\n              </ion-item>\n          }\n      }\n  </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__title{font:var(--eui-f-m);color:var(--eui-bc-primary-100)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"] }]
         }], ctorParameters: () => [{ type: i1.Router }], propDecorators: { helpContacts: [{

package/esm2022/lib/components/euim-about/euim-opensource-licences/euim-opensource-licences.component.mjs

@@ -13,10 +13,10 @@ export class EuimOpenSourceLicencesComponent {
     emitItemClick(itemName) {
         this.clickItem.emit([itemName]);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimOpenSourceLicencesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.5", type: EuimOpenSourceLicencesComponent, selector: "euim-opensource-licences", inputs: { items: "items" }, outputs: { clickItem: "clickItem" }, ngImport: i0, template: "<div class=\"euim-opensource-licences\">\r\n    <ion-header>\r\n        <ion-toolbar color=\"primary\">\r\n            <euim-toolbar>\r\n                <euim-toolbar-title>{{'euim.about.opensource.licences'  | translate}}</euim-toolbar-title>\r\n            </euim-toolbar>\r\n        </ion-toolbar>\r\n    </ion-header>\r\n    <ion-list>\r\n        @for (item of items; track item) {\r\n        <ion-item class=\"euim-about__item\" button [detail]=\"true\" (click)=\"emitItemClick(item.name)\">\r\n            <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n            <div euimLabel class=\"euim-about__label\">{{ item.name }}</div>\r\n        </ion-item> }\r\n    </ion-list>\r\n</div>\r\n", styles: [".euim-opensource-licences ion-item ion-icon{margin-inline-end:var(--eui-s-m);color:var(--eui-bc-neutral-100)}.euim-opensource-licences ion-item ion-icon__item{cursor:pointer!important}\n"], dependencies: [{ kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2.EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: i3.EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: i4.EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimOpenSourceLicencesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimOpenSourceLicencesComponent, selector: "euim-opensource-licences", inputs: { items: "items" }, outputs: { clickItem: "clickItem" }, ngImport: i0, template: "<div class=\"euim-opensource-licences\">\r\n    <ion-header>\r\n        <ion-toolbar color=\"primary\">\r\n            <euim-toolbar>\r\n                <euim-toolbar-title>{{'euim.about.opensource.licences'  | translate}}</euim-toolbar-title>\r\n            </euim-toolbar>\r\n        </ion-toolbar>\r\n    </ion-header>\r\n    <ion-list>\r\n        @for (item of items; track item) {\r\n        <ion-item class=\"euim-about__item\" button [detail]=\"true\" (click)=\"emitItemClick(item.name)\">\r\n            <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n            <div euimLabel class=\"euim-about__label\">{{ item.name }}</div>\r\n        </ion-item> }\r\n    </ion-list>\r\n</div>\r\n", styles: [".euim-opensource-licences ion-item ion-icon{margin-inline-end:var(--eui-s-m);color:var(--eui-bc-neutral-100)}.euim-opensource-licences ion-item ion-icon__item{cursor:pointer!important}\n"], dependencies: [{ kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2.EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: i3.EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: i4.EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimOpenSourceLicencesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimOpenSourceLicencesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-opensource-licences', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-opensource-licences\">\r\n    <ion-header>\r\n        <ion-toolbar color=\"primary\">\r\n            <euim-toolbar>\r\n                <euim-toolbar-title>{{'euim.about.opensource.licences'  | translate}}</euim-toolbar-title>\r\n            </euim-toolbar>\r\n        </ion-toolbar>\r\n    </ion-header>\r\n    <ion-list>\r\n        @for (item of items; track item) {\r\n        <ion-item class=\"euim-about__item\" button [detail]=\"true\" (click)=\"emitItemClick(item.name)\">\r\n            <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n            <div euimLabel class=\"euim-about__label\">{{ item.name }}</div>\r\n        </ion-item> }\r\n    </ion-list>\r\n</div>\r\n", styles: [".euim-opensource-licences ion-item ion-icon{margin-inline-end:var(--eui-s-m);color:var(--eui-bc-neutral-100)}.euim-opensource-licences ion-item ion-icon__item{cursor:pointer!important}\n"] }]
         }], propDecorators: { items: [{

package/esm2022/lib/components/euim-alert-message/euim-alert-message.module.mjs

@@ -8,15 +8,15 @@ const COMPONENTS = [
     EuimAlertMessageComponent,
 ];
 export class EuimAlertMessageModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAlertMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: EuimAlertMessageModule, declarations: [EuimAlertMessageComponent], imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlertMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimAlertMessageModule, declarations: [EuimAlertMessageComponent], imports: [CommonModule,
             IonicModule,
             EuimLabelModule], exports: [EuimAlertMessageComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAlertMessageModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlertMessageModule, imports: [CommonModule,
             IonicModule,
             EuimLabelModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAlertMessageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlertMessageModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [