@eui/mobile-core 14.2.0 → 15.0.0-rc.2

package/fesm2020/eui-mobile-core.mjs

@@ -9,11 +9,11 @@ import * as i1 from '@ionic/angular';
 import { IonicModule } from '@ionic/angular';
 import * as i2 from '@eui/core';
 import { UxEuLanguages } from '@eui/core';
+import { takeUntil, distinctUntilKeyChanged } from 'rxjs/operators';
 import * as i1$1 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
-import { takeUntil, distinctUntilKeyChanged } from 'rxjs/operators';
-import * as i5 from '@eui/ecl-core';
-import { EclLanguageService, EclDefaultLanguageService, EclLanguageListComponentModule, EclLinkDirectiveModule, EclIconComponentModule } from '@eui/ecl-core';
+import * as i5 from '@eui/ecl';
+import { EclLanguageListComponentModule, EclLinkDirectiveModule, EclIconComponentModule, EclLanguageService, EclDefaultLanguageService } from '@eui/ecl';
 import { RouterModule } from '@angular/router';
 
 const initialState = {
@@ -41,12 +41,12 @@ class EuimAppService {
         });
     }
 }
-/** @nocollapse */ EuimAppService.ɵfac = function EuimAppService_Factory(t) { return new (t || EuimAppService)(); };
-/** @nocollapse */ EuimAppService.ɵprov = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjectable({ token: EuimAppService, factory: EuimAppService.ɵfac, providedIn: 'root' });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimAppService, [{
-        type: Injectable,
-        args: [{ providedIn: 'root' }]
-    }], function () { return []; }, null); })();
+/** @nocollapse */ EuimAppService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAppService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+/** @nocollapse */ EuimAppService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAppService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAppService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return []; } });
 
 class EuimBaseDirective {
     constructor() {
@@ -234,68 +234,65 @@ class EuimBaseDirective {
         ].join(' ').trim();
     }
 }
-/** @nocollapse */ EuimBaseDirective.ɵfac = function EuimBaseDirective_Factory(t) { return new (t || EuimBaseDirective)(); };
-/** @nocollapse */ EuimBaseDirective.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: EuimBaseDirective, selectors: [["", "euimBase", ""]], hostVars: 1, hostBindings: function EuimBaseDirective_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵattribute("data-e2e", ctx.e2eAttr);
-    } }, inputs: { e2eAttr: "e2eAttr", euiPrimary: "euiPrimary", euiSecondary: "euiSecondary", euiInfo: "euiInfo", euiSuccess: "euiSuccess", euiWarning: "euiWarning", euiDanger: "euiDanger", euiAccent: "euiAccent", euiInverted: "euiInverted", euiSize2XS: "euiSize2XS", euiSizeXS: "euiSizeXS", euiSizeS: "euiSizeS", euiSizeM: "euiSizeM", euiSizeL: "euiSizeL", euiSizeXL: "euiSizeXL", euiSize2XL: "euiSize2XL", euiSize3XL: "euiSize3XL", euiSize4XL: "euiSize4XL", euiFontBold: "euiFontBold", euiFontRegular: "euiFontRegular", euiFontBoldItalic: "euiFontBoldItalic", euiFontItalic: "euiFontItalic", euiFontLight: "euiFontLight" } });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimBaseDirective, [{
-        type: Directive,
-        args: [{
-                selector: '[euimBase]',
-            }]
-    }], null, { e2eAttr: [{
-            type: HostBinding,
-            args: ['attr.data-e2e']
-        }, {
-            type: Input
-        }], euiPrimary: [{
-            type: Input
-        }], euiSecondary: [{
-            type: Input
-        }], euiInfo: [{
-            type: Input
-        }], euiSuccess: [{
-            type: Input
-        }], euiWarning: [{
-            type: Input
-        }], euiDanger: [{
-            type: Input
-        }], euiAccent: [{
-            type: Input
-        }], euiInverted: [{
-            type: Input
-        }], euiSize2XS: [{
-            type: Input
-        }], euiSizeXS: [{
-            type: Input
-        }], euiSizeS: [{
-            type: Input
-        }], euiSizeM: [{
-            type: Input
-        }], euiSizeL: [{
-            type: Input
-        }], euiSizeXL: [{
-            type: Input
-        }], euiSize2XL: [{
-            type: Input
-        }], euiSize3XL: [{
-            type: Input
-        }], euiSize4XL: [{
-            type: Input
-        }], euiFontBold: [{
-            type: Input
-        }], euiFontRegular: [{
-            type: Input
-        }], euiFontBoldItalic: [{
-            type: Input
-        }], euiFontItalic: [{
-            type: Input
-        }], euiFontLight: [{
-            type: Input
-        }] }); })();
-
-const _c0$I = ["euimLabel", ""];
-const _c1$m = ["*"];
+/** @nocollapse */ EuimBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ EuimBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.2", type: EuimBaseDirective, selector: "[euimBase]", inputs: { e2eAttr: "e2eAttr", euiPrimary: "euiPrimary", euiSecondary: "euiSecondary", euiInfo: "euiInfo", euiSuccess: "euiSuccess", euiWarning: "euiWarning", euiDanger: "euiDanger", euiAccent: "euiAccent", euiInverted: "euiInverted", euiSize2XS: "euiSize2XS", euiSizeXS: "euiSizeXS", euiSizeS: "euiSizeS", euiSizeM: "euiSizeM", euiSizeL: "euiSizeL", euiSizeXL: "euiSizeXL", euiSize2XL: "euiSize2XL", euiSize3XL: "euiSize3XL", euiSize4XL: "euiSize4XL", euiFontBold: "euiFontBold", euiFontRegular: "euiFontRegular", euiFontBoldItalic: "euiFontBoldItalic", euiFontItalic: "euiFontItalic", euiFontLight: "euiFontLight" }, host: { properties: { "attr.data-e2e": "this.e2eAttr" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimBaseDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[euimBase]',
+                }]
+        }], propDecorators: { e2eAttr: [{
+                type: HostBinding,
+                args: ['attr.data-e2e']
+            }, {
+                type: Input
+            }], euiPrimary: [{
+                type: Input
+            }], euiSecondary: [{
+                type: Input
+            }], euiInfo: [{
+                type: Input
+            }], euiSuccess: [{
+                type: Input
+            }], euiWarning: [{
+                type: Input
+            }], euiDanger: [{
+                type: Input
+            }], euiAccent: [{
+                type: Input
+            }], euiInverted: [{
+                type: Input
+            }], euiSize2XS: [{
+                type: Input
+            }], euiSizeXS: [{
+                type: Input
+            }], euiSizeS: [{
+                type: Input
+            }], euiSizeM: [{
+                type: Input
+            }], euiSizeL: [{
+                type: Input
+            }], euiSizeXL: [{
+                type: Input
+            }], euiSize2XL: [{
+                type: Input
+            }], euiSize3XL: [{
+                type: Input
+            }], euiSize4XL: [{
+                type: Input
+            }], euiFontBold: [{
+                type: Input
+            }], euiFontRegular: [{
+                type: Input
+            }], euiFontBoldItalic: [{
+                type: Input
+            }], euiFontItalic: [{
+                type: Input
+            }], euiFontLight: [{
+                type: Input
+            }] } });
+
+/* eslint-disable @angular-eslint/component-selector */
 class EuimLabelComponent extends EuimBaseDirective {
     constructor() {
         super(...arguments);
@@ -333,52 +330,45 @@ class EuimLabelComponent extends EuimBaseDirective {
         ].join(' ').trim();
     }
 }
-/** @nocollapse */ EuimLabelComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimLabelComponent_BaseFactory; return function EuimLabelComponent_Factory(t) { return (ɵEuimLabelComponent_BaseFactory || (ɵEuimLabelComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimLabelComponent)))(t || EuimLabelComponent); }; }();
-/** @nocollapse */ EuimLabelComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimLabelComponent, selectors: [["", "euimLabel", ""]], hostVars: 2, hostBindings: function EuimLabelComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.cssClasses);
-    } }, inputs: { euimLabelTitle: "euimLabelTitle", euimLabelSubTitle: "euimLabelSubTitle", euimLabelMeta: "euimLabelMeta" }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$I, ngContentSelectors: _c1$m, decls: 1, vars: 0, template: function EuimLabelComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, styles: [".euim-label{display:flex;align-items:center;margin:0;padding:0}.euim-label ion-icon{margin-right:var(--eui-base-spacing-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-base-spacing-2xs)}.euim-label__title{font: 400 1rem/1.25rem arial,sans-serif;font-style:normal;font-weight:700;color:var(--eui-base-color-text)}.euim-label__title ion-icon{font: 400 1rem/1.25rem arial,sans-serif}.euim-label__sub-title,.euim-label__meta{font: 400 .875rem/1rem arial,sans-serif;color:var(--eui-base-color-grey-75)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font: 400 1rem/1.25rem arial,sans-serif}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-base-spacing-2xs)}.euim-label--primary{color:var(--eui-base-color-primary-100)}.euim-label--secondary{color:var(--eui-base-color-grey-50)}.euim-label--info{color:var(--eui-base-color-info-100)}.euim-label--success{color:var(--eui-base-color-success-100)}.euim-label--warning{color:var(--eui-base-color-warning-100)}.euim-label--danger{color:var(--eui-base-color-danger-100)}.euim-label--accent{color:var(--eui-base-color-accent-100)}.euim-label--size-2xs{font:var(--eui-base-font-size-2xs)}.euim-label--size-xs{font:var(--eui-base-font-size-xs)}.euim-label--size-s{font:var(--eui-base-font-size-s)}.euim-label--size-m{font:var(--eui-base-font-size-m)}.euim-label--size-l{font:var(--eui-base-font-size-l)}.euim-label--size-xl{font:var(--eui-base-font-size-xl)}.euim-label--size-2xl{font:var(--eui-base-font-size-2xl)}.euim-label--size-3xl{font:var(--eui-base-font-size-3xl)}.euim-label--size-4xl{font:var(--eui-base-font-size-4xl)}\n"], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimLabelComponent, [{
-        type: Component,
-        args: [{ selector: '[euimLabel]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, styles: [".euim-label{display:flex;align-items:center;margin:0;padding:0}.euim-label ion-icon{margin-right:var(--eui-base-spacing-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-base-spacing-2xs)}.euim-label__title{font: 400 1rem/1.25rem arial,sans-serif;font-style:normal;font-weight:700;color:var(--eui-base-color-text)}.euim-label__title ion-icon{font: 400 1rem/1.25rem arial,sans-serif}.euim-label__sub-title,.euim-label__meta{font: 400 .875rem/1rem arial,sans-serif;color:var(--eui-base-color-grey-75)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font: 400 1rem/1.25rem arial,sans-serif}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-base-spacing-2xs)}.euim-label--primary{color:var(--eui-base-color-primary-100)}.euim-label--secondary{color:var(--eui-base-color-grey-50)}.euim-label--info{color:var(--eui-base-color-info-100)}.euim-label--success{color:var(--eui-base-color-success-100)}.euim-label--warning{color:var(--eui-base-color-warning-100)}.euim-label--danger{color:var(--eui-base-color-danger-100)}.euim-label--accent{color:var(--eui-base-color-accent-100)}.euim-label--size-2xs{font:var(--eui-base-font-size-2xs)}.euim-label--size-xs{font:var(--eui-base-font-size-xs)}.euim-label--size-s{font:var(--eui-base-font-size-s)}.euim-label--size-m{font:var(--eui-base-font-size-m)}.euim-label--size-l{font:var(--eui-base-font-size-l)}.euim-label--size-xl{font:var(--eui-base-font-size-xl)}.euim-label--size-2xl{font:var(--eui-base-font-size-2xl)}.euim-label--size-3xl{font:var(--eui-base-font-size-3xl)}.euim-label--size-4xl{font:var(--eui-base-font-size-4xl)}\n"] }]
-    }], null, { euimLabelTitle: [{
-            type: Input
-        }], euimLabelSubTitle: [{
-            type: Input
-        }], euimLabelMeta: [{
-            type: Input
-        }], cssClasses: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
+/** @nocollapse */ EuimLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimLabelComponent, selector: "[euimLabel]", inputs: { euimLabelTitle: "euimLabelTitle", euimLabelSubTitle: "euimLabelSubTitle", euimLabelMeta: "euimLabelMeta" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-label{display:flex;align-items:center;margin:0;padding:0}.euim-label ion-icon{margin-right:var(--eui-base-spacing-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-base-spacing-2xs)}.euim-label__title{font: 400 1rem/1.25rem arial,sans-serif;font-style:normal;font-weight:700;color:var(--eui-base-color-text)}.euim-label__title ion-icon{font: 400 1rem/1.25rem arial,sans-serif}.euim-label__sub-title,.euim-label__meta{font: 400 .875rem/1rem arial,sans-serif;color:var(--eui-base-color-grey-75)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font: 400 1rem/1.25rem arial,sans-serif}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-base-spacing-2xs)}.euim-label--primary{color:var(--eui-base-color-primary-100)}.euim-label--secondary{color:var(--eui-base-color-grey-50)}.euim-label--info{color:var(--eui-base-color-info-100)}.euim-label--success{color:var(--eui-base-color-success-100)}.euim-label--warning{color:var(--eui-base-color-warning-100)}.euim-label--danger{color:var(--eui-base-color-danger-100)}.euim-label--accent{color:var(--eui-base-color-accent-100)}.euim-label--size-2xs{font:var(--eui-base-font-size-2xs)}.euim-label--size-xs{font:var(--eui-base-font-size-xs)}.euim-label--size-s{font:var(--eui-base-font-size-s)}.euim-label--size-m{font:var(--eui-base-font-size-m)}.euim-label--size-l{font:var(--eui-base-font-size-l)}.euim-label--size-xl{font:var(--eui-base-font-size-xl)}.euim-label--size-2xl{font:var(--eui-base-font-size-2xl)}.euim-label--size-3xl{font:var(--eui-base-font-size-3xl)}.euim-label--size-4xl{font:var(--eui-base-font-size-4xl)}\n"], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimLabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: '[euimLabel]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, styles: [".euim-label{display:flex;align-items:center;margin:0;padding:0}.euim-label ion-icon{margin-right:var(--eui-base-spacing-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-base-spacing-2xs)}.euim-label__title{font: 400 1rem/1.25rem arial,sans-serif;font-style:normal;font-weight:700;color:var(--eui-base-color-text)}.euim-label__title ion-icon{font: 400 1rem/1.25rem arial,sans-serif}.euim-label__sub-title,.euim-label__meta{font: 400 .875rem/1rem arial,sans-serif;color:var(--eui-base-color-grey-75)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font: 400 1rem/1.25rem arial,sans-serif}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-base-spacing-2xs)}.euim-label--primary{color:var(--eui-base-color-primary-100)}.euim-label--secondary{color:var(--eui-base-color-grey-50)}.euim-label--info{color:var(--eui-base-color-info-100)}.euim-label--success{color:var(--eui-base-color-success-100)}.euim-label--warning{color:var(--eui-base-color-warning-100)}.euim-label--danger{color:var(--eui-base-color-danger-100)}.euim-label--accent{color:var(--eui-base-color-accent-100)}.euim-label--size-2xs{font:var(--eui-base-font-size-2xs)}.euim-label--size-xs{font:var(--eui-base-font-size-xs)}.euim-label--size-s{font:var(--eui-base-font-size-s)}.euim-label--size-m{font:var(--eui-base-font-size-m)}.euim-label--size-l{font:var(--eui-base-font-size-l)}.euim-label--size-xl{font:var(--eui-base-font-size-xl)}.euim-label--size-2xl{font:var(--eui-base-font-size-2xl)}.euim-label--size-3xl{font:var(--eui-base-font-size-3xl)}.euim-label--size-4xl{font:var(--eui-base-font-size-4xl)}\n"] }]
+        }], propDecorators: { euimLabelTitle: [{
+                type: Input
+            }], euimLabelSubTitle: [{
+                type: Input
+            }], euimLabelMeta: [{
+                type: Input
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 class EuimLabelModule {
 }
-/** @nocollapse */ EuimLabelModule.ɵfac = function EuimLabelModule_Factory(t) { return new (t || EuimLabelModule)(); };
-/** @nocollapse */ EuimLabelModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimLabelModule });
-/** @nocollapse */ EuimLabelModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule,
+/** @nocollapse */ EuimLabelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimLabelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimLabelModule, declarations: [EuimLabelComponent], imports: [CommonModule,
+        IonicModule], exports: [EuimLabelComponent] });
+/** @nocollapse */ EuimLabelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimLabelModule, imports: [CommonModule,
         IonicModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimLabelModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    IonicModule,
-                ],
-                exports: [
-                    EuimLabelComponent,
-                ],
-                declarations: [
-                    EuimLabelComponent,
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimLabelModule, { declarations: [EuimLabelComponent], imports: [CommonModule,
-        IonicModule], exports: [EuimLabelComponent] }); })();
-
-const _c0$H = ["*"];
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimLabelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                    ],
+                    exports: [
+                        EuimLabelComponent,
+                    ],
+                    declarations: [
+                        EuimLabelComponent,
+                    ],
+                }]
+        }] });
+
 class EuimControlFeedbackComponent extends EuimBaseDirective {
     constructor() {
         super(...arguments);
@@ -388,7 +378,9 @@ class EuimControlFeedbackComponent extends EuimBaseDirective {
         this._euiDanger = false;
         this._variant = 'info';
     }
-    get euiInfo() { return this._euiInfo; }
+    get euiInfo() {
+        return this._euiInfo;
+    }
     set euiInfo(value) {
         this.resetVariantType();
         this._euiInfo = coerceBooleanProperty(value);
@@ -396,7 +388,9 @@ class EuimControlFeedbackComponent extends EuimBaseDirective {
             this._variant = 'info';
         }
     }
-    get euiSuccess() { return this._euiSuccess; }
+    get euiSuccess() {
+        return this._euiSuccess;
+    }
     set euiSuccess(value) {
         this.resetVariantType();
         this._euiSuccess = coerceBooleanProperty(value);
@@ -404,7 +398,9 @@ class EuimControlFeedbackComponent extends EuimBaseDirective {
             this._variant = 'success';
         }
     }
-    get euiWarning() { return this._euiWarning; }
+    get euiWarning() {
+        return this._euiWarning;
+    }
     set euiWarning(value) {
         this.resetVariantType();
         this._euiWarning = coerceBooleanProperty(value);
@@ -412,7 +408,9 @@ class EuimControlFeedbackComponent extends EuimBaseDirective {
             this._variant = 'warning';
         }
     }
-    get euiDanger() { return this._euiDanger; }
+    get euiDanger() {
+        return this._euiDanger;
+    }
     set euiDanger(value) {
         this.resetVariantType();
         this._euiDanger = coerceBooleanProperty(value);
@@ -420,7 +418,9 @@ class EuimControlFeedbackComponent extends EuimBaseDirective {
             this._variant = 'danger';
         }
     }
-    get variant() { return this._variant; }
+    get variant() {
+        return this._variant;
+    }
     set variant(value) {
         this._euiWarning = (value === 'warning');
         this._euiInfo = (value === 'info');
@@ -448,56 +448,48 @@ class EuimControlFeedbackComponent extends EuimBaseDirective {
         ].join(' ');
     }
 }
-/** @nocollapse */ EuimControlFeedbackComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimControlFeedbackComponent_BaseFactory; return function EuimControlFeedbackComponent_Factory(t) { return (ɵEuimControlFeedbackComponent_BaseFactory || (ɵEuimControlFeedbackComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimControlFeedbackComponent)))(t || EuimControlFeedbackComponent); }; }();
-/** @nocollapse */ EuimControlFeedbackComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimControlFeedbackComponent, selectors: [["euim-control-feedback"]], hostVars: 2, hostBindings: function EuimControlFeedbackComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.cssClasses);
-    } }, inputs: { euiInfo: "euiInfo", euiSuccess: "euiSuccess", euiWarning: "euiWarning", euiDanger: "euiDanger", variant: "variant" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$H, decls: 2, vars: 0, consts: [[1, "euim-control-feedback"]], template: function EuimControlFeedbackComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵprojection(1);
-        i0.ɵɵelementEnd();
-    } }, styles: [".euim-control-feedback{font-size:var(--eui-base-font-size-xs);padding-left:var(--eui-base-spacing-m)}.euim-control-feedback--info{color:var(--eui-base-color-info-100)}.euim-control-feedback--success{color:var(--eui-base-color-success-100)}.euim-control-feedback--warning{color:var(--eui-base-color-warning-100)}.euim-control-feedback--danger{color:var(--eui-base-color-danger-100)}\n"], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimControlFeedbackComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-control-feedback', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-control-feedback\">\n    <ng-content></ng-content>\n</div>\n\n\n\n\n", styles: [".euim-control-feedback{font-size:var(--eui-base-font-size-xs);padding-left:var(--eui-base-spacing-m)}.euim-control-feedback--info{color:var(--eui-base-color-info-100)}.euim-control-feedback--success{color:var(--eui-base-color-success-100)}.euim-control-feedback--warning{color:var(--eui-base-color-warning-100)}.euim-control-feedback--danger{color:var(--eui-base-color-danger-100)}\n"] }]
-    }], null, { euiInfo: [{
-            type: Input
-        }], euiSuccess: [{
-            type: Input
-        }], euiWarning: [{
-            type: Input
-        }], euiDanger: [{
-            type: Input
-        }], variant: [{
-            type: Input
-        }], cssClasses: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
+/** @nocollapse */ EuimControlFeedbackComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimControlFeedbackComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimControlFeedbackComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimControlFeedbackComponent, selector: "euim-control-feedback", inputs: { euiInfo: "euiInfo", euiSuccess: "euiSuccess", euiWarning: "euiWarning", euiDanger: "euiDanger", variant: "variant" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"euim-control-feedback\">\n    <ng-content></ng-content>\n</div>\n\n\n\n\n", styles: [".euim-control-feedback{font-size:var(--eui-base-font-size-xs);padding-left:var(--eui-base-spacing-m)}.euim-control-feedback--info{color:var(--eui-base-color-info-100)}.euim-control-feedback--success{color:var(--eui-base-color-success-100)}.euim-control-feedback--warning{color:var(--eui-base-color-warning-100)}.euim-control-feedback--danger{color:var(--eui-base-color-danger-100)}\n"], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimControlFeedbackComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-control-feedback', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-control-feedback\">\n    <ng-content></ng-content>\n</div>\n\n\n\n\n", styles: [".euim-control-feedback{font-size:var(--eui-base-font-size-xs);padding-left:var(--eui-base-spacing-m)}.euim-control-feedback--info{color:var(--eui-base-color-info-100)}.euim-control-feedback--success{color:var(--eui-base-color-success-100)}.euim-control-feedback--warning{color:var(--eui-base-color-warning-100)}.euim-control-feedback--danger{color:var(--eui-base-color-danger-100)}\n"] }]
+        }], propDecorators: { euiInfo: [{
+                type: Input
+            }], euiSuccess: [{
+                type: Input
+            }], euiWarning: [{
+                type: Input
+            }], euiDanger: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 class EuimControlFeedbackModule {
 }
-/** @nocollapse */ EuimControlFeedbackModule.ɵfac = function EuimControlFeedbackModule_Factory(t) { return new (t || EuimControlFeedbackModule)(); };
-/** @nocollapse */ EuimControlFeedbackModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimControlFeedbackModule });
-/** @nocollapse */ EuimControlFeedbackModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule,
+/** @nocollapse */ EuimControlFeedbackModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimControlFeedbackModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimControlFeedbackModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimControlFeedbackModule, declarations: [EuimControlFeedbackComponent], imports: [CommonModule,
+        IonicModule], exports: [EuimControlFeedbackComponent] });
+/** @nocollapse */ EuimControlFeedbackModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimControlFeedbackModule, imports: [CommonModule,
         IonicModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimControlFeedbackModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    IonicModule,
-                ],
-                exports: [
-                    EuimControlFeedbackComponent,
-                ],
-                declarations: [
-                    EuimControlFeedbackComponent,
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimControlFeedbackModule, { declarations: [EuimControlFeedbackComponent], imports: [CommonModule,
-        IonicModule], exports: [EuimControlFeedbackComponent] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimControlFeedbackModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                    ],
+                    exports: [
+                        EuimControlFeedbackComponent,
+                    ],
+                    declarations: [
+                        EuimControlFeedbackComponent,
+                    ],
+                }]
+        }] });
 
 class EuimNotificationItemComponent extends EuimBaseDirective {
     get cssClasses() {
@@ -509,50 +501,39 @@ class EuimNotificationItemComponent extends EuimBaseDirective {
         ].join(' ').trim();
     }
 }
-/** @nocollapse */ EuimNotificationItemComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimNotificationItemComponent_BaseFactory; return function EuimNotificationItemComponent_Factory(t) { return (ɵEuimNotificationItemComponent_BaseFactory || (ɵEuimNotificationItemComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimNotificationItemComponent)))(t || EuimNotificationItemComponent); }; }();
-/** @nocollapse */ EuimNotificationItemComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimNotificationItemComponent, selectors: [["euim-notification-item"]], hostVars: 2, hostBindings: function EuimNotificationItemComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.cssClasses);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 0, consts: [["name", "ellipse"]], template: function EuimNotificationItemComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelement(0, "ion-icon", 0);
-    } }, dependencies: [i1.IonIcon], styles: [".euim-notification-item{display:flex;align-items:center;width:var(--eui-base-spacing-xs);height:var(--eui-base-spacing-xs)}.euim-notification-item--primary{color:var(--eui-base-color-primary-100)}.euim-notification-item--secondary{color:var(--eui-base-color-grey-50)}.euim-notification-item--info{color:var(--eui-base-color-info-100)}.euim-notification-item--success{color:var(--eui-base-color-success-100)}.euim-notification-item--warning{color:var(--eui-base-color-warning-100)}.euim-notification-item--danger{color:var(--eui-base-color-danger-100)}.euim-notification-item--accent{color:var(--eui-base-color-accent-100)}\n"], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimNotificationItemComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-notification-item', encapsulation: ViewEncapsulation.None, template: "<ion-icon name=\"ellipse\"></ion-icon>\n", styles: [".euim-notification-item{display:flex;align-items:center;width:var(--eui-base-spacing-xs);height:var(--eui-base-spacing-xs)}.euim-notification-item--primary{color:var(--eui-base-color-primary-100)}.euim-notification-item--secondary{color:var(--eui-base-color-grey-50)}.euim-notification-item--info{color:var(--eui-base-color-info-100)}.euim-notification-item--success{color:var(--eui-base-color-success-100)}.euim-notification-item--warning{color:var(--eui-base-color-warning-100)}.euim-notification-item--danger{color:var(--eui-base-color-danger-100)}.euim-notification-item--accent{color:var(--eui-base-color-accent-100)}\n"] }]
-    }], null, { cssClasses: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
+/** @nocollapse */ EuimNotificationItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimNotificationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimNotificationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimNotificationItemComponent, selector: "euim-notification-item", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ion-icon name=\"ellipse\"></ion-icon>\n", styles: [".euim-notification-item{display:flex;align-items:center;width:var(--eui-base-spacing-xs);height:var(--eui-base-spacing-xs)}.euim-notification-item--primary{color:var(--eui-base-color-primary-100)}.euim-notification-item--secondary{color:var(--eui-base-color-grey-50)}.euim-notification-item--info{color:var(--eui-base-color-info-100)}.euim-notification-item--success{color:var(--eui-base-color-success-100)}.euim-notification-item--warning{color:var(--eui-base-color-warning-100)}.euim-notification-item--danger{color:var(--eui-base-color-danger-100)}.euim-notification-item--accent{color:var(--eui-base-color-accent-100)}\n"], dependencies: [{ kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimNotificationItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-notification-item', encapsulation: ViewEncapsulation.None, template: "<ion-icon name=\"ellipse\"></ion-icon>\n", styles: [".euim-notification-item{display:flex;align-items:center;width:var(--eui-base-spacing-xs);height:var(--eui-base-spacing-xs)}.euim-notification-item--primary{color:var(--eui-base-color-primary-100)}.euim-notification-item--secondary{color:var(--eui-base-color-grey-50)}.euim-notification-item--info{color:var(--eui-base-color-info-100)}.euim-notification-item--success{color:var(--eui-base-color-success-100)}.euim-notification-item--warning{color:var(--eui-base-color-warning-100)}.euim-notification-item--danger{color:var(--eui-base-color-danger-100)}.euim-notification-item--accent{color:var(--eui-base-color-accent-100)}\n"] }]
+        }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 class EuimNotificationItemModule {
 }
-/** @nocollapse */ EuimNotificationItemModule.ɵfac = function EuimNotificationItemModule_Factory(t) { return new (t || EuimNotificationItemModule)(); };
-/** @nocollapse */ EuimNotificationItemModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimNotificationItemModule });
-/** @nocollapse */ EuimNotificationItemModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule,
+/** @nocollapse */ EuimNotificationItemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimNotificationItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimNotificationItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimNotificationItemModule, declarations: [EuimNotificationItemComponent], imports: [CommonModule,
+        IonicModule], exports: [EuimNotificationItemComponent] });
+/** @nocollapse */ EuimNotificationItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimNotificationItemModule, imports: [CommonModule,
         IonicModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimNotificationItemModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    IonicModule,
-                ],
-                exports: [
-                    EuimNotificationItemComponent,
-                ],
-                declarations: [
-                    EuimNotificationItemComponent,
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimNotificationItemModule, { declarations: [EuimNotificationItemComponent], imports: [CommonModule,
-        IonicModule], exports: [EuimNotificationItemComponent] }); })();
-
-function EuimLanguageListComponent_ecl_language_list_item_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ecl-language-list-item", 2);
-} if (rf & 2) {
-    const language_r1 = ctx.$implicit;
-    i0.ɵɵproperty("languageCode", language_r1.code)("languageLabel", language_r1.label);
-} }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimNotificationItemModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                    ],
+                    exports: [
+                        EuimNotificationItemComponent,
+                    ],
+                    declarations: [
+                        EuimNotificationItemComponent,
+                    ],
+                }]
+        }] });
+
 class EuimLanguageListComponent extends EuimBaseDirective {
     constructor(cd, translateService, appShellService, appService) {
         super();
@@ -602,26 +583,15 @@ class EuimLanguageListComponent extends EuimBaseDirective {
         return;
     }
 }
-/** @nocollapse */ EuimLanguageListComponent.ɵfac = function EuimLanguageListComponent_Factory(t) { return new (t || EuimLanguageListComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$1.TranslateService), i0.ɵɵdirectiveInject(i2.UxAppShellService), i0.ɵɵdirectiveInject(EuimAppService)); };
-/** @nocollapse */ EuimLanguageListComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimLanguageListComponent, selectors: [["euim-language-list"]], outputs: { languageSelected: "languageSelected" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 6, consts: [[3, "selectedLanguageCode", "isOverlay", "isHidden", "languageSelected", "close"], [3, "languageCode", "languageLabel", 4, "ngFor", "ngForOf"], [3, "languageCode", "languageLabel"]], template: function EuimLanguageListComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "ecl-language-list", 0);
-        i0.ɵɵlistener("languageSelected", function EuimLanguageListComponent_Template_ecl_language_list_languageSelected_0_listener($event) { return ctx.onLanguageSelected($event); })("close", function EuimLanguageListComponent_Template_ecl_language_list_close_0_listener() { return ctx.onLanguageListClose(); });
-        i0.ɵɵpipe(1, "async");
-        i0.ɵɵtemplate(2, EuimLanguageListComponent_ecl_language_list_item_2_Template, 1, 2, "ecl-language-list-item", 1);
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵproperty("selectedLanguageCode", ctx.selectedLanguage == null ? null : ctx.selectedLanguage.code)("isOverlay", true)("isHidden", !i0.ɵɵpipeBind1(1, 4, ctx.appService.state$).isLanguageListVisible);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngForOf", ctx.languages);
-    } }, dependencies: [i2$1.NgForOf, i5.EclLanguageListComponent, i5.EclLanguageListItemComponent, i2$1.AsyncPipe], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimLanguageListComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-language-list', template: "<ecl-language-list\n    [selectedLanguageCode]=\"selectedLanguage?.code\"\n    [isOverlay]=\"true\"\n    [isHidden]=\"!(appService.state$ | async).isLanguageListVisible\"\n    (languageSelected)=\"onLanguageSelected($event)\"\n    (close)=\"onLanguageListClose()\">\n    <ecl-language-list-item\n        *ngFor=\"let language of languages\"\n        [languageCode]=\"language.code\"\n        [languageLabel]=\"language.label\">\n    </ecl-language-list-item>\n</ecl-language-list>\n" }]
-    }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }, { type: i2.UxAppShellService }, { type: EuimAppService }]; }, { languageSelected: [{
-            type: Output
-        }] }); })();
-
-const _c0$G = ["*"];
+/** @nocollapse */ EuimLanguageListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimLanguageListComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }, { token: i2.UxAppShellService }, { token: EuimAppService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimLanguageListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimLanguageListComponent, selector: "euim-language-list", outputs: { languageSelected: "languageSelected" }, usesInheritance: true, ngImport: i0, template: "<ecl-language-list\n    [selectedLanguageCode]=\"selectedLanguage?.code\"\n    [isOverlay]=\"true\"\n    [isHidden]=\"!(appService.state$ | async).isLanguageListVisible\"\n    (languageSelected)=\"onLanguageSelected($event)\"\n    (close)=\"onLanguageListClose()\">\n    <ecl-language-list-item\n        *ngFor=\"let language of languages\"\n        [languageCode]=\"language.code\"\n        [languageLabel]=\"language.label\">\n    </ecl-language-list-item>\n</ecl-language-list>\n", dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i5.EclLanguageListComponent, selector: "ecl-language-list", inputs: ["isOverlay", "selectedLanguageCode", "isHidden"], outputs: ["languageSelected", "close"] }, { kind: "component", type: i5.EclLanguageListItemComponent, selector: "ecl-language-list-item", inputs: ["isActive", "languageCode", "languageLabel"], outputs: ["itemClick"] }, { kind: "pipe", type: i2$1.AsyncPipe, name: "async" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimLanguageListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-language-list', template: "<ecl-language-list\n    [selectedLanguageCode]=\"selectedLanguage?.code\"\n    [isOverlay]=\"true\"\n    [isHidden]=\"!(appService.state$ | async).isLanguageListVisible\"\n    (languageSelected)=\"onLanguageSelected($event)\"\n    (close)=\"onLanguageListClose()\">\n    <ecl-language-list-item\n        *ngFor=\"let language of languages\"\n        [languageCode]=\"language.code\"\n        [languageLabel]=\"language.label\">\n    </ecl-language-list-item>\n</ecl-language-list>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }, { type: i2.UxAppShellService }, { type: EuimAppService }]; }, propDecorators: { languageSelected: [{
+                type: Output
+            }] } });
+
 class EuimAppComponent extends EuimBaseDirective {
     constructor(asService) {
         super();
@@ -629,84 +599,15 @@ class EuimAppComponent extends EuimBaseDirective {
         this.ionMenuId = 'main';
     }
 }
-/** @nocollapse */ EuimAppComponent.ɵfac = function EuimAppComponent_Factory(t) { return new (t || EuimAppComponent)(i0.ɵɵdirectiveInject(EuimAppService)); };
-/** @nocollapse */ EuimAppComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimAppComponent, selectors: [["euim-app"]], inputs: { ionMenuId: "ionMenuId" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$G, decls: 4, vars: 1, consts: [[3, "id"]], template: function EuimAppComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵelementStart(0, "ion-app");
-        i0.ɵɵprojection(1);
-        i0.ɵɵelement(2, "ion-router-outlet", 0);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelement(3, "euim-language-list");
-    } if (rf & 2) {
-        i0.ɵɵadvance(2);
-        i0.ɵɵpropertyInterpolate("id", ctx.ionMenuId);
-    } }, dependencies: [i1.IonApp, i1.IonRouterOutlet, EuimLanguageListComponent], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimAppComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-app', template: "<ion-app>\n    <ng-content></ng-content>\n    <ion-router-outlet id=\"{{ionMenuId}}\"></ion-router-outlet>\n</ion-app>\n\n<euim-language-list></euim-language-list>\n" }]
-    }], function () { return [{ type: EuimAppService }]; }, { ionMenuId: [{
-            type: Input
-        }] }); })();
-
-function EuimMenuComponent_ng_container_1_ion_list_header_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ion-list-header");
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r1 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", item_r1.subtitle, " ");
-} }
-function EuimMenuComponent_ng_container_1_ion_item_3_ion_icon_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ion-icon", 7);
-} if (rf & 2) {
-    const item_r1 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵproperty("name", item_r1.icon)("color", item_r1.iconColor);
-} }
-function EuimMenuComponent_ng_container_1_ion_item_3_ion_badge_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ion-badge", 8);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r1 = i0.ɵɵnextContext(2).$implicit;
-    i0.ɵɵproperty("color", item_r1.badge.color);
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate1(" ", item_r1.badge.value, "");
-} }
-function EuimMenuComponent_ng_container_1_ion_item_3_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ion-item", 4);
-    i0.ɵɵlistener("click", function EuimMenuComponent_ng_container_1_ion_item_3_Template_ion_item_click_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); const item_r1 = ctx_r11.$implicit; const i_r2 = ctx_r11.index; const ctx_r10 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r10.onItemClick($event, item_r1.url, i_r2, item_r1)); });
-    i0.ɵɵtemplate(1, EuimMenuComponent_ng_container_1_ion_item_3_ion_icon_1_Template, 1, 2, "ion-icon", 5);
-    i0.ɵɵelementStart(2, "ion-label");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(4, EuimMenuComponent_ng_container_1_ion_item_3_ion_badge_4_Template, 2, 2, "ion-badge", 6);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const item_r1 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵproperty("lines", item_r1.lines ? item_r1.lines : "none");
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", item_r1.icon);
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(item_r1.label);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", item_r1.badge && !item_r1.badge.hidden);
-} }
-function EuimMenuComponent_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelementStart(1, "ion-menu-toggle", 1);
-    i0.ɵɵtemplate(2, EuimMenuComponent_ng_container_1_ion_list_header_2_Template, 2, 1, "ion-list-header", 2);
-    i0.ɵɵtemplate(3, EuimMenuComponent_ng_container_1_ion_item_3_Template, 5, 4, "ion-item", 3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementContainerEnd();
-} if (rf & 2) {
-    const item_r1 = ctx.$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", item_r1.subtitle);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", item_r1.label);
-} }
+/** @nocollapse */ EuimAppComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAppComponent, deps: [{ token: EuimAppService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimAppComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimAppComponent, selector: "euim-app", inputs: { ionMenuId: "ionMenuId" }, usesInheritance: true, ngImport: i0, template: "<ion-app>\n    <ng-content></ng-content>\n    <ion-router-outlet id=\"{{ionMenuId}}\"></ion-router-outlet>\n</ion-app>\n\n<euim-language-list></euim-language-list>\n", dependencies: [{ kind: "component", type: i1.IonApp, selector: "ion-app" }, { kind: "directive", type: i1.IonRouterOutlet, selector: "ion-router-outlet", inputs: ["animated", "animation", "mode", "swipeGesture", "environmentInjector"], outputs: ["stackEvents", "activate", "deactivate"], exportAs: ["outlet"] }, { kind: "component", type: EuimLanguageListComponent, selector: "euim-language-list", outputs: ["languageSelected"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAppComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-app', template: "<ion-app>\n    <ng-content></ng-content>\n    <ion-router-outlet id=\"{{ionMenuId}}\"></ion-router-outlet>\n</ion-app>\n\n<euim-language-list></euim-language-list>\n" }]
+        }], ctorParameters: function () { return [{ type: EuimAppService }]; }, propDecorators: { ionMenuId: [{
+                type: Input
+            }] } });
+
 class EuimMenuComponent extends EuimBaseDirective {
     constructor(navCtrl) {
         super();
@@ -732,103 +633,68 @@ class EuimMenuComponent extends EuimBaseDirective {
         this.itemClick.emit(item);
     }
 }
-/** @nocollapse */ EuimMenuComponent.ɵfac = function EuimMenuComponent_Factory(t) { return new (t || EuimMenuComponent)(i0.ɵɵdirectiveInject(i1.NavController)); };
-/** @nocollapse */ EuimMenuComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimMenuComponent, selectors: [["euim-menu"]], inputs: { items: "items" }, outputs: { itemClick: "itemClick" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 1, consts: [[4, "ngFor", "ngForOf"], ["auto-hide", "true"], [4, "ngIf"], ["button", "", "class", "euim-menu__ion-item", 3, "lines", "click", 4, "ngIf"], ["button", "", 1, "euim-menu__ion-item", 3, "lines", "click"], [3, "name", "color", 4, "ngIf"], [3, "color", 4, "ngIf"], [3, "name", "color"], [3, "color"]], template: function EuimMenuComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "ion-list");
-        i0.ɵɵtemplate(1, EuimMenuComponent_ng_container_1_Template, 4, 2, "ng-container", 0);
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngForOf", ctx.items);
-    } }, dependencies: [i2$1.NgForOf, i2$1.NgIf, i1.IonBadge, i1.IonIcon, i1.IonItem, i1.IonLabel, i1.IonList, i1.IonListHeader, i1.IonMenuToggle], styles: [".euim-menu__ion-item{--padding-start: 0px;--inner-padding-start: var(--eui-base-spacing-xs)}.euim-menu__ion-item ion-icon{margin-left:var(--eui-base-spacing-xs)}.euim-menu__ion-item ion-label{margin-left:var(--eui-base-spacing-xs)}\n"], encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimMenuComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ion-list >\n    <ng-container *ngFor=\"let item of items; let i = index\">\n        <ion-menu-toggle auto-hide=\"true\">\n            <ion-list-header *ngIf=\"item.subtitle\"> {{item.subtitle}} </ion-list-header>\n            <ion-item *ngIf=\"item.label\" button class=\"euim-menu__ion-item\" [lines]=\"item.lines ? item.lines : 'none'\"\n                      (click)=\"onItemClick($event, (item.url), i, item)\">\n                <ion-icon *ngIf=\"item.icon\"\n                          [name]=\"item.icon\"\n                          [color]=\"item.iconColor\"></ion-icon>\n                <ion-label>{{item.label}}</ion-label>\n                <ion-badge *ngIf=\"item.badge && !item.badge.hidden\" [color]=\"item.badge.color\">\n                    {{item.badge.value}}</ion-badge>\n            </ion-item>\n        </ion-menu-toggle>\n    </ng-container>\n</ion-list>\n", styles: [".euim-menu__ion-item{--padding-start: 0px;--inner-padding-start: var(--eui-base-spacing-xs)}.euim-menu__ion-item ion-icon{margin-left:var(--eui-base-spacing-xs)}.euim-menu__ion-item ion-label{margin-left:var(--eui-base-spacing-xs)}\n"] }]
-    }], function () { return [{ type: i1.NavController }]; }, { items: [{
-            type: Input
-        }], itemClick: [{
-            type: Output
-        }] }); })();
+/** @nocollapse */ EuimMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMenuComponent, deps: [{ token: i1.NavController }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimMenuComponent, selector: "euim-menu", inputs: { items: "items" }, outputs: { itemClick: "itemClick" }, usesInheritance: true, ngImport: i0, template: "<ion-list >\n    <ng-container *ngFor=\"let item of items; let i = index\">\n        <ion-menu-toggle auto-hide=\"true\">\n            <ion-list-header *ngIf=\"item.subtitle\"> {{item.subtitle}} </ion-list-header>\n            <ion-item *ngIf=\"item.label\" button class=\"euim-menu__ion-item\" [lines]=\"item.lines ? item.lines : 'none'\"\n                      (click)=\"onItemClick($event, (item.url), i, item)\">\n                <ion-icon *ngIf=\"item.icon\"\n                          [name]=\"item.icon\"\n                          [color]=\"item.iconColor\"></ion-icon>\n                <ion-label>{{item.label}}</ion-label>\n                <ion-badge *ngIf=\"item.badge && !item.badge.hidden\" [color]=\"item.badge.color\">\n                    {{item.badge.value}}</ion-badge>\n            </ion-item>\n        </ion-menu-toggle>\n    </ng-container>\n</ion-list>\n", styles: [".euim-menu__ion-item{--padding-start: 0px;--inner-padding-start: var(--eui-base-spacing-xs)}.euim-menu__ion-item ion-icon{margin-left:var(--eui-base-spacing-xs)}.euim-menu__ion-item ion-label{margin-left:var(--eui-base-spacing-xs)}\n"], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.IonBadge, selector: "ion-badge", inputs: ["color", "mode"] }, { 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", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { 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.IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { kind: "component", type: i1.IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ion-list >\n    <ng-container *ngFor=\"let item of items; let i = index\">\n        <ion-menu-toggle auto-hide=\"true\">\n            <ion-list-header *ngIf=\"item.subtitle\"> {{item.subtitle}} </ion-list-header>\n            <ion-item *ngIf=\"item.label\" button class=\"euim-menu__ion-item\" [lines]=\"item.lines ? item.lines : 'none'\"\n                      (click)=\"onItemClick($event, (item.url), i, item)\">\n                <ion-icon *ngIf=\"item.icon\"\n                          [name]=\"item.icon\"\n                          [color]=\"item.iconColor\"></ion-icon>\n                <ion-label>{{item.label}}</ion-label>\n                <ion-badge *ngIf=\"item.badge && !item.badge.hidden\" [color]=\"item.badge.color\">\n                    {{item.badge.value}}</ion-badge>\n            </ion-item>\n        </ion-menu-toggle>\n    </ng-container>\n</ion-list>\n", styles: [".euim-menu__ion-item{--padding-start: 0px;--inner-padding-start: var(--eui-base-spacing-xs)}.euim-menu__ion-item ion-icon{margin-left:var(--eui-base-spacing-xs)}.euim-menu__ion-item ion-label{margin-left:var(--eui-base-spacing-xs)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.NavController }]; }, propDecorators: { items: [{
+                type: Input
+            }], itemClick: [{
+                type: Output
+            }] } });
 
 class EuimMenuModule {
 }
-/** @nocollapse */ EuimMenuModule.ɵfac = function EuimMenuModule_Factory(t) { return new (t || EuimMenuModule)(); };
-/** @nocollapse */ EuimMenuModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimMenuModule });
-/** @nocollapse */ EuimMenuModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule,
+/** @nocollapse */ EuimMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimMenuModule, declarations: [EuimMenuComponent], imports: [CommonModule,
         RouterModule,
-        IonicModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimMenuModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    RouterModule,
-                    IonicModule,
-                ],
-                declarations: [
-                    EuimMenuComponent,
-                ],
-                exports: [
-                    EuimMenuComponent,
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimMenuModule, { declarations: [EuimMenuComponent], imports: [CommonModule,
+        IonicModule], exports: [EuimMenuComponent] });
+/** @nocollapse */ EuimMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMenuModule, imports: [CommonModule,
         RouterModule,
-        IonicModule], exports: [EuimMenuComponent] }); })();
-
-class EuimMenuItem {
-    constructor(values = {}) {
-        this.lines = 'none';
-        Object.assign(this, values);
-    }
-}
+        IonicModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        RouterModule,
+                        IonicModule,
+                    ],
+                    declarations: [
+                        EuimMenuComponent,
+                    ],
+                    exports: [
+                        EuimMenuComponent,
+                    ],
+                }]
+        }] });
 
-const _c0$F = [[["euim-app-sidebar-header"]], [["euim-app-sidebar-menu"]], [["euim-app-sidebar-footer"]]];
-const _c1$l = ["euim-app-sidebar-header", "euim-app-sidebar-menu", "euim-app-sidebar-footer"];
 class EuimAppSidebarComponent extends EuimBaseDirective {
     constructor() {
         super(...arguments);
         this.ionMenuId = 'main';
     }
 }
-/** @nocollapse */ EuimAppSidebarComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimAppSidebarComponent_BaseFactory; return function EuimAppSidebarComponent_Factory(t) { return (ɵEuimAppSidebarComponent_BaseFactory || (ɵEuimAppSidebarComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimAppSidebarComponent)))(t || EuimAppSidebarComponent); }; }();
-/** @nocollapse */ EuimAppSidebarComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimAppSidebarComponent, selectors: [["euim-app-sidebar"]], inputs: { ionMenuId: "ionMenuId", sidebarItems: "sidebarItems" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$l, decls: 7, vars: 2, consts: [["side", "start", 3, "contentId", "menuId"]], template: function EuimAppSidebarComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef(_c0$F);
-        i0.ɵɵelementStart(0, "ion-menu", 0)(1, "ion-toolbar");
-        i0.ɵɵprojection(2);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(3, "ion-content");
-        i0.ɵɵprojection(4, 1);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(5, "ion-footer");
-        i0.ɵɵprojection(6, 2);
-        i0.ɵɵelementEnd()();
-    } if (rf & 2) {
-        i0.ɵɵpropertyInterpolate("contentId", ctx.ionMenuId);
-        i0.ɵɵpropertyInterpolate("menuId", ctx.ionMenuId);
-    } }, dependencies: [i1.IonContent, i1.IonFooter, i1.IonMenu, i1.IonToolbar], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimAppSidebarComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-app-sidebar', template: "<ion-menu side=\"start\" contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\">\n    <ion-toolbar>\n        <ng-content select=\"euim-app-sidebar-header\"></ng-content>\n    </ion-toolbar>\n    <ion-content>\n            <ng-content select=\"euim-app-sidebar-menu\"></ng-content>\n    </ion-content>\n    <ion-footer >\n        <ng-content select=\"euim-app-sidebar-footer\"></ng-content>\n    </ion-footer>\n</ion-menu>\n" }]
-    }], null, { ionMenuId: [{
-            type: Input
-        }], sidebarItems: [{
-            type: Input
-        }] }); })();
-
-const _c0$E = ["*"];
+/** @nocollapse */ EuimAppSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAppSidebarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimAppSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimAppSidebarComponent, selector: "euim-app-sidebar", inputs: { ionMenuId: "ionMenuId", sidebarItems: "sidebarItems" }, usesInheritance: true, ngImport: i0, template: "<ion-menu side=\"start\" contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\">\n    <ion-toolbar>\n        <ng-content select=\"euim-app-sidebar-header\"></ng-content>\n    </ion-toolbar>\n    <ion-content>\n            <ng-content select=\"euim-app-sidebar-menu\"></ng-content>\n    </ion-content>\n    <ion-footer >\n        <ng-content select=\"euim-app-sidebar-footer\"></ng-content>\n    </ion-footer>\n</ion-menu>\n", dependencies: [{ kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAppSidebarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-app-sidebar', template: "<ion-menu side=\"start\" contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\">\n    <ion-toolbar>\n        <ng-content select=\"euim-app-sidebar-header\"></ng-content>\n    </ion-toolbar>\n    <ion-content>\n            <ng-content select=\"euim-app-sidebar-menu\"></ng-content>\n    </ion-content>\n    <ion-footer >\n        <ng-content select=\"euim-app-sidebar-footer\"></ng-content>\n    </ion-footer>\n</ion-menu>\n" }]
+        }], propDecorators: { ionMenuId: [{
+                type: Input
+            }], sidebarItems: [{
+                type: Input
+            }] } });
+
 class EuimAppSidebarHeaderComponent {
 }
-/** @nocollapse */ EuimAppSidebarHeaderComponent.ɵfac = function EuimAppSidebarHeaderComponent_Factory(t) { return new (t || EuimAppSidebarHeaderComponent)(); };
-/** @nocollapse */ EuimAppSidebarHeaderComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimAppSidebarHeaderComponent, selectors: [["euim-app-sidebar-header"]], ngContentSelectors: _c0$E, decls: 1, vars: 0, template: function EuimAppSidebarHeaderComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimAppSidebarHeaderComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-app-sidebar-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
-    }], null, null); })();
+/** @nocollapse */ EuimAppSidebarHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAppSidebarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimAppSidebarHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimAppSidebarHeaderComponent, selector: "euim-app-sidebar-header", ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAppSidebarHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-app-sidebar-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
+        }] });
 
 class EuimAppSidebarMenuComponent {
     constructor() {
@@ -838,45 +704,31 @@ class EuimAppSidebarMenuComponent {
         this.itemClick.emit(item);
     }
 }
-/** @nocollapse */ EuimAppSidebarMenuComponent.ɵfac = function EuimAppSidebarMenuComponent_Factory(t) { return new (t || EuimAppSidebarMenuComponent)(); };
-/** @nocollapse */ EuimAppSidebarMenuComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimAppSidebarMenuComponent, selectors: [["euim-app-sidebar-menu"]], inputs: { items: "items" }, outputs: { itemClick: "itemClick" }, decls: 1, vars: 1, consts: [[3, "items", "itemClick"]], template: function EuimAppSidebarMenuComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "euim-menu", 0);
-        i0.ɵɵlistener("itemClick", function EuimAppSidebarMenuComponent_Template_euim_menu_itemClick_0_listener($event) { return ctx.onItemClick($event); });
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵproperty("items", ctx.items);
-    } }, dependencies: [EuimMenuComponent], encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimAppSidebarMenuComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-app-sidebar-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<euim-menu [items]=\"items\" (itemClick)=\"onItemClick($event)\"></euim-menu>\n" }]
-    }], function () { return []; }, { items: [{
-            type: Input
-        }], itemClick: [{
-            type: Output
-        }] }); })();
-
-const _c0$D = ["*"];
+/** @nocollapse */ EuimAppSidebarMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAppSidebarMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimAppSidebarMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimAppSidebarMenuComponent, selector: "euim-app-sidebar-menu", inputs: { items: "items" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: "<euim-menu [items]=\"items\" (itemClick)=\"onItemClick($event)\"></euim-menu>\n", dependencies: [{ kind: "component", type: EuimMenuComponent, selector: "euim-menu", inputs: ["items"], outputs: ["itemClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAppSidebarMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-app-sidebar-menu', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<euim-menu [items]=\"items\" (itemClick)=\"onItemClick($event)\"></euim-menu>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { items: [{
+                type: Input
+            }], itemClick: [{
+                type: Output
+            }] } });
+
 class EuimAppSidebarFooterComponent {
     constructor() {
-        this.string = 'euim-app-sidebar-footer';
-    }
-    ngOnInit() {
+        this.className = 'euim-app-sidebar-footer';
     }
 }
-/** @nocollapse */ EuimAppSidebarFooterComponent.ɵfac = function EuimAppSidebarFooterComponent_Factory(t) { return new (t || EuimAppSidebarFooterComponent)(); };
-/** @nocollapse */ EuimAppSidebarFooterComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimAppSidebarFooterComponent, selectors: [["euim-app-sidebar-footer"]], hostVars: 2, hostBindings: function EuimAppSidebarFooterComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.string);
-    } }, ngContentSelectors: _c0$D, decls: 1, vars: 0, template: function EuimAppSidebarFooterComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimAppSidebarFooterComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-app-sidebar-footer', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
-    }], function () { return []; }, { string: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
+/** @nocollapse */ EuimAppSidebarFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAppSidebarFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimAppSidebarFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimAppSidebarFooterComponent, selector: "euim-app-sidebar-footer", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAppSidebarFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-app-sidebar-footer', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 const COMPONENTS$9 = [
     EuimAppSidebarComponent,
@@ -886,28 +738,8 @@ const COMPONENTS$9 = [
 ];
 class EuimAppSidebarModule {
 }
-/** @nocollapse */ EuimAppSidebarModule.ɵfac = function EuimAppSidebarModule_Factory(t) { return new (t || EuimAppSidebarModule)(); };
-/** @nocollapse */ EuimAppSidebarModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimAppSidebarModule });
-/** @nocollapse */ EuimAppSidebarModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule, RouterModule,
-        EuimMenuModule,
-        IonicModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimAppSidebarModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule, RouterModule,
-                    EuimMenuModule,
-                    IonicModule,
-                ],
-                declarations: [
-                    ...COMPONENTS$9,
-                ],
-                exports: [
-                    ...COMPONENTS$9,
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimAppSidebarModule, { declarations: [EuimAppSidebarComponent,
+/** @nocollapse */ EuimAppSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAppSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimAppSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimAppSidebarModule, declarations: [EuimAppSidebarComponent,
         EuimAppSidebarHeaderComponent,
         EuimAppSidebarFooterComponent,
         EuimAppSidebarMenuComponent], imports: [CommonModule, RouterModule,
@@ -915,7 +747,26 @@ class EuimAppSidebarModule {
         IonicModule], exports: [EuimAppSidebarComponent,
         EuimAppSidebarHeaderComponent,
         EuimAppSidebarFooterComponent,
-        EuimAppSidebarMenuComponent] }); })();
+        EuimAppSidebarMenuComponent] });
+/** @nocollapse */ EuimAppSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAppSidebarModule, imports: [CommonModule, RouterModule,
+        EuimMenuModule,
+        IonicModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAppSidebarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule, RouterModule,
+                        EuimMenuModule,
+                        IonicModule,
+                    ],
+                    declarations: [
+                        ...COMPONENTS$9,
+                    ],
+                    exports: [
+                        ...COMPONENTS$9,
+                    ],
+                }]
+        }] });
 
 class EuimLanguageSelectorComponent extends EuimBaseDirective {
     constructor(cd, translateService, appShellService, appService) {
@@ -924,8 +775,8 @@ class EuimLanguageSelectorComponent extends EuimBaseDirective {
         this.translateService = translateService;
         this.appShellService = appShellService;
         this.appService = appService;
-        this.destroy$ = new Subject();
         this._euimPrimary = false;
+        this.destroy$ = new Subject();
     }
     ngOnInit() {
         this.appShellService.state$.pipe(takeUntil(this.destroy$), distinctUntilKeyChanged('languages')).subscribe((state) => {
@@ -953,7 +804,7 @@ class EuimLanguageSelectorComponent extends EuimBaseDirective {
             activeLanguage: evt.language.code,
         });
     }
-    onShowLanguageList(event) {
+    onShowLanguageList() {
         this.appService.isLanguageListVisible = true;
     }
     getLanguageLabel(languageCode) {
@@ -964,7 +815,9 @@ class EuimLanguageSelectorComponent extends EuimBaseDirective {
         }
         return;
     }
-    get euimPrimary() { return this._euimPrimary; }
+    get euimPrimary() {
+        return this._euimPrimary;
+    }
     set euimPrimary(value) {
         this._euimPrimary = coerceBooleanProperty(value);
     }
@@ -972,216 +825,163 @@ class EuimLanguageSelectorComponent extends EuimBaseDirective {
         return super.getCssClasses('euim-language-selector');
     }
 }
-/** @nocollapse */ EuimLanguageSelectorComponent.ɵfac = function EuimLanguageSelectorComponent_Factory(t) { return new (t || EuimLanguageSelectorComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$1.TranslateService), i0.ɵɵdirectiveInject(i2.UxAppShellService), i0.ɵɵdirectiveInject(EuimAppService)); };
-/** @nocollapse */ EuimLanguageSelectorComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimLanguageSelectorComponent, selectors: [["euim-language-selector"]], hostVars: 2, hostBindings: function EuimLanguageSelectorComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.cssClasses);
-    } }, inputs: { euimPrimary: "euimPrimary" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 7, consts: [[3, "click"], ["src", "data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\">\n                <path\n                    d=\"M 21.00,0.00\n                               C 22.66,-0.00 24.00,1.34 24.00,3.00\n                                 24.00,3.00 24.00,17.00 24.00,17.00\n                                 24.00,18.66 22.66,20.00 21.00,20.00\n                                 21.00,20.00 3.00,20.00 3.00,20.00\n                                 1.34,20.00 0.00,18.66 0.00,17.00\n                                 0.00,17.00 0.00,3.00 0.00,3.00\n                                 0.00,1.34 1.34,0.00 3.00,0.00\n                                 3.00,0.00 21.00,0.00 21.00,0.00 Z\n                               M 9.66,12.34\n                               C 9.66,12.34 15.31,18.00 15.31,18.00\n                                 15.31,18.00 9.66,23.66 9.66,23.66\n                                 9.66,23.66 4.00,18.00 4.00,18.00\n                                 4.00,18.00 9.66,12.34 9.66,12.34 Z\" />\n                </svg>", "slot", "icon-only"]], template: function EuimLanguageSelectorComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "ion-button", 0);
-        i0.ɵɵlistener("click", function EuimLanguageSelectorComponent_Template_ion_button_click_0_listener($event) { return ctx.onShowLanguageList($event); });
-        i0.ɵɵelement(1, "ion-icon", 1);
-        i0.ɵɵelementStart(2, "span");
-        i0.ɵɵtext(3);
-        i0.ɵɵelementEnd()();
-    } if (rf & 2) {
-        i0.ɵɵadvance(1);
-        i0.ɵɵclassMapInterpolate1("euim-language-selector__icon ", ctx.euimPrimary ? "euim-language-selector__icon--primary" : "", "");
-        i0.ɵɵadvance(1);
-        i0.ɵɵclassMapInterpolate1("euim-language-selector__text ", ctx.euimPrimary ? "euim-language-selector__text--primary" : "", "");
-        i0.ɵɵadvance(1);
-        i0.ɵɵtextInterpolate1(" ", ctx.selectedLanguage == null ? null : ctx.selectedLanguage.code == null ? null : ctx.selectedLanguage.code.toUpperCase(), " ");
-    } }, dependencies: [i1.IonButton, i1.IonIcon], styles: [".euim-language-selector__text{font: 400 .75rem/1rem arial,sans-serif;font-style:normal;font-weight:700;margin-bottom:var(--eui-base-spacing-2xs);position:absolute;color:var(--eui-base-color-primary-100)}.euim-language-selector__text--primary,.euim-language-selector__icon{color:#fff}.euim-language-selector__icon--primary{color:var(--eui-base-color-primary-100)}\n"], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimLanguageSelectorComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-language-selector', encapsulation: ViewEncapsulation.None, template: "<ion-button (click)=\"onShowLanguageList($event)\">\n    <ion-icon  class=\"euim-language-selector__icon {{euimPrimary ? 'euim-language-selector__icon--primary' : ''}}\"\n        src='data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\">\n                <path\n                    d=\"M 21.00,0.00\n                               C 22.66,-0.00 24.00,1.34 24.00,3.00\n                                 24.00,3.00 24.00,17.00 24.00,17.00\n                                 24.00,18.66 22.66,20.00 21.00,20.00\n                                 21.00,20.00 3.00,20.00 3.00,20.00\n                                 1.34,20.00 0.00,18.66 0.00,17.00\n                                 0.00,17.00 0.00,3.00 0.00,3.00\n                                 0.00,1.34 1.34,0.00 3.00,0.00\n                                 3.00,0.00 21.00,0.00 21.00,0.00 Z\n                               M 9.66,12.34\n                               C 9.66,12.34 15.31,18.00 15.31,18.00\n                                 15.31,18.00 9.66,23.66 9.66,23.66\n                                 9.66,23.66 4.00,18.00 4.00,18.00\n                                 4.00,18.00 9.66,12.34 9.66,12.34 Z\" />\n                </svg>'\n        slot=\"icon-only\">\n    </ion-icon>\n\n    <span class=\"euim-language-selector__text {{euimPrimary ? 'euim-language-selector__text--primary' : ''}}\">\n        {{ selectedLanguage?.code?.toUpperCase() }}\n    </span>\n</ion-button>\n", styles: [".euim-language-selector__text{font: 400 .75rem/1rem arial,sans-serif;font-style:normal;font-weight:700;margin-bottom:var(--eui-base-spacing-2xs);position:absolute;color:var(--eui-base-color-primary-100)}.euim-language-selector__text--primary,.euim-language-selector__icon{color:#fff}.euim-language-selector__icon--primary{color:var(--eui-base-color-primary-100)}\n"] }]
-    }], function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }, { type: i2.UxAppShellService }, { type: EuimAppService }]; }, { euimPrimary: [{
-            type: Input
-        }], cssClasses: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
+/** @nocollapse */ EuimLanguageSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimLanguageSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }, { token: i2.UxAppShellService }, { token: EuimAppService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimLanguageSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimLanguageSelectorComponent, selector: "euim-language-selector", inputs: { euimPrimary: "euimPrimary" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ion-button (click)=\"onShowLanguageList()\">\n    <ion-icon  class=\"euim-language-selector__icon {{euimPrimary ? 'euim-language-selector__icon--primary' : ''}}\"\n        src='data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\">\n                <path\n                    d=\"M 21.00,0.00\n                               C 22.66,-0.00 24.00,1.34 24.00,3.00\n                                 24.00,3.00 24.00,17.00 24.00,17.00\n                                 24.00,18.66 22.66,20.00 21.00,20.00\n                                 21.00,20.00 3.00,20.00 3.00,20.00\n                                 1.34,20.00 0.00,18.66 0.00,17.00\n                                 0.00,17.00 0.00,3.00 0.00,3.00\n                                 0.00,1.34 1.34,0.00 3.00,0.00\n                                 3.00,0.00 21.00,0.00 21.00,0.00 Z\n                               M 9.66,12.34\n                               C 9.66,12.34 15.31,18.00 15.31,18.00\n                                 15.31,18.00 9.66,23.66 9.66,23.66\n                                 9.66,23.66 4.00,18.00 4.00,18.00\n                                 4.00,18.00 9.66,12.34 9.66,12.34 Z\" />\n                </svg>'\n        slot=\"icon-only\">\n    </ion-icon>\n\n    <span class=\"euim-language-selector__text {{euimPrimary ? 'euim-language-selector__text--primary' : ''}}\">\n        {{ selectedLanguage?.code?.toUpperCase() }}\n    </span>\n</ion-button>\n", styles: [".euim-language-selector__text{font: 400 .75rem/1rem arial,sans-serif;font-style:normal;font-weight:700;margin-bottom:var(--eui-base-spacing-2xs);position:absolute;color:var(--eui-base-color-primary-100)}.euim-language-selector__text--primary,.euim-language-selector__icon{color:#fff}.euim-language-selector__icon--primary{color:var(--eui-base-color-primary-100)}\n"], dependencies: [{ kind: "component", type: i1.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: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimLanguageSelectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-language-selector', encapsulation: ViewEncapsulation.None, template: "<ion-button (click)=\"onShowLanguageList()\">\n    <ion-icon  class=\"euim-language-selector__icon {{euimPrimary ? 'euim-language-selector__icon--primary' : ''}}\"\n        src='data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\">\n                <path\n                    d=\"M 21.00,0.00\n                               C 22.66,-0.00 24.00,1.34 24.00,3.00\n                                 24.00,3.00 24.00,17.00 24.00,17.00\n                                 24.00,18.66 22.66,20.00 21.00,20.00\n                                 21.00,20.00 3.00,20.00 3.00,20.00\n                                 1.34,20.00 0.00,18.66 0.00,17.00\n                                 0.00,17.00 0.00,3.00 0.00,3.00\n                                 0.00,1.34 1.34,0.00 3.00,0.00\n                                 3.00,0.00 21.00,0.00 21.00,0.00 Z\n                               M 9.66,12.34\n                               C 9.66,12.34 15.31,18.00 15.31,18.00\n                                 15.31,18.00 9.66,23.66 9.66,23.66\n                                 9.66,23.66 4.00,18.00 4.00,18.00\n                                 4.00,18.00 9.66,12.34 9.66,12.34 Z\" />\n                </svg>'\n        slot=\"icon-only\">\n    </ion-icon>\n\n    <span class=\"euim-language-selector__text {{euimPrimary ? 'euim-language-selector__text--primary' : ''}}\">\n        {{ selectedLanguage?.code?.toUpperCase() }}\n    </span>\n</ion-button>\n", styles: [".euim-language-selector__text{font: 400 .75rem/1rem arial,sans-serif;font-style:normal;font-weight:700;margin-bottom:var(--eui-base-spacing-2xs);position:absolute;color:var(--eui-base-color-primary-100)}.euim-language-selector__text--primary,.euim-language-selector__icon{color:#fff}.euim-language-selector__icon--primary{color:var(--eui-base-color-primary-100)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }, { type: i2.UxAppShellService }, { type: EuimAppService }]; }, propDecorators: { euimPrimary: [{
+                type: Input
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 class EuimLanguageSelectorModule {
 }
-/** @nocollapse */ EuimLanguageSelectorModule.ɵfac = function EuimLanguageSelectorModule_Factory(t) { return new (t || EuimLanguageSelectorModule)(); };
-/** @nocollapse */ EuimLanguageSelectorModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimLanguageSelectorModule });
-/** @nocollapse */ EuimLanguageSelectorModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ providers: [
-        { provide: EclLanguageService, useClass: EclDefaultLanguageService },
-    ], imports: [CommonModule,
+/** @nocollapse */ EuimLanguageSelectorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimLanguageSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimLanguageSelectorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimLanguageSelectorModule, declarations: [EuimLanguageSelectorComponent,
+        EuimLanguageListComponent], imports: [CommonModule,
         IonicModule,
         EclLanguageListComponentModule,
         EclLinkDirectiveModule,
-        EclIconComponentModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimLanguageSelectorModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    IonicModule,
-                    EclLanguageListComponentModule,
-                    EclLinkDirectiveModule,
-                    EclIconComponentModule
-                ],
-                exports: [
-                    EuimLanguageSelectorComponent,
-                    EuimLanguageListComponent,
-                ],
-                declarations: [
-                    EuimLanguageSelectorComponent,
-                    EuimLanguageListComponent,
-                ],
-                providers: [
-                    { provide: EclLanguageService, useClass: EclDefaultLanguageService },
-                ]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimLanguageSelectorModule, { declarations: [EuimLanguageSelectorComponent,
-        EuimLanguageListComponent], imports: [CommonModule,
+        EclIconComponentModule], exports: [EuimLanguageSelectorComponent,
+        EuimLanguageListComponent] });
+/** @nocollapse */ EuimLanguageSelectorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimLanguageSelectorModule, providers: [
+        { provide: EclLanguageService, useClass: EclDefaultLanguageService },
+    ], imports: [CommonModule,
         IonicModule,
         EclLanguageListComponentModule,
         EclLinkDirectiveModule,
-        EclIconComponentModule], exports: [EuimLanguageSelectorComponent,
-        EuimLanguageListComponent] }); })();
+        EclIconComponentModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimLanguageSelectorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                        EclLanguageListComponentModule,
+                        EclLinkDirectiveModule,
+                        EclIconComponentModule
+                    ],
+                    exports: [
+                        EuimLanguageSelectorComponent,
+                        EuimLanguageListComponent,
+                    ],
+                    declarations: [
+                        EuimLanguageSelectorComponent,
+                        EuimLanguageListComponent,
+                    ],
+                    providers: [
+                        { provide: EclLanguageService, useClass: EclDefaultLanguageService },
+                    ]
+                }]
+        }] });
 
 class EuimAppModule {
 }
-/** @nocollapse */ EuimAppModule.ɵfac = function EuimAppModule_Factory(t) { return new (t || EuimAppModule)(); };
-/** @nocollapse */ EuimAppModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimAppModule });
-/** @nocollapse */ EuimAppModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule,
+/** @nocollapse */ EuimAppModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAppModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimAppModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimAppModule, declarations: [EuimAppComponent], imports: [CommonModule,
         IonicModule,
         EuimAppSidebarModule,
-        EuimLanguageSelectorModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimAppModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    IonicModule,
-                    EuimAppSidebarModule,
-                    EuimLanguageSelectorModule,
-                ],
-                exports: [
-                    EuimAppComponent,
-                ],
-                declarations: [
-                    EuimAppComponent,
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimAppModule, { declarations: [EuimAppComponent], imports: [CommonModule,
+        EuimLanguageSelectorModule], exports: [EuimAppComponent] });
+/** @nocollapse */ EuimAppModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAppModule, imports: [CommonModule,
         IonicModule,
         EuimAppSidebarModule,
-        EuimLanguageSelectorModule], exports: [EuimAppComponent] }); })();
+        EuimLanguageSelectorModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAppModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                        EuimAppSidebarModule,
+                        EuimLanguageSelectorModule,
+                    ],
+                    exports: [
+                        EuimAppComponent,
+                    ],
+                    declarations: [
+                        EuimAppComponent,
+                    ],
+                }]
+        }] });
 
-const _c0$C = [[["euim-user-profile-avatar"]], [["euim-user-profile-infos"]], [["euim-user-profile-action"]]];
-const _c1$k = ["euim-user-profile-avatar", "euim-user-profile-infos", "euim-user-profile-action"];
 class EuimUserProfileComponent extends EuimBaseDirective {
     constructor() {
         super(...arguments);
-        this.string = 'euim-user-profile';
-    }
-}
-/** @nocollapse */ EuimUserProfileComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimUserProfileComponent_BaseFactory; return function EuimUserProfileComponent_Factory(t) { return (ɵEuimUserProfileComponent_BaseFactory || (ɵEuimUserProfileComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimUserProfileComponent)))(t || EuimUserProfileComponent); }; }();
-/** @nocollapse */ EuimUserProfileComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimUserProfileComponent, selectors: [["euim-user-profile"]], hostVars: 2, hostBindings: function EuimUserProfileComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.string);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$k, decls: 3, vars: 0, template: function EuimUserProfileComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef(_c0$C);
-        i0.ɵɵprojection(0);
-        i0.ɵɵprojection(1, 1);
-        i0.ɵɵprojection(2, 2);
-    } }, styles: [".euim-user-profile{display:flex;padding:var(--eui-base-spacing-m);background-color:var(--eui-base-color-grey-5)}.euim-user-profile-avatar{margin-right:var(--eui-base-spacing-m)}.euim-user-profile-action ion-buttons{margin-top:calc(-1 * var(--eui-base-spacing-s));margin-right:calc(-1 * var(--eui-base-spacing-s));margin-left:var(--eui-base-spacing-2xs);color:var(--eui-base-color-primary-100)}.euim-user-profile-infos{width:calc(100% - (var(--eui-base-spacing-2xl) + var(--eui-base-spacing-l) + 2 * var(--eui-base-spacing-m)))}.euim-user-profile-infos [euimLabel]{color:var(--eui-base-color-grey-100)}.euim-user-profile-infos euim-user-profile-infos-item:not(:last-child){margin-bottom:var(--eui-base-spacing-2xs)}.euim-user-profile-infos-item{display:flex;margin-right:var(--eui-base-spacing-2xl);width:100%}.euim-user-profile-infos-item ion-icon{margin-right:var(--eui-base-spacing-2xs);min-width:var(--eui-base-spacing-m);min-height:var(--eui-base-spacing-m)}.euim-user-profile-infos-item p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}\n"], encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimUserProfileComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-user-profile', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"euim-user-profile-avatar\"></ng-content>\n<ng-content select=\"euim-user-profile-infos\"></ng-content>\n<ng-content select=\"euim-user-profile-action\"></ng-content>\n", styles: [".euim-user-profile{display:flex;padding:var(--eui-base-spacing-m);background-color:var(--eui-base-color-grey-5)}.euim-user-profile-avatar{margin-right:var(--eui-base-spacing-m)}.euim-user-profile-action ion-buttons{margin-top:calc(-1 * var(--eui-base-spacing-s));margin-right:calc(-1 * var(--eui-base-spacing-s));margin-left:var(--eui-base-spacing-2xs);color:var(--eui-base-color-primary-100)}.euim-user-profile-infos{width:calc(100% - (var(--eui-base-spacing-2xl) + var(--eui-base-spacing-l) + 2 * var(--eui-base-spacing-m)))}.euim-user-profile-infos [euimLabel]{color:var(--eui-base-color-grey-100)}.euim-user-profile-infos euim-user-profile-infos-item:not(:last-child){margin-bottom:var(--eui-base-spacing-2xs)}.euim-user-profile-infos-item{display:flex;margin-right:var(--eui-base-spacing-2xl);width:100%}.euim-user-profile-infos-item ion-icon{margin-right:var(--eui-base-spacing-2xs);min-width:var(--eui-base-spacing-m);min-height:var(--eui-base-spacing-m)}.euim-user-profile-infos-item p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}\n"] }]
-    }], null, { string: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$B = ["*"];
+        this.className = 'euim-user-profile';
+    }
+}
+/** @nocollapse */ EuimUserProfileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimUserProfileComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimUserProfileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimUserProfileComponent, selector: "euim-user-profile", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"euim-user-profile-avatar\"></ng-content>\n<ng-content select=\"euim-user-profile-infos\"></ng-content>\n<ng-content select=\"euim-user-profile-action\"></ng-content>\n", styles: [".euim-user-profile{display:flex;padding:var(--eui-base-spacing-m);background-color:var(--eui-base-color-grey-5)}.euim-user-profile-avatar{margin-right:var(--eui-base-spacing-m)}.euim-user-profile-action ion-buttons{margin-top:calc(-1 * var(--eui-base-spacing-s));margin-right:calc(-1 * var(--eui-base-spacing-s));margin-left:var(--eui-base-spacing-2xs);color:var(--eui-base-color-primary-100)}.euim-user-profile-infos{width:calc(100% - (var(--eui-base-spacing-2xl) + var(--eui-base-spacing-l) + 2 * var(--eui-base-spacing-m)))}.euim-user-profile-infos [euimLabel]{color:var(--eui-base-color-grey-100)}.euim-user-profile-infos euim-user-profile-infos-item:not(:last-child){margin-bottom:var(--eui-base-spacing-2xs)}.euim-user-profile-infos-item{display:flex;margin-right:var(--eui-base-spacing-2xl);width:100%}.euim-user-profile-infos-item ion-icon{margin-right:var(--eui-base-spacing-2xs);min-width:var(--eui-base-spacing-m);min-height:var(--eui-base-spacing-m)}.euim-user-profile-infos-item p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimUserProfileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-user-profile', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"euim-user-profile-avatar\"></ng-content>\n<ng-content select=\"euim-user-profile-infos\"></ng-content>\n<ng-content select=\"euim-user-profile-action\"></ng-content>\n", styles: [".euim-user-profile{display:flex;padding:var(--eui-base-spacing-m);background-color:var(--eui-base-color-grey-5)}.euim-user-profile-avatar{margin-right:var(--eui-base-spacing-m)}.euim-user-profile-action ion-buttons{margin-top:calc(-1 * var(--eui-base-spacing-s));margin-right:calc(-1 * var(--eui-base-spacing-s));margin-left:var(--eui-base-spacing-2xs);color:var(--eui-base-color-primary-100)}.euim-user-profile-infos{width:calc(100% - (var(--eui-base-spacing-2xl) + var(--eui-base-spacing-l) + 2 * var(--eui-base-spacing-m)))}.euim-user-profile-infos [euimLabel]{color:var(--eui-base-color-grey-100)}.euim-user-profile-infos euim-user-profile-infos-item:not(:last-child){margin-bottom:var(--eui-base-spacing-2xs)}.euim-user-profile-infos-item{display:flex;margin-right:var(--eui-base-spacing-2xl);width:100%}.euim-user-profile-infos-item ion-icon{margin-right:var(--eui-base-spacing-2xs);min-width:var(--eui-base-spacing-m);min-height:var(--eui-base-spacing-m)}.euim-user-profile-infos-item p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}\n"] }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
 class EuiMUserProfileAvatarComponent extends EuimBaseDirective {
     constructor() {
         super(...arguments);
         this.class = 'euim-user-profile-avatar';
     }
 }
-/** @nocollapse */ EuiMUserProfileAvatarComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuiMUserProfileAvatarComponent_BaseFactory; return function EuiMUserProfileAvatarComponent_Factory(t) { return (ɵEuiMUserProfileAvatarComponent_BaseFactory || (ɵEuiMUserProfileAvatarComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuiMUserProfileAvatarComponent)))(t || EuiMUserProfileAvatarComponent); }; }();
-/** @nocollapse */ EuiMUserProfileAvatarComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuiMUserProfileAvatarComponent, selectors: [["euim-user-profile-avatar"]], hostVars: 2, hostBindings: function EuiMUserProfileAvatarComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.class);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$B, decls: 1, vars: 0, template: function EuiMUserProfileAvatarComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuiMUserProfileAvatarComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-user-profile-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
-    }], null, { class: [{
-            type: HostBinding
-        }] }); })();
-
-const _c0$A = ["*"];
+/** @nocollapse */ EuiMUserProfileAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuiMUserProfileAvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuiMUserProfileAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuiMUserProfileAvatarComponent, selector: "euim-user-profile-avatar", host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuiMUserProfileAvatarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-user-profile-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { class: [{
+                type: HostBinding
+            }] } });
+
 class EuiMUserProfileInfosComponent extends EuimBaseDirective {
     constructor() {
         super(...arguments);
-        this.class = 'euim-user-profile-infos';
-    }
-}
-/** @nocollapse */ EuiMUserProfileInfosComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuiMUserProfileInfosComponent_BaseFactory; return function EuiMUserProfileInfosComponent_Factory(t) { return (ɵEuiMUserProfileInfosComponent_BaseFactory || (ɵEuiMUserProfileInfosComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuiMUserProfileInfosComponent)))(t || EuiMUserProfileInfosComponent); }; }();
-/** @nocollapse */ EuiMUserProfileInfosComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuiMUserProfileInfosComponent, selectors: [["euim-user-profile-infos"]], hostVars: 2, hostBindings: function EuiMUserProfileInfosComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.class);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$A, decls: 1, vars: 0, template: function EuiMUserProfileInfosComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuiMUserProfileInfosComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-user-profile-infos', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
-    }], null, { class: [{
-            type: HostBinding
-        }] }); })();
-
-const _c0$z = ["*"];
+        this.className = 'euim-user-profile-infos';
+    }
+}
+/** @nocollapse */ EuiMUserProfileInfosComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuiMUserProfileInfosComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuiMUserProfileInfosComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuiMUserProfileInfosComponent, selector: "euim-user-profile-infos", host: { properties: { "className": "this.className" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuiMUserProfileInfosComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-user-profile-infos', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { className: [{
+                type: HostBinding
+            }] } });
+
 class EuiMUserProfileInfosItemComponent extends EuimBaseDirective {
     constructor() {
         super(...arguments);
         this.class = 'euim-user-profile-infos-item';
     }
 }
-/** @nocollapse */ EuiMUserProfileInfosItemComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuiMUserProfileInfosItemComponent_BaseFactory; return function EuiMUserProfileInfosItemComponent_Factory(t) { return (ɵEuiMUserProfileInfosItemComponent_BaseFactory || (ɵEuiMUserProfileInfosItemComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuiMUserProfileInfosItemComponent)))(t || EuiMUserProfileInfosItemComponent); }; }();
-/** @nocollapse */ EuiMUserProfileInfosItemComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuiMUserProfileInfosItemComponent, selectors: [["euim-user-profile-infos-item"]], hostVars: 2, hostBindings: function EuiMUserProfileInfosItemComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.class);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$z, decls: 1, vars: 0, template: function EuiMUserProfileInfosItemComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuiMUserProfileInfosItemComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-user-profile-infos-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
-    }], null, { class: [{
-            type: HostBinding
-        }] }); })();
-
-const _c0$y = ["*"];
+/** @nocollapse */ EuiMUserProfileInfosItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuiMUserProfileInfosItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuiMUserProfileInfosItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuiMUserProfileInfosItemComponent, selector: "euim-user-profile-infos-item", host: { properties: { "class": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuiMUserProfileInfosItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-user-profile-infos-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { class: [{
+                type: HostBinding
+            }] } });
+
 class EuiMUserProfileActionComponent extends EuimBaseDirective {
     constructor() {
         super(...arguments);
-        this.class = 'euim-user-profile-action';
-    }
-}
-/** @nocollapse */ EuiMUserProfileActionComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuiMUserProfileActionComponent_BaseFactory; return function EuiMUserProfileActionComponent_Factory(t) { return (ɵEuiMUserProfileActionComponent_BaseFactory || (ɵEuiMUserProfileActionComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuiMUserProfileActionComponent)))(t || EuiMUserProfileActionComponent); }; }();
-/** @nocollapse */ EuiMUserProfileActionComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuiMUserProfileActionComponent, selectors: [["euim-user-profile-action"]], hostVars: 2, hostBindings: function EuiMUserProfileActionComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.class);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$y, decls: 2, vars: 0, template: function EuiMUserProfileActionComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵelementStart(0, "ion-buttons");
-        i0.ɵɵprojection(1);
-        i0.ɵɵelementEnd();
-    } }, dependencies: [i1.IonButtons], encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuiMUserProfileActionComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-user-profile-action', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-buttons>\n    <ng-content></ng-content>\n</ion-buttons>\n\n" }]
-    }], null, { class: [{
-            type: HostBinding
-        }] }); })();
+        this.className = 'euim-user-profile-action';
+    }
+}
+/** @nocollapse */ EuiMUserProfileActionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuiMUserProfileActionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuiMUserProfileActionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuiMUserProfileActionComponent, selector: "euim-user-profile-action", host: { properties: { "className": "this.className" } }, usesInheritance: true, ngImport: i0, template: "<ion-buttons>\n    <ng-content></ng-content>\n</ion-buttons>\n\n", dependencies: [{ kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuiMUserProfileActionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-user-profile-action', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-buttons>\n    <ng-content></ng-content>\n</ion-buttons>\n\n" }]
+        }], propDecorators: { className: [{
+                type: HostBinding
+            }] } });
 
 const COMPONENTS$8 = [
     EuimUserProfileComponent,
@@ -1192,26 +992,8 @@ const COMPONENTS$8 = [
 ];
 class EuimUserProfileModule {
 }
-/** @nocollapse */ EuimUserProfileModule.ɵfac = function EuimUserProfileModule_Factory(t) { return new (t || EuimUserProfileModule)(); };
-/** @nocollapse */ EuimUserProfileModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimUserProfileModule });
-/** @nocollapse */ EuimUserProfileModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule,
-        IonicModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimUserProfileModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    IonicModule,
-                ],
-                exports: [
-                    ...COMPONENTS$8,
-                ],
-                declarations: [
-                    ...COMPONENTS$8,
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimUserProfileModule, { declarations: [EuimUserProfileComponent,
+/** @nocollapse */ EuimUserProfileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimUserProfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimUserProfileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimUserProfileModule, declarations: [EuimUserProfileComponent,
         EuiMUserProfileAvatarComponent,
         EuiMUserProfileInfosComponent,
         EuiMUserProfileInfosItemComponent,
@@ -1220,27 +1002,25 @@ class EuimUserProfileModule {
         EuiMUserProfileAvatarComponent,
         EuiMUserProfileInfosComponent,
         EuiMUserProfileInfosItemComponent,
-        EuiMUserProfileActionComponent] }); })();
-
-function EuimToolbarComponent_ion_menu_button_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ion-menu-button");
-} }
-function EuimToolbarComponent_ion_back_button_2_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ion-back-button", 4);
-    i0.ɵɵlistener("pointerdown", function EuimToolbarComponent_ion_back_button_2_Template_ion_back_button_pointerdown_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onBackButtonClick($event)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵpropertyInterpolate("defaultHref", ctx_r1.backButtonDefaultHref);
-} }
-function EuimToolbarComponent_ng_container_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainerStart(0);
-    i0.ɵɵelement(1, "euim-language-selector");
-    i0.ɵɵelementContainerEnd();
-} }
-const _c0$x = ["*", [["euim-toolbar-title"]], [["euim-toolbar-action-items"]]];
-const _c1$j = ["*", "euim-toolbar-title", "euim-toolbar-action-items"];
+        EuiMUserProfileActionComponent] });
+/** @nocollapse */ EuimUserProfileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimUserProfileModule, imports: [CommonModule,
+        IonicModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimUserProfileModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                    ],
+                    exports: [
+                        ...COMPONENTS$8,
+                    ],
+                    declarations: [
+                        ...COMPONENTS$8,
+                    ],
+                }]
+        }] });
+
 class EuimToolbarComponent extends EuimBaseDirective {
     constructor() {
         super(...arguments);
@@ -1262,130 +1042,93 @@ class EuimToolbarComponent extends EuimBaseDirective {
         return super.getCssClasses('euim-toolbar');
     }
 }
-/** @nocollapse */ EuimToolbarComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimToolbarComponent_BaseFactory; return function EuimToolbarComponent_Factory(t) { return (ɵEuimToolbarComponent_BaseFactory || (ɵEuimToolbarComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimToolbarComponent)))(t || EuimToolbarComponent); }; }();
-/** @nocollapse */ EuimToolbarComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimToolbarComponent, selectors: [["euim-toolbar"]], hostVars: 2, hostBindings: function EuimToolbarComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.cssClasses);
-    } }, inputs: { hasBackButton: "hasBackButton", backButtonDefaultHref: "backButtonDefaultHref", hasSidebarTrigger: "hasSidebarTrigger", hasLanguageSelector: "hasLanguageSelector" }, outputs: { backButtonClick: "backButtonClick" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$j, decls: 9, vars: 3, consts: [["slot", "start"], [4, "ngIf"], [3, "defaultHref", "pointerdown", 4, "ngIf"], ["slot", "primary"], [3, "defaultHref", "pointerdown"]], template: function EuimToolbarComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef(_c0$x);
-        i0.ɵɵelementStart(0, "ion-buttons", 0);
-        i0.ɵɵtemplate(1, EuimToolbarComponent_ion_menu_button_1_Template, 1, 0, "ion-menu-button", 1);
-        i0.ɵɵtemplate(2, EuimToolbarComponent_ion_back_button_2_Template, 1, 1, "ion-back-button", 2);
-        i0.ɵɵprojection(3);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(4, "ion-title");
-        i0.ɵɵprojection(5, 1);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(6, "ion-buttons", 3);
-        i0.ɵɵprojection(7, 2);
-        i0.ɵɵtemplate(8, EuimToolbarComponent_ng_container_8_Template, 2, 0, "ng-container", 1);
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.hasSidebarTrigger);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.hasBackButton);
-        i0.ɵɵadvance(6);
-        i0.ɵɵproperty("ngIf", ctx.hasLanguageSelector);
-    } }, dependencies: [i2$1.NgIf, i1.IonBackButton, i1.IonButtons, i1.IonMenuButton, i1.IonTitle, i1.IonBackButtonDelegate, EuimLanguageSelectorComponent], styles: [".euim-toolbar{display:flex}\n"], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimToolbarComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-toolbar', encapsulation: ViewEncapsulation.None, template: "<ion-buttons slot=\"start\">\n    <ion-menu-button *ngIf=\"hasSidebarTrigger\"></ion-menu-button>\n    <ion-back-button *ngIf=\"hasBackButton\"\n                     defaultHref=\"{{backButtonDefaultHref}}\"\n                     (pointerdown)=\"onBackButtonClick($event)\"></ion-back-button>\n    <ng-content></ng-content>\n</ion-buttons>\n<ion-title>\n    <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"primary\">\n    <ng-content select=\"euim-toolbar-action-items\"></ng-content>\n    <ng-container *ngIf=\"hasLanguageSelector\">\n        <euim-language-selector></euim-language-selector>\n    </ng-container>\n</ion-buttons>\n", styles: [".euim-toolbar{display:flex}\n"] }]
-    }], null, { hasBackButton: [{
-            type: Input
-        }], backButtonDefaultHref: [{
-            type: Input
-        }], hasSidebarTrigger: [{
-            type: Input
-        }], hasLanguageSelector: [{
-            type: Input
-        }], backButtonClick: [{
-            type: Output
-        }], cssClasses: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$w = ["*"];
+/** @nocollapse */ EuimToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimToolbarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: { hasBackButton: "hasBackButton", backButtonDefaultHref: "backButtonDefaultHref", hasSidebarTrigger: "hasSidebarTrigger", hasLanguageSelector: "hasLanguageSelector" }, outputs: { backButtonClick: "backButtonClick" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ion-buttons slot=\"start\">\n    <ion-menu-button *ngIf=\"hasSidebarTrigger\"></ion-menu-button>\n    <ion-back-button *ngIf=\"hasBackButton\"\n                     defaultHref=\"{{backButtonDefaultHref}}\"\n                     (pointerdown)=\"onBackButtonClick($event)\"></ion-back-button>\n    <ng-content></ng-content>\n</ion-buttons>\n<ion-title>\n    <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"primary\">\n    <ng-content select=\"euim-toolbar-action-items\"></ng-content>\n    <ng-container *ngIf=\"hasLanguageSelector\">\n        <euim-language-selector></euim-language-selector>\n    </ng-container>\n</ion-buttons>\n", styles: [".euim-toolbar{display:flex}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.IonBackButton, selector: "ion-back-button", inputs: ["color", "defaultHref", "disabled", "icon", "mode", "routerAnimation", "text", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonMenuButton, selector: "ion-menu-button", inputs: ["autoHide", "color", "disabled", "menu", "mode", "type"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "directive", type: i1.IonBackButtonDelegate, selector: "ion-back-button", inputs: ["defaultHref", "routerAnimation"] }, { kind: "component", type: EuimLanguageSelectorComponent, selector: "euim-language-selector", inputs: ["euimPrimary"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimToolbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-toolbar', encapsulation: ViewEncapsulation.None, template: "<ion-buttons slot=\"start\">\n    <ion-menu-button *ngIf=\"hasSidebarTrigger\"></ion-menu-button>\n    <ion-back-button *ngIf=\"hasBackButton\"\n                     defaultHref=\"{{backButtonDefaultHref}}\"\n                     (pointerdown)=\"onBackButtonClick($event)\"></ion-back-button>\n    <ng-content></ng-content>\n</ion-buttons>\n<ion-title>\n    <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"primary\">\n    <ng-content select=\"euim-toolbar-action-items\"></ng-content>\n    <ng-container *ngIf=\"hasLanguageSelector\">\n        <euim-language-selector></euim-language-selector>\n    </ng-container>\n</ion-buttons>\n", styles: [".euim-toolbar{display:flex}\n"] }]
+        }], propDecorators: { hasBackButton: [{
+                type: Input
+            }], backButtonDefaultHref: [{
+                type: Input
+            }], hasSidebarTrigger: [{
+                type: Input
+            }], hasLanguageSelector: [{
+                type: Input
+            }], backButtonClick: [{
+                type: Output
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
 class EuimToolbarTitleComponent extends EuimBaseDirective {
     get cssClasses() {
         return super.getCssClasses('euim-toolbar-title');
     }
 }
-/** @nocollapse */ EuimToolbarTitleComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimToolbarTitleComponent_BaseFactory; return function EuimToolbarTitleComponent_Factory(t) { return (ɵEuimToolbarTitleComponent_BaseFactory || (ɵEuimToolbarTitleComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimToolbarTitleComponent)))(t || EuimToolbarTitleComponent); }; }();
-/** @nocollapse */ EuimToolbarTitleComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimToolbarTitleComponent, selectors: [["euim-toolbar-title"]], hostVars: 2, hostBindings: function EuimToolbarTitleComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.cssClasses);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$w, decls: 1, vars: 0, template: function EuimToolbarTitleComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimToolbarTitleComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-toolbar-title', template: "<ng-content></ng-content>\n" }]
-    }], null, { cssClasses: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$v = ["*"];
+/** @nocollapse */ EuimToolbarTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimToolbarTitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimToolbarTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimToolbarTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-toolbar-title', template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
 class EuimToolbarActionItemsComponent extends EuimBaseDirective {
     get cssClasses() {
         return super.getCssClasses('euim-toolbar-action-items');
     }
 }
-/** @nocollapse */ EuimToolbarActionItemsComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimToolbarActionItemsComponent_BaseFactory; return function EuimToolbarActionItemsComponent_Factory(t) { return (ɵEuimToolbarActionItemsComponent_BaseFactory || (ɵEuimToolbarActionItemsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimToolbarActionItemsComponent)))(t || EuimToolbarActionItemsComponent); }; }();
-/** @nocollapse */ EuimToolbarActionItemsComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimToolbarActionItemsComponent, selectors: [["euim-toolbar-action-items"]], hostVars: 2, hostBindings: function EuimToolbarActionItemsComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.cssClasses);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$v, decls: 1, vars: 0, template: function EuimToolbarActionItemsComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimToolbarActionItemsComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-toolbar-action-items', template: "<ng-content></ng-content>\n" }]
-    }], null, { cssClasses: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
+/** @nocollapse */ EuimToolbarActionItemsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimToolbarActionItemsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimToolbarActionItemsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimToolbarActionItemsComponent, selector: "euim-toolbar-action-items", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimToolbarActionItemsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-toolbar-action-items', template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 class EuimToolbarComponentModule {
 }
-/** @nocollapse */ EuimToolbarComponentModule.ɵfac = function EuimToolbarComponentModule_Factory(t) { return new (t || EuimToolbarComponentModule)(); };
-/** @nocollapse */ EuimToolbarComponentModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimToolbarComponentModule });
-/** @nocollapse */ EuimToolbarComponentModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule,
-        IonicModule,
-        TranslateModule,
-        EuimLanguageSelectorModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimToolbarComponentModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    IonicModule,
-                    TranslateModule,
-                    EuimLanguageSelectorModule,
-                ],
-                exports: [
-                    EuimToolbarComponent,
-                    EuimToolbarTitleComponent,
-                    EuimToolbarActionItemsComponent,
-                ],
-                declarations: [
-                    EuimToolbarComponent,
-                    EuimToolbarTitleComponent,
-                    EuimToolbarActionItemsComponent,
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimToolbarComponentModule, { declarations: [EuimToolbarComponent,
+/** @nocollapse */ EuimToolbarComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimToolbarComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimToolbarComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimToolbarComponentModule, declarations: [EuimToolbarComponent,
         EuimToolbarTitleComponent,
         EuimToolbarActionItemsComponent], imports: [CommonModule,
         IonicModule,
         TranslateModule,
         EuimLanguageSelectorModule], exports: [EuimToolbarComponent,
         EuimToolbarTitleComponent,
-        EuimToolbarActionItemsComponent] }); })();
+        EuimToolbarActionItemsComponent] });
+/** @nocollapse */ EuimToolbarComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimToolbarComponentModule, imports: [CommonModule,
+        IonicModule,
+        TranslateModule,
+        EuimLanguageSelectorModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimToolbarComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                        TranslateModule,
+                        EuimLanguageSelectorModule,
+                    ],
+                    exports: [
+                        EuimToolbarComponent,
+                        EuimToolbarTitleComponent,
+                        EuimToolbarActionItemsComponent,
+                    ],
+                    declarations: [
+                        EuimToolbarComponent,
+                        EuimToolbarTitleComponent,
+                        EuimToolbarActionItemsComponent,
+                    ],
+                }]
+        }] });
 
-const _c0$u = ["*"];
 class EuimAvatarIconComponent extends EuimBaseDirective {
     constructor() {
         super(...arguments);
@@ -1409,142 +1152,93 @@ class EuimAvatarIconComponent extends EuimBaseDirective {
         ].join(' ');
     }
 }
-/** @nocollapse */ EuimAvatarIconComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimAvatarIconComponent_BaseFactory; return function EuimAvatarIconComponent_Factory(t) { return (ɵEuimAvatarIconComponent_BaseFactory || (ɵEuimAvatarIconComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimAvatarIconComponent)))(t || EuimAvatarIconComponent); }; }();
-/** @nocollapse */ EuimAvatarIconComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimAvatarIconComponent, selectors: [["euim-avatar-icon"]], hostVars: 2, hostBindings: function EuimAvatarIconComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.cssClasses);
-    } }, inputs: { color: "color", size: "size", fill: "fill", variant: "variant", borderColor: "borderColor" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$u, decls: 1, vars: 0, template: function EuimAvatarIconComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, styles: [".euim-avatar-icon{display:flex;justify-content:center;align-items:center;overflow:hidden;color:#fff;border:none}.euim-avatar-icon--variant-default,.euim-avatar-icon--variant-rounded{border-radius:50%}.euim-avatar-icon--variant-rectangle{border-radius:0}.euim-avatar-icon--color-default{background-color:var(--eui-base-color-grey-75);border-color:var(--eui-base-color-grey-75)}.euim-avatar-icon--color-primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100)}.euim-avatar-icon--color-info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100)}.euim-avatar-icon--color-success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100)}.euim-avatar-icon--color-warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100)}.euim-avatar-icon--color-danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100)}.euim-avatar-icon--border-color-default{border-color:#fff}.euim-avatar-icon--border-color-primary{border-color:var(--eui-base-color-primary-100)}.euim-avatar-icon--border-color-info{border-color:var(--eui-base-color-info-100)}.euim-avatar-icon--border-color-success{border-color:var(--eui-base-color-success-100)}.euim-avatar-icon--border-color-warning{border-color:var(--eui-base-color-warning-100)}.euim-avatar-icon--border-color-danger{border-color:var(--eui-base-color-danger-100)}.euim-avatar-icon[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}.euim-avatar-icon[slot=end]{margin-inline-start:var(--eui-base-spacing-m)}.euim-avatar-icon--size-default,.euim-avatar-icon--size-auto{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl);font-size:var(--eui-base-font-l)}.euim-avatar-icon--size-default ion-icon,.euim-avatar-icon--size-auto ion-icon{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-avatar-icon--size-m{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl);font-size:var(--eui-base-font-l)}.euim-avatar-icon--size-m ion-icon{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);color:var(--eui-base-color-white)}.euim-avatar-icon--size-s{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);font-size:var(--eui-base-font-m)}.euim-avatar-icon--size-s ion-icon{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.euim-avatar-icon--size-l{width:var(--eui-base-spacing-4xl);height:var(--eui-base-spacing-4xl);font-size:var(--eui-base-font-2xl)}.euim-avatar-icon--size-l ion-icon{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl)}.euim-avatar-icon--fill-default,.euim-avatar-icon--fill-solid{border:none}.euim-avatar-icon--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar-icon--fill-clear{background-color:transparent!important;border:none}.euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid}\n"], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimAvatarIconComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-avatar-icon', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".euim-avatar-icon{display:flex;justify-content:center;align-items:center;overflow:hidden;color:#fff;border:none}.euim-avatar-icon--variant-default,.euim-avatar-icon--variant-rounded{border-radius:50%}.euim-avatar-icon--variant-rectangle{border-radius:0}.euim-avatar-icon--color-default{background-color:var(--eui-base-color-grey-75);border-color:var(--eui-base-color-grey-75)}.euim-avatar-icon--color-primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100)}.euim-avatar-icon--color-info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100)}.euim-avatar-icon--color-success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100)}.euim-avatar-icon--color-warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100)}.euim-avatar-icon--color-danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100)}.euim-avatar-icon--border-color-default{border-color:#fff}.euim-avatar-icon--border-color-primary{border-color:var(--eui-base-color-primary-100)}.euim-avatar-icon--border-color-info{border-color:var(--eui-base-color-info-100)}.euim-avatar-icon--border-color-success{border-color:var(--eui-base-color-success-100)}.euim-avatar-icon--border-color-warning{border-color:var(--eui-base-color-warning-100)}.euim-avatar-icon--border-color-danger{border-color:var(--eui-base-color-danger-100)}.euim-avatar-icon[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}.euim-avatar-icon[slot=end]{margin-inline-start:var(--eui-base-spacing-m)}.euim-avatar-icon--size-default,.euim-avatar-icon--size-auto{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl);font-size:var(--eui-base-font-l)}.euim-avatar-icon--size-default ion-icon,.euim-avatar-icon--size-auto ion-icon{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-avatar-icon--size-m{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl);font-size:var(--eui-base-font-l)}.euim-avatar-icon--size-m ion-icon{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);color:var(--eui-base-color-white)}.euim-avatar-icon--size-s{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);font-size:var(--eui-base-font-m)}.euim-avatar-icon--size-s ion-icon{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.euim-avatar-icon--size-l{width:var(--eui-base-spacing-4xl);height:var(--eui-base-spacing-4xl);font-size:var(--eui-base-font-2xl)}.euim-avatar-icon--size-l ion-icon{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl)}.euim-avatar-icon--fill-default,.euim-avatar-icon--fill-solid{border:none}.euim-avatar-icon--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar-icon--fill-clear{background-color:transparent!important;border:none}.euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid}\n"] }]
-    }], null, { color: [{
-            type: Input
-        }], size: [{
-            type: Input
-        }], fill: [{
-            type: Input
-        }], variant: [{
-            type: Input
-        }], borderColor: [{
-            type: Input
-        }], cssClasses: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
+/** @nocollapse */ EuimAvatarIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAvatarIconComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimAvatarIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimAvatarIconComponent, selector: "euim-avatar-icon", inputs: { color: "color", size: "size", fill: "fill", variant: "variant", borderColor: "borderColor" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-avatar-icon{display:flex;justify-content:center;align-items:center;overflow:hidden;color:#fff;border:none}.euim-avatar-icon--variant-default,.euim-avatar-icon--variant-rounded{border-radius:50%}.euim-avatar-icon--variant-rectangle{border-radius:0}.euim-avatar-icon--color-default{background-color:var(--eui-base-color-grey-75);border-color:var(--eui-base-color-grey-75)}.euim-avatar-icon--color-primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100)}.euim-avatar-icon--color-info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100)}.euim-avatar-icon--color-success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100)}.euim-avatar-icon--color-warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100)}.euim-avatar-icon--color-danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100)}.euim-avatar-icon--border-color-default{border-color:#fff}.euim-avatar-icon--border-color-primary{border-color:var(--eui-base-color-primary-100)}.euim-avatar-icon--border-color-info{border-color:var(--eui-base-color-info-100)}.euim-avatar-icon--border-color-success{border-color:var(--eui-base-color-success-100)}.euim-avatar-icon--border-color-warning{border-color:var(--eui-base-color-warning-100)}.euim-avatar-icon--border-color-danger{border-color:var(--eui-base-color-danger-100)}.euim-avatar-icon[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}.euim-avatar-icon[slot=end]{margin-inline-start:var(--eui-base-spacing-m)}.euim-avatar-icon--size-default,.euim-avatar-icon--size-auto{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl);font-size:var(--eui-base-font-l)}.euim-avatar-icon--size-default ion-icon,.euim-avatar-icon--size-auto ion-icon{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-avatar-icon--size-m{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl);font-size:var(--eui-base-font-l)}.euim-avatar-icon--size-m ion-icon{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);color:var(--eui-base-color-white)}.euim-avatar-icon--size-s{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);font-size:var(--eui-base-font-m)}.euim-avatar-icon--size-s ion-icon{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.euim-avatar-icon--size-l{width:var(--eui-base-spacing-4xl);height:var(--eui-base-spacing-4xl);font-size:var(--eui-base-font-2xl)}.euim-avatar-icon--size-l ion-icon{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl)}.euim-avatar-icon--fill-default,.euim-avatar-icon--fill-solid{border:none}.euim-avatar-icon--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar-icon--fill-clear{background-color:transparent!important;border:none}.euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid}\n"], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAvatarIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-avatar-icon', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".euim-avatar-icon{display:flex;justify-content:center;align-items:center;overflow:hidden;color:#fff;border:none}.euim-avatar-icon--variant-default,.euim-avatar-icon--variant-rounded{border-radius:50%}.euim-avatar-icon--variant-rectangle{border-radius:0}.euim-avatar-icon--color-default{background-color:var(--eui-base-color-grey-75);border-color:var(--eui-base-color-grey-75)}.euim-avatar-icon--color-primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100)}.euim-avatar-icon--color-info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100)}.euim-avatar-icon--color-success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100)}.euim-avatar-icon--color-warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100)}.euim-avatar-icon--color-danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100)}.euim-avatar-icon--border-color-default{border-color:#fff}.euim-avatar-icon--border-color-primary{border-color:var(--eui-base-color-primary-100)}.euim-avatar-icon--border-color-info{border-color:var(--eui-base-color-info-100)}.euim-avatar-icon--border-color-success{border-color:var(--eui-base-color-success-100)}.euim-avatar-icon--border-color-warning{border-color:var(--eui-base-color-warning-100)}.euim-avatar-icon--border-color-danger{border-color:var(--eui-base-color-danger-100)}.euim-avatar-icon[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}.euim-avatar-icon[slot=end]{margin-inline-start:var(--eui-base-spacing-m)}.euim-avatar-icon--size-default,.euim-avatar-icon--size-auto{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl);font-size:var(--eui-base-font-l)}.euim-avatar-icon--size-default ion-icon,.euim-avatar-icon--size-auto ion-icon{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-avatar-icon--size-m{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl);font-size:var(--eui-base-font-l)}.euim-avatar-icon--size-m ion-icon{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);color:var(--eui-base-color-white)}.euim-avatar-icon--size-s{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);font-size:var(--eui-base-font-m)}.euim-avatar-icon--size-s ion-icon{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.euim-avatar-icon--size-l{width:var(--eui-base-spacing-4xl);height:var(--eui-base-spacing-4xl);font-size:var(--eui-base-font-2xl)}.euim-avatar-icon--size-l ion-icon{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl)}.euim-avatar-icon--fill-default,.euim-avatar-icon--fill-solid{border:none}.euim-avatar-icon--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar-icon--fill-clear{background-color:transparent!important;border:none}.euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid}\n"] }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], fill: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], borderColor: [{
+                type: Input
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 class EuimAvatarIconModule {
 }
-/** @nocollapse */ EuimAvatarIconModule.ɵfac = function EuimAvatarIconModule_Factory(t) { return new (t || EuimAvatarIconModule)(); };
-/** @nocollapse */ EuimAvatarIconModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimAvatarIconModule });
-/** @nocollapse */ EuimAvatarIconModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule,
+/** @nocollapse */ EuimAvatarIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAvatarIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimAvatarIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimAvatarIconModule, declarations: [EuimAvatarIconComponent], imports: [CommonModule,
+        IonicModule], exports: [EuimAvatarIconComponent] });
+/** @nocollapse */ EuimAvatarIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAvatarIconModule, imports: [CommonModule,
         IonicModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimAvatarIconModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    IonicModule,
-                ],
-                exports: [
-                    EuimAvatarIconComponent,
-                ],
-                declarations: [
-                    EuimAvatarIconComponent,
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimAvatarIconModule, { declarations: [EuimAvatarIconComponent], imports: [CommonModule,
-        IonicModule], exports: [EuimAvatarIconComponent] }); })();
-
-function EuimEmptyListPlaceholderComponent_ion_grid_2_ion_row_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ion-row")(1, "ion-col", 4);
-    i0.ɵɵelement(2, "ion-icon", 5);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("name", ctx_r2.icon);
-} }
-function EuimEmptyListPlaceholderComponent_ion_grid_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ion-grid");
-    i0.ɵɵtemplate(1, EuimEmptyListPlaceholderComponent_ion_grid_2_ion_row_1_Template, 3, 1, "ion-row", 0);
-    i0.ɵɵelementStart(2, "ion-row")(3, "ion-col", 2);
-    i0.ɵɵtext(4);
-    i0.ɵɵpipe(5, "translate");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "ion-row")(7, "ion-col", 3);
-    i0.ɵɵtext(8);
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.icon);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(5, 3, ctx_r0.message || "euim.empty-list-placeholder.text"), " ");
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", ctx_r0.description, " ");
-} }
-const _c0$t = ["*"];
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAvatarIconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                    ],
+                    exports: [
+                        EuimAvatarIconComponent,
+                    ],
+                    declarations: [
+                        EuimAvatarIconComponent,
+                    ],
+                }]
+        }] });
+
 class EuimEmptyListPlaceholderComponent extends EuimBaseDirective {
     hasCustomContent(contentElement) {
         return contentElement && contentElement.childNodes.length > 0;
     }
 }
-/** @nocollapse */ EuimEmptyListPlaceholderComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimEmptyListPlaceholderComponent_BaseFactory; return function EuimEmptyListPlaceholderComponent_Factory(t) { return (ɵEuimEmptyListPlaceholderComponent_BaseFactory || (ɵEuimEmptyListPlaceholderComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimEmptyListPlaceholderComponent)))(t || EuimEmptyListPlaceholderComponent); }; }();
-/** @nocollapse */ EuimEmptyListPlaceholderComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimEmptyListPlaceholderComponent, selectors: [["euim-empty-list-placeholder"]], inputs: { message: "message", icon: "icon", description: "description" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$t, decls: 6, vars: 1, consts: [[4, "ngIf"], ["content", ""], [1, "euim-empty-list-placeholder__message"], [1, "euim-empty-list-placeholder__description"], [1, "euim-empty-list-placeholder__icon"], ["size", "large", 3, "name"]], template: function EuimEmptyListPlaceholderComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵelementStart(0, "ion-slide")(1, "h4");
-        i0.ɵɵtemplate(2, EuimEmptyListPlaceholderComponent_ion_grid_2_Template, 9, 5, "ion-grid", 0);
-        i0.ɵɵelementStart(3, "span", null, 1);
-        i0.ɵɵprojection(5);
-        i0.ɵɵelementEnd()()();
-    } if (rf & 2) {
-        const _r1 = i0.ɵɵreference(4);
-        i0.ɵɵadvance(2);
-        i0.ɵɵproperty("ngIf", !ctx.hasCustomContent(_r1));
-    } }, dependencies: [i2$1.NgIf, i1.IonCol, i1.IonGrid, i1.IonIcon, i1.IonRow, i1.IonSlide, i1$1.TranslatePipe], styles: [".euim-empty-list-placeholder__icon[_ngcontent-%COMP%]{color:var(--eui-base-color-grey-75);width:var(--eui-base-spacing-xl);height:var(--eui-base-spacing-xl);margin-bottom:var(--eui-base-spacing-2xs);padding-top:0;padding-bottom:0}.euim-empty-list-placeholder__message[_ngcontent-%COMP%]{font: 400 1rem/1.25rem arial,sans-serif;font-style:normal;font-weight:700;color:var(--eui-base-color-grey-75);padding-top:0;padding-bottom:0}.euim-empty-list-placeholder__description[_ngcontent-%COMP%]{font: 400 .875rem/1rem arial,sans-serif;color:var(--eui-base-color-grey-75);margin-top:var(--eui-base-spacing-2xs);padding-top:0;padding-bottom:0}"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimEmptyListPlaceholderComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-empty-list-placeholder', template: "<ion-slide>\n    <h4 >\n        <ion-grid *ngIf=\"!hasCustomContent(content)\">\n            <ion-row *ngIf=\"icon\" >\n                <ion-col class=\"euim-empty-list-placeholder__icon\">\n                    <ion-icon size=\"large\" [name]=\"icon\"></ion-icon>\n                </ion-col>\n            </ion-row>\n            <ion-row>\n                <ion-col class=\"euim-empty-list-placeholder__message\">\n                    {{ message || 'euim.empty-list-placeholder.text' | translate }}\n                </ion-col>\n            </ion-row>\n            <ion-row>\n                <ion-col class=\"euim-empty-list-placeholder__description\">\n                    {{ description }}\n                </ion-col>\n            </ion-row>\n        </ion-grid>\n\n        <span #content><ng-content></ng-content></span>\n    </h4>\n\n</ion-slide>\n", styles: [".euim-empty-list-placeholder__icon{color:var(--eui-base-color-grey-75);width:var(--eui-base-spacing-xl);height:var(--eui-base-spacing-xl);margin-bottom:var(--eui-base-spacing-2xs);padding-top:0;padding-bottom:0}.euim-empty-list-placeholder__message{font: 400 1rem/1.25rem arial,sans-serif;font-style:normal;font-weight:700;color:var(--eui-base-color-grey-75);padding-top:0;padding-bottom:0}.euim-empty-list-placeholder__description{font: 400 .875rem/1rem arial,sans-serif;color:var(--eui-base-color-grey-75);margin-top:var(--eui-base-spacing-2xs);padding-top:0;padding-bottom:0}\n"] }]
-    }], null, { message: [{
-            type: Input
-        }], icon: [{
-            type: Input
-        }], description: [{
-            type: Input
-        }] }); })();
+/** @nocollapse */ EuimEmptyListPlaceholderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimEmptyListPlaceholderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimEmptyListPlaceholderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimEmptyListPlaceholderComponent, selector: "euim-empty-list-placeholder", inputs: { message: "message", icon: "icon", description: "description" }, usesInheritance: true, ngImport: i0, template: "<ion-slide>\n    <h4 >\n        <ion-grid *ngIf=\"!hasCustomContent(content)\">\n            <ion-row *ngIf=\"icon\" >\n                <ion-col class=\"euim-empty-list-placeholder__icon\">\n                    <ion-icon size=\"large\" [name]=\"icon\"></ion-icon>\n                </ion-col>\n            </ion-row>\n            <ion-row>\n                <ion-col class=\"euim-empty-list-placeholder__message\">\n                    {{ message || 'euim.empty-list-placeholder.text' | translate }}\n                </ion-col>\n            </ion-row>\n            <ion-row>\n                <ion-col class=\"euim-empty-list-placeholder__description\">\n                    {{ description }}\n                </ion-col>\n            </ion-row>\n        </ion-grid>\n\n        <span #content><ng-content></ng-content></span>\n    </h4>\n\n</ion-slide>\n", styles: [".euim-empty-list-placeholder__icon{color:var(--eui-base-color-grey-75);width:var(--eui-base-spacing-xl);height:var(--eui-base-spacing-xl);margin-bottom:var(--eui-base-spacing-2xs);padding-top:0;padding-bottom:0}.euim-empty-list-placeholder__message{font: 400 1rem/1.25rem arial,sans-serif;font-style:normal;font-weight:700;color:var(--eui-base-color-grey-75);padding-top:0;padding-bottom:0}.euim-empty-list-placeholder__description{font: 400 .875rem/1rem arial,sans-serif;color:var(--eui-base-color-grey-75);margin-top:var(--eui-base-spacing-2xs);padding-top:0;padding-bottom:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i1.IonGrid, selector: "ion-grid", inputs: ["fixed"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonRow, selector: "ion-row" }, { kind: "component", type: i1.IonSlide, selector: "ion-slide" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimEmptyListPlaceholderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-empty-list-placeholder', template: "<ion-slide>\n    <h4 >\n        <ion-grid *ngIf=\"!hasCustomContent(content)\">\n            <ion-row *ngIf=\"icon\" >\n                <ion-col class=\"euim-empty-list-placeholder__icon\">\n                    <ion-icon size=\"large\" [name]=\"icon\"></ion-icon>\n                </ion-col>\n            </ion-row>\n            <ion-row>\n                <ion-col class=\"euim-empty-list-placeholder__message\">\n                    {{ message || 'euim.empty-list-placeholder.text' | translate }}\n                </ion-col>\n            </ion-row>\n            <ion-row>\n                <ion-col class=\"euim-empty-list-placeholder__description\">\n                    {{ description }}\n                </ion-col>\n            </ion-row>\n        </ion-grid>\n\n        <span #content><ng-content></ng-content></span>\n    </h4>\n\n</ion-slide>\n", styles: [".euim-empty-list-placeholder__icon{color:var(--eui-base-color-grey-75);width:var(--eui-base-spacing-xl);height:var(--eui-base-spacing-xl);margin-bottom:var(--eui-base-spacing-2xs);padding-top:0;padding-bottom:0}.euim-empty-list-placeholder__message{font: 400 1rem/1.25rem arial,sans-serif;font-style:normal;font-weight:700;color:var(--eui-base-color-grey-75);padding-top:0;padding-bottom:0}.euim-empty-list-placeholder__description{font: 400 .875rem/1rem arial,sans-serif;color:var(--eui-base-color-grey-75);margin-top:var(--eui-base-spacing-2xs);padding-top:0;padding-bottom:0}\n"] }]
+        }], propDecorators: { message: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }] } });
 
 class EuimEmptyListPlaceholderModule {
 }
-/** @nocollapse */ EuimEmptyListPlaceholderModule.ɵfac = function EuimEmptyListPlaceholderModule_Factory(t) { return new (t || EuimEmptyListPlaceholderModule)(); };
-/** @nocollapse */ EuimEmptyListPlaceholderModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimEmptyListPlaceholderModule });
-/** @nocollapse */ EuimEmptyListPlaceholderModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule,
+/** @nocollapse */ EuimEmptyListPlaceholderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimEmptyListPlaceholderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimEmptyListPlaceholderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimEmptyListPlaceholderModule, declarations: [EuimEmptyListPlaceholderComponent], imports: [CommonModule,
         IonicModule,
-        TranslateModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimEmptyListPlaceholderModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    IonicModule,
-                    TranslateModule
-                ],
-                exports: [
-                    EuimEmptyListPlaceholderComponent,
-                ],
-                declarations: [
-                    EuimEmptyListPlaceholderComponent,
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimEmptyListPlaceholderModule, { declarations: [EuimEmptyListPlaceholderComponent], imports: [CommonModule,
+        TranslateModule], exports: [EuimEmptyListPlaceholderComponent] });
+/** @nocollapse */ EuimEmptyListPlaceholderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimEmptyListPlaceholderModule, imports: [CommonModule,
         IonicModule,
-        TranslateModule], exports: [EuimEmptyListPlaceholderComponent] }); })();
+        TranslateModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimEmptyListPlaceholderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                        TranslateModule
+                    ],
+                    exports: [
+                        EuimEmptyListPlaceholderComponent,
+                    ],
+                    declarations: [
+                        EuimEmptyListPlaceholderComponent,
+                    ],
+                }]
+        }] });
 
-const _c0$s = [[["euim-message-title"]], "*"];
-const _c1$i = ["euim-message-title", "*"];
 class EuimMessageComponent extends EuimBaseDirective {
     constructor() {
         super(...arguments);
@@ -1554,7 +1248,9 @@ class EuimMessageComponent extends EuimBaseDirective {
         this._euiDanger = false;
         this._variant = 'info';
     }
-    get euiInfo() { return this._euiInfo; }
+    get euiInfo() {
+        return this._euiInfo;
+    }
     set euiInfo(value) {
         this.resetVariantType();
         this._euiInfo = coerceBooleanProperty(value);
@@ -1562,7 +1258,9 @@ class EuimMessageComponent extends EuimBaseDirective {
             this._variant = 'info';
         }
     }
-    get euiSuccess() { return this._euiSuccess; }
+    get euiSuccess() {
+        return this._euiSuccess;
+    }
     set euiSuccess(value) {
         this.resetVariantType();
         this._euiSuccess = coerceBooleanProperty(value);
@@ -1570,7 +1268,9 @@ class EuimMessageComponent extends EuimBaseDirective {
             this._variant = 'success';
         }
     }
-    get euiWarning() { return this._euiWarning; }
+    get euiWarning() {
+        return this._euiWarning;
+    }
     set euiWarning(value) {
         this.resetVariantType();
         this._euiWarning = coerceBooleanProperty(value);
@@ -1578,7 +1278,9 @@ class EuimMessageComponent extends EuimBaseDirective {
             this._variant = 'warning';
         }
     }
-    get euiDanger() { return this._euiDanger; }
+    get euiDanger() {
+        return this._euiDanger;
+    }
     set euiDanger(value) {
         this.resetVariantType();
         this._euiDanger = coerceBooleanProperty(value);
@@ -1586,7 +1288,9 @@ class EuimMessageComponent extends EuimBaseDirective {
             this._variant = 'danger';
         }
     }
-    get variant() { return this._variant; }
+    get variant() {
+        return this._variant;
+    }
     set variant(value) {
         this._euiWarning = (value === 'warning');
         this._euiInfo = (value === 'info');
@@ -1618,8 +1322,6 @@ class EuimMessageComponent extends EuimBaseDirective {
                 return '';
         }
     }
-    ngOnInit() {
-    }
     get cssClasses() {
         return this.getCssClasses();
     }
@@ -1630,60 +1332,40 @@ class EuimMessageComponent extends EuimBaseDirective {
         ].join(' ');
     }
 }
-/** @nocollapse */ EuimMessageComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimMessageComponent_BaseFactory; return function EuimMessageComponent_Factory(t) { return (ɵEuimMessageComponent_BaseFactory || (ɵEuimMessageComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimMessageComponent)))(t || EuimMessageComponent); }; }();
-/** @nocollapse */ EuimMessageComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimMessageComponent, selectors: [["euim-message"]], hostVars: 2, hostBindings: function EuimMessageComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.cssClasses);
-    } }, inputs: { euiInfo: "euiInfo", euiSuccess: "euiSuccess", euiWarning: "euiWarning", euiDanger: "euiDanger", variant: "variant" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$i, decls: 5, vars: 1, consts: [[1, "euim-message__wrappericon"], [1, "euim-message__icon", 3, "name"], [1, "euim-message__wrapper"]], template: function EuimMessageComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef(_c0$s);
-        i0.ɵɵelementStart(0, "div", 0);
-        i0.ɵɵelement(1, "ion-icon", 1);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(2, "div", 2);
-        i0.ɵɵprojection(3);
-        i0.ɵɵprojection(4, 1);
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("name", ctx.icon);
-    } }, dependencies: [i1.IonIcon], styles: [".euim-message{display:block;border-width:2px;border-style:solid;display:flex;padding:var(--eui-base-spacing-m)}.euim-message__wrappericon{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);padding:0;margin:0}.euim-message__icon{padding:0;margin:0;width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-message__wrapper{margin-left:var(--eui-base-spacing-xs)}.euim-message--danger{border-color:var(--eui-base-color-danger-100)}.euim-message--danger ion-icon{color:var(--eui-base-color-danger-100)}.euim-message--info{border-color:var(--eui-base-color-info-100)}.euim-message--info ion-icon{color:var(--eui-base-color-info-100)}.euim-message--success{border-color:var(--eui-base-color-success-100)}.euim-message--success ion-icon{color:var(--eui-base-color-success-100)}.euim-message--warning{border-color:var(--eui-base-color-warning-100)}.euim-message--warning ion-icon{color:var(--eui-base-color-warning-100)}.euim-message-title{display:flex;align-items:center;font: 400 1rem/1.25rem arial,sans-serif;font-style:normal;font-weight:700;padding:0;margin:0;margin-bottom:var(--eui-base-spacing-xs)}\n"], encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimMessageComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-message__wrappericon\">\n    <ion-icon [name]=\"icon\" class=\"euim-message__icon\"></ion-icon>\n</div>\n<div class=\"euim-message__wrapper\">\n    <ng-content select=\"euim-message-title\"></ng-content>\n    <ng-content></ng-content>\n</div>\n", styles: [".euim-message{display:block;border-width:2px;border-style:solid;display:flex;padding:var(--eui-base-spacing-m)}.euim-message__wrappericon{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);padding:0;margin:0}.euim-message__icon{padding:0;margin:0;width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-message__wrapper{margin-left:var(--eui-base-spacing-xs)}.euim-message--danger{border-color:var(--eui-base-color-danger-100)}.euim-message--danger ion-icon{color:var(--eui-base-color-danger-100)}.euim-message--info{border-color:var(--eui-base-color-info-100)}.euim-message--info ion-icon{color:var(--eui-base-color-info-100)}.euim-message--success{border-color:var(--eui-base-color-success-100)}.euim-message--success ion-icon{color:var(--eui-base-color-success-100)}.euim-message--warning{border-color:var(--eui-base-color-warning-100)}.euim-message--warning ion-icon{color:var(--eui-base-color-warning-100)}.euim-message-title{display:flex;align-items:center;font: 400 1rem/1.25rem arial,sans-serif;font-style:normal;font-weight:700;padding:0;margin:0;margin-bottom:var(--eui-base-spacing-xs)}\n"] }]
-    }], null, { euiInfo: [{
-            type: Input
-        }], euiSuccess: [{
-            type: Input
-        }], euiWarning: [{
-            type: Input
-        }], euiDanger: [{
-            type: Input
-        }], variant: [{
-            type: Input
-        }], cssClasses: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$r = ["*"];
+/** @nocollapse */ EuimMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMessageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimMessageComponent, selector: "euim-message", inputs: { euiInfo: "euiInfo", euiSuccess: "euiSuccess", euiWarning: "euiWarning", euiDanger: "euiDanger", variant: "variant" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<div class=\"euim-message__wrappericon\">\n    <ion-icon [name]=\"icon\" class=\"euim-message__icon\"></ion-icon>\n</div>\n<div class=\"euim-message__wrapper\">\n    <ng-content select=\"euim-message-title\"></ng-content>\n    <ng-content></ng-content>\n</div>\n", styles: [".euim-message{display:block;border-width:2px;border-style:solid;display:flex;padding:var(--eui-base-spacing-m)}.euim-message__wrappericon{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);padding:0;margin:0}.euim-message__icon{padding:0;margin:0;width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-message__wrapper{margin-left:var(--eui-base-spacing-xs)}.euim-message--danger{border-color:var(--eui-base-color-danger-100)}.euim-message--danger ion-icon{color:var(--eui-base-color-danger-100)}.euim-message--info{border-color:var(--eui-base-color-info-100)}.euim-message--info ion-icon{color:var(--eui-base-color-info-100)}.euim-message--success{border-color:var(--eui-base-color-success-100)}.euim-message--success ion-icon{color:var(--eui-base-color-success-100)}.euim-message--warning{border-color:var(--eui-base-color-warning-100)}.euim-message--warning ion-icon{color:var(--eui-base-color-warning-100)}.euim-message-title{display:flex;align-items:center;font: 400 1rem/1.25rem arial,sans-serif;font-style:normal;font-weight:700;padding:0;margin:0;margin-bottom:var(--eui-base-spacing-xs)}\n"], dependencies: [{ kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-message__wrappericon\">\n    <ion-icon [name]=\"icon\" class=\"euim-message__icon\"></ion-icon>\n</div>\n<div class=\"euim-message__wrapper\">\n    <ng-content select=\"euim-message-title\"></ng-content>\n    <ng-content></ng-content>\n</div>\n", styles: [".euim-message{display:block;border-width:2px;border-style:solid;display:flex;padding:var(--eui-base-spacing-m)}.euim-message__wrappericon{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);padding:0;margin:0}.euim-message__icon{padding:0;margin:0;width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-message__wrapper{margin-left:var(--eui-base-spacing-xs)}.euim-message--danger{border-color:var(--eui-base-color-danger-100)}.euim-message--danger ion-icon{color:var(--eui-base-color-danger-100)}.euim-message--info{border-color:var(--eui-base-color-info-100)}.euim-message--info ion-icon{color:var(--eui-base-color-info-100)}.euim-message--success{border-color:var(--eui-base-color-success-100)}.euim-message--success ion-icon{color:var(--eui-base-color-success-100)}.euim-message--warning{border-color:var(--eui-base-color-warning-100)}.euim-message--warning ion-icon{color:var(--eui-base-color-warning-100)}.euim-message-title{display:flex;align-items:center;font: 400 1rem/1.25rem arial,sans-serif;font-style:normal;font-weight:700;padding:0;margin:0;margin-bottom:var(--eui-base-spacing-xs)}\n"] }]
+        }], propDecorators: { euiInfo: [{
+                type: Input
+            }], euiSuccess: [{
+                type: Input
+            }], euiWarning: [{
+                type: Input
+            }], euiDanger: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
 class EuimMessageTitleComponent extends EuimBaseDirective {
     constructor() {
         super(...arguments);
-        this.class = 'euim-message-title';
-    }
-}
-/** @nocollapse */ EuimMessageTitleComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimMessageTitleComponent_BaseFactory; return function EuimMessageTitleComponent_Factory(t) { return (ɵEuimMessageTitleComponent_BaseFactory || (ɵEuimMessageTitleComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimMessageTitleComponent)))(t || EuimMessageTitleComponent); }; }();
-/** @nocollapse */ EuimMessageTitleComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimMessageTitleComponent, selectors: [["euim-message-title"]], hostVars: 2, hostBindings: function EuimMessageTitleComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.class);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$r, decls: 1, vars: 0, template: function EuimMessageTitleComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimMessageTitleComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-message-title', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
-    }], null, { class: [{
-            type: HostBinding
-        }] }); })();
+        this.className = 'euim-message-title';
+    }
+}
+/** @nocollapse */ EuimMessageTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMessageTitleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimMessageTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimMessageTitleComponent, selector: "euim-message-title", host: { properties: { "className": "this.className" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMessageTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-message-title', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { className: [{
+                type: HostBinding
+            }] } });
 
 const COMPONENTS$7 = [
     EuimMessageComponent,
@@ -1691,29 +1373,28 @@ const COMPONENTS$7 = [
 ];
 class EuimMessageModule {
 }
-/** @nocollapse */ EuimMessageModule.ɵfac = function EuimMessageModule_Factory(t) { return new (t || EuimMessageModule)(); };
-/** @nocollapse */ EuimMessageModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimMessageModule });
-/** @nocollapse */ EuimMessageModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule,
-        IonicModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimMessageModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    IonicModule,
-                ],
-                exports: [
-                    ...COMPONENTS$7,
-                ],
-                declarations: [
-                    ...COMPONENTS$7,
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimMessageModule, { declarations: [EuimMessageComponent,
+/** @nocollapse */ EuimMessageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimMessageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimMessageModule, declarations: [EuimMessageComponent,
         EuimMessageTitleComponent], imports: [CommonModule,
         IonicModule], exports: [EuimMessageComponent,
-        EuimMessageTitleComponent] }); })();
+        EuimMessageTitleComponent] });
+/** @nocollapse */ EuimMessageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMessageModule, imports: [CommonModule,
+        IonicModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMessageModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                    ],
+                    exports: [
+                        ...COMPONENTS$7,
+                    ],
+                    declarations: [
+                        ...COMPONENTS$7,
+                    ],
+                }]
+        }] });
 
 class EuimStepperChangeEvent {
     constructor(currentStep) {
@@ -1730,14 +1411,14 @@ class EuimStepperComponent extends EuimBaseDirective {
         this.previous = new EventEmitter();
         this.next = new EventEmitter();
     }
-    onPrevious(evt) {
+    onPrevious() {
         if (this.currentStep > 1) {
             this.currentStep -= 1;
         }
         this.updateActionsState();
         this.previous.emit(new EuimStepperChangeEvent(this.currentStep));
     }
-    onNext(evt) {
+    onNext() {
         if (this.currentStep < this.stepsCount) {
             this.currentStep += 1;
         }
@@ -1759,154 +1440,98 @@ class EuimStepperComponent extends EuimBaseDirective {
         }
     }
 }
-/** @nocollapse */ EuimStepperComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimStepperComponent_BaseFactory; return function EuimStepperComponent_Factory(t) { return (ɵEuimStepperComponent_BaseFactory || (ɵEuimStepperComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimStepperComponent)))(t || EuimStepperComponent); }; }();
-/** @nocollapse */ EuimStepperComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimStepperComponent, selectors: [["euim-stepper"]], inputs: { currentStep: "currentStep", stepsCount: "stepsCount", isPreviousDisabled: "isPreviousDisabled", isNextDisabled: "isNextDisabled" }, outputs: { previous: "previous", next: "next" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 20, vars: 13, consts: [["fill", "clear"], ["color", "light"], [1, "ion-align-items-center"], [1, "ion-text-start"], ["fill", "clear", "size", "small", 3, "disabled", "click"], ["name", "chevron-back-outline", "slot", "start"], [1, "ion-text-center"], ["color", "primary"], [1, "ion-text-end"], ["slot", "end", "name", "chevron-forward-outline"]], template: function EuimStepperComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "ion-footer")(1, "ion-footer", 0)(2, "ion-toolbar", 1)(3, "ion-row", 2)(4, "ion-col", 3)(5, "ion-button", 4);
-        i0.ɵɵlistener("click", function EuimStepperComponent_Template_ion_button_click_5_listener($event) { return ctx.onPrevious($event); });
-        i0.ɵɵelement(6, "ion-icon", 5);
-        i0.ɵɵelementStart(7, "ion-label");
-        i0.ɵɵtext(8);
-        i0.ɵɵpipe(9, "translate");
-        i0.ɵɵelementEnd()()();
-        i0.ɵɵelementStart(10, "ion-col", 6)(11, "ion-label", 7);
-        i0.ɵɵtext(12);
-        i0.ɵɵpipe(13, "translate");
-        i0.ɵɵelementEnd()();
-        i0.ɵɵelementStart(14, "ion-col", 8)(15, "ion-button", 4);
-        i0.ɵɵlistener("click", function EuimStepperComponent_Template_ion_button_click_15_listener($event) { return ctx.onNext($event); });
-        i0.ɵɵelementStart(16, "ion-label");
-        i0.ɵɵtext(17);
-        i0.ɵɵpipe(18, "translate");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelement(19, "ion-icon", 9);
-        i0.ɵɵelementEnd()()()()()();
-    } if (rf & 2) {
-        i0.ɵɵadvance(5);
-        i0.ɵɵproperty("disabled", ctx.isPreviousDisabled);
-        i0.ɵɵadvance(3);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(9, 7, "euim.stepper.previous"));
-        i0.ɵɵadvance(4);
-        i0.ɵɵtextInterpolate3(" ", ctx.currentStep, " ", i0.ɵɵpipeBind1(13, 9, "euim.stepper.of"), " ", ctx.stepsCount, " ");
-        i0.ɵɵadvance(3);
-        i0.ɵɵproperty("disabled", ctx.isNextDisabled);
-        i0.ɵɵadvance(2);
-        i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(18, 11, "euim.stepper.next"));
-    } }, dependencies: [i1.IonButton, i1.IonCol, i1.IonFooter, i1.IonIcon, i1.IonLabel, i1.IonRow, i1.IonToolbar, i1$1.TranslatePipe], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimStepperComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-stepper', template: "<ion-footer>\n    <ion-footer fill=\"clear\" >\n        <ion-toolbar color=\"light\">\n            <ion-row class=\"ion-align-items-center\">\n                <ion-col  class=\"ion-text-start\">\n                    <ion-button\n                        (click)=\"onPrevious($event)\"\n                        fill=\"clear\"\n                        size=\"small\"\n                        [disabled]=\"isPreviousDisabled\">\n                        <ion-icon name=\"chevron-back-outline\" slot=\"start\"></ion-icon>\n                        <ion-label>{{ 'euim.stepper.previous' | translate }}</ion-label>\n                    </ion-button>\n                </ion-col>\n\n                <ion-col class=\"ion-text-center\">\n                        <ion-label color=\"primary\">\n                            {{ currentStep }} {{ 'euim.stepper.of' | translate }} {{stepsCount }}\n                        </ion-label>\n                </ion-col>\n\n                <ion-col  class=\"ion-text-end\">\n                    <ion-button\n                        (click)=\"onNext($event)\"\n                        fill=\"clear\"\n                        size=\"small\"\n                        [disabled]=\"isNextDisabled\">\n                        <ion-label>{{ 'euim.stepper.next' | translate }}</ion-label>\n                        <ion-icon slot=\"end\" name=\"chevron-forward-outline\"></ion-icon>\n                    </ion-button>\n                </ion-col>\n            </ion-row>\n        </ion-toolbar>\n    </ion-footer>\n</ion-footer>\n" }]
-    }], null, { currentStep: [{
-            type: Input
-        }], stepsCount: [{
-            type: Input
-        }], isPreviousDisabled: [{
-            type: Input
-        }], isNextDisabled: [{
-            type: Input
-        }], previous: [{
-            type: Output
-        }], next: [{
-            type: Output
-        }] }); })();
+/** @nocollapse */ EuimStepperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimStepperComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimStepperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimStepperComponent, selector: "euim-stepper", inputs: { currentStep: "currentStep", stepsCount: "stepsCount", isPreviousDisabled: "isPreviousDisabled", isNextDisabled: "isNextDisabled" }, outputs: { previous: "previous", next: "next" }, usesInheritance: true, ngImport: i0, template: "<ion-footer>\n    <ion-footer fill=\"clear\" >\n        <ion-toolbar color=\"light\">\n            <ion-row class=\"ion-align-items-center\">\n                <ion-col  class=\"ion-text-start\">\n                    <ion-button\n                        (click)=\"onPrevious()\"\n                        fill=\"clear\"\n                        size=\"small\"\n                        [disabled]=\"isPreviousDisabled\">\n                        <ion-icon name=\"chevron-back-outline\" slot=\"start\"></ion-icon>\n                        <ion-label>{{ 'euim.stepper.previous' | translate }}</ion-label>\n                    </ion-button>\n                </ion-col>\n\n                <ion-col class=\"ion-text-center\">\n                        <ion-label color=\"primary\">\n                            {{ currentStep }} {{ 'euim.stepper.of' | translate }} {{stepsCount }}\n                        </ion-label>\n                </ion-col>\n\n                <ion-col  class=\"ion-text-end\">\n                    <ion-button\n                        (click)=\"onNext()\"\n                        fill=\"clear\"\n                        size=\"small\"\n                        [disabled]=\"isNextDisabled\">\n                        <ion-label>{{ 'euim.stepper.next' | translate }}</ion-label>\n                        <ion-icon slot=\"end\" name=\"chevron-forward-outline\"></ion-icon>\n                    </ion-button>\n                </ion-col>\n            </ion-row>\n        </ion-toolbar>\n    </ion-footer>\n</ion-footer>\n", dependencies: [{ kind: "component", type: i1.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: i1.IonCol, selector: "ion-col", inputs: ["offset", "offsetLg", "offsetMd", "offsetSm", "offsetXl", "offsetXs", "pull", "pullLg", "pullMd", "pullSm", "pullXl", "pullXs", "push", "pushLg", "pushMd", "pushSm", "pushXl", "pushXs", "size", "sizeLg", "sizeMd", "sizeSm", "sizeXl", "sizeXs"] }, { kind: "component", type: i1.IonFooter, selector: "ion-footer", 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.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonRow, selector: "ion-row" }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimStepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-stepper', template: "<ion-footer>\n    <ion-footer fill=\"clear\" >\n        <ion-toolbar color=\"light\">\n            <ion-row class=\"ion-align-items-center\">\n                <ion-col  class=\"ion-text-start\">\n                    <ion-button\n                        (click)=\"onPrevious()\"\n                        fill=\"clear\"\n                        size=\"small\"\n                        [disabled]=\"isPreviousDisabled\">\n                        <ion-icon name=\"chevron-back-outline\" slot=\"start\"></ion-icon>\n                        <ion-label>{{ 'euim.stepper.previous' | translate }}</ion-label>\n                    </ion-button>\n                </ion-col>\n\n                <ion-col class=\"ion-text-center\">\n                        <ion-label color=\"primary\">\n                            {{ currentStep }} {{ 'euim.stepper.of' | translate }} {{stepsCount }}\n                        </ion-label>\n                </ion-col>\n\n                <ion-col  class=\"ion-text-end\">\n                    <ion-button\n                        (click)=\"onNext()\"\n                        fill=\"clear\"\n                        size=\"small\"\n                        [disabled]=\"isNextDisabled\">\n                        <ion-label>{{ 'euim.stepper.next' | translate }}</ion-label>\n                        <ion-icon slot=\"end\" name=\"chevron-forward-outline\"></ion-icon>\n                    </ion-button>\n                </ion-col>\n            </ion-row>\n        </ion-toolbar>\n    </ion-footer>\n</ion-footer>\n" }]
+        }], propDecorators: { currentStep: [{
+                type: Input
+            }], stepsCount: [{
+                type: Input
+            }], isPreviousDisabled: [{
+                type: Input
+            }], isNextDisabled: [{
+                type: Input
+            }], previous: [{
+                type: Output
+            }], next: [{
+                type: Output
+            }] } });
 
 class EuimStepperComponentModule {
 }
-/** @nocollapse */ EuimStepperComponentModule.ɵfac = function EuimStepperComponentModule_Factory(t) { return new (t || EuimStepperComponentModule)(); };
-/** @nocollapse */ EuimStepperComponentModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimStepperComponentModule });
-/** @nocollapse */ EuimStepperComponentModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule,
+/** @nocollapse */ EuimStepperComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimStepperComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimStepperComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimStepperComponentModule, declarations: [EuimStepperComponent], imports: [CommonModule,
         IonicModule,
-        TranslateModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimStepperComponentModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    IonicModule,
-                    TranslateModule
-                ],
-                exports: [
-                    EuimStepperComponent,
-                ],
-                declarations: [
-                    EuimStepperComponent,
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimStepperComponentModule, { declarations: [EuimStepperComponent], imports: [CommonModule,
+        TranslateModule], exports: [EuimStepperComponent] });
+/** @nocollapse */ EuimStepperComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimStepperComponentModule, imports: [CommonModule,
         IonicModule,
-        TranslateModule], exports: [EuimStepperComponent] }); })();
+        TranslateModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimStepperComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                        TranslateModule
+                    ],
+                    exports: [
+                        EuimStepperComponent,
+                    ],
+                    declarations: [
+                        EuimStepperComponent,
+                    ],
+                }]
+        }] });
 
-const _c0$q = [[["euim-fieldset-legend"]], [["euim-fieldset-actions"]], "*"];
-const _c1$h = ["euim-fieldset-legend", "euim-fieldset-actions", "*"];
 class EuimFieldSetComponent extends EuimBaseDirective {
     constructor() {
         super(...arguments);
-        this.string = 'euim-fieldset';
-    }
-}
-/** @nocollapse */ EuimFieldSetComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimFieldSetComponent_BaseFactory; return function EuimFieldSetComponent_Factory(t) { return (ɵEuimFieldSetComponent_BaseFactory || (ɵEuimFieldSetComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimFieldSetComponent)))(t || EuimFieldSetComponent); }; }();
-/** @nocollapse */ EuimFieldSetComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimFieldSetComponent, selectors: [["euim-fieldset"]], hostVars: 2, hostBindings: function EuimFieldSetComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.string);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$h, decls: 5, vars: 0, consts: [[1, "euim-fieldset__header"]], template: function EuimFieldSetComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef(_c0$q);
-        i0.ɵɵelementStart(0, "div")(1, "div", 0);
-        i0.ɵɵprojection(2);
-        i0.ɵɵprojection(3, 1);
-        i0.ɵɵelementEnd();
-        i0.ɵɵprojection(4, 2);
-        i0.ɵɵelementEnd();
-    } }, styles: [".euim-fieldset{display:block}.euim-fieldset__header{display:flex;align-items:center;justify-content:space-between;padding-top:var(--eui-base-spacing-m);border-bottom:1px solid var(--eui-base-color-grey-20);width:100%}.euim-fieldset-legend{display:flex;align-items:center;font: 400 1.25rem/1.5rem arial,sans-serif;margin-bottom:var(--eui-base-spacing-xs)}.euim-fieldset-legend ion-icon{margin-right:var(--eui-base-spacing-xs)}.euim-fieldset-actions{display:flex;align-items:center}\n"], encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimFieldSetComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-fieldset', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div>\n    <div class=\"euim-fieldset__header\">\n        <ng-content select=\"euim-fieldset-legend\"></ng-content>\n        <ng-content select=\"euim-fieldset-actions\"></ng-content>\n    </div>\n    <ng-content></ng-content>\n</div>\n\n\n\n", styles: [".euim-fieldset{display:block}.euim-fieldset__header{display:flex;align-items:center;justify-content:space-between;padding-top:var(--eui-base-spacing-m);border-bottom:1px solid var(--eui-base-color-grey-20);width:100%}.euim-fieldset-legend{display:flex;align-items:center;font: 400 1.25rem/1.5rem arial,sans-serif;margin-bottom:var(--eui-base-spacing-xs)}.euim-fieldset-legend ion-icon{margin-right:var(--eui-base-spacing-xs)}.euim-fieldset-actions{display:flex;align-items:center}\n"] }]
-    }], null, { string: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$p = ["*"];
+        this.className = 'euim-fieldset';
+    }
+}
+/** @nocollapse */ EuimFieldSetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimFieldSetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimFieldSetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimFieldSetComponent, selector: "euim-fieldset", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0, template: "<div>\n    <div class=\"euim-fieldset__header\">\n        <ng-content select=\"euim-fieldset-legend\"></ng-content>\n        <ng-content select=\"euim-fieldset-actions\"></ng-content>\n    </div>\n    <ng-content></ng-content>\n</div>\n\n\n\n", styles: [".euim-fieldset{display:block}.euim-fieldset__header{display:flex;align-items:center;justify-content:space-between;padding-top:var(--eui-base-spacing-m);border-bottom:1px solid var(--eui-base-color-grey-20);width:100%}.euim-fieldset-legend{display:flex;align-items:center;font: 400 1.25rem/1.5rem arial,sans-serif;margin-bottom:var(--eui-base-spacing-xs)}.euim-fieldset-legend ion-icon{margin-right:var(--eui-base-spacing-xs)}.euim-fieldset-actions{display:flex;align-items:center}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimFieldSetComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-fieldset', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div>\n    <div class=\"euim-fieldset__header\">\n        <ng-content select=\"euim-fieldset-legend\"></ng-content>\n        <ng-content select=\"euim-fieldset-actions\"></ng-content>\n    </div>\n    <ng-content></ng-content>\n</div>\n\n\n\n", styles: [".euim-fieldset{display:block}.euim-fieldset__header{display:flex;align-items:center;justify-content:space-between;padding-top:var(--eui-base-spacing-m);border-bottom:1px solid var(--eui-base-color-grey-20);width:100%}.euim-fieldset-legend{display:flex;align-items:center;font: 400 1.25rem/1.5rem arial,sans-serif;margin-bottom:var(--eui-base-spacing-xs)}.euim-fieldset-legend ion-icon{margin-right:var(--eui-base-spacing-xs)}.euim-fieldset-actions{display:flex;align-items:center}\n"] }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
 class EuimFieldsetLegendComponent extends EuimBaseDirective {
     constructor() {
         super(...arguments);
-        this.string = 'euim-fieldset-legend';
-    }
-}
-/** @nocollapse */ EuimFieldsetLegendComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimFieldsetLegendComponent_BaseFactory; return function EuimFieldsetLegendComponent_Factory(t) { return (ɵEuimFieldsetLegendComponent_BaseFactory || (ɵEuimFieldsetLegendComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimFieldsetLegendComponent)))(t || EuimFieldsetLegendComponent); }; }();
-/** @nocollapse */ EuimFieldsetLegendComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimFieldsetLegendComponent, selectors: [["euim-fieldset-legend"]], hostVars: 2, hostBindings: function EuimFieldsetLegendComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.string);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$p, decls: 1, vars: 0, template: function EuimFieldsetLegendComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimFieldsetLegendComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-fieldset-legend', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
-    }], null, { string: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$o = ["*"];
+        this.className = 'euim-fieldset-legend';
+    }
+}
+/** @nocollapse */ EuimFieldsetLegendComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimFieldsetLegendComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimFieldsetLegendComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimFieldsetLegendComponent, selector: "euim-fieldset-legend", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimFieldsetLegendComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-fieldset-legend', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
 class EuimFieldsetActionsComponent extends EuimBaseDirective {
     constructor() {
         super(...arguments);
-        this.string = 'euim-fieldset-actions';
-    }
-}
-/** @nocollapse */ EuimFieldsetActionsComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimFieldsetActionsComponent_BaseFactory; return function EuimFieldsetActionsComponent_Factory(t) { return (ɵEuimFieldsetActionsComponent_BaseFactory || (ɵEuimFieldsetActionsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimFieldsetActionsComponent)))(t || EuimFieldsetActionsComponent); }; }();
-/** @nocollapse */ EuimFieldsetActionsComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimFieldsetActionsComponent, selectors: [["euim-fieldset-actions"]], hostVars: 2, hostBindings: function EuimFieldsetActionsComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.string);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$o, decls: 1, vars: 0, template: function EuimFieldsetActionsComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimFieldsetActionsComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-fieldset-actions', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
-    }], null, { string: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
+        this.className = 'euim-fieldset-actions';
+    }
+}
+/** @nocollapse */ EuimFieldsetActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimFieldsetActionsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimFieldsetActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimFieldsetActionsComponent, selector: "euim-fieldset-actions", host: { properties: { "class": "this.className" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimFieldsetActionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-fieldset-actions', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 const COMPONENTS$6 = [
     EuimFieldSetComponent,
@@ -1915,33 +1540,32 @@ const COMPONENTS$6 = [
 ];
 class EuimFieldsetModule {
 }
-/** @nocollapse */ EuimFieldsetModule.ɵfac = function EuimFieldsetModule_Factory(t) { return new (t || EuimFieldsetModule)(); };
-/** @nocollapse */ EuimFieldsetModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimFieldsetModule });
-/** @nocollapse */ EuimFieldsetModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule,
-        IonicModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimFieldsetModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    IonicModule,
-                ],
-                exports: [
-                    ...COMPONENTS$6,
-                ],
-                declarations: [
-                    ...COMPONENTS$6,
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimFieldsetModule, { declarations: [EuimFieldSetComponent,
+/** @nocollapse */ EuimFieldsetModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimFieldsetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimFieldsetModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimFieldsetModule, declarations: [EuimFieldSetComponent,
         EuimFieldsetLegendComponent,
         EuimFieldsetActionsComponent], imports: [CommonModule,
         IonicModule], exports: [EuimFieldSetComponent,
         EuimFieldsetLegendComponent,
-        EuimFieldsetActionsComponent] }); })();
-
-const _c0$n = ["*"];
+        EuimFieldsetActionsComponent] });
+/** @nocollapse */ EuimFieldsetModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimFieldsetModule, imports: [CommonModule,
+        IonicModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimFieldsetModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                    ],
+                    exports: [
+                        ...COMPONENTS$6,
+                    ],
+                    declarations: [
+                        ...COMPONENTS$6,
+                    ],
+                }]
+        }] });
+
+/* eslint-disable @angular-eslint/component-selector */
 class EuimSpinnerComponent extends EuimBaseDirective {
     get cssClasses() {
         return this.getCssClasses();
@@ -1952,24 +1576,17 @@ class EuimSpinnerComponent extends EuimBaseDirective {
         ].join(' ');
     }
 }
-/** @nocollapse */ EuimSpinnerComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimSpinnerComponent_BaseFactory; return function EuimSpinnerComponent_Factory(t) { return (ɵEuimSpinnerComponent_BaseFactory || (ɵEuimSpinnerComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimSpinnerComponent)))(t || EuimSpinnerComponent); }; }();
-/** @nocollapse */ EuimSpinnerComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimSpinnerComponent, selectors: [["euim-spinner"]], hostVars: 2, hostBindings: function EuimSpinnerComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.cssClasses);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$n, decls: 2, vars: 0, consts: [[1, "euim-spinner__icon"]], template: function EuimSpinnerComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵelement(0, "ion-spinner", 0);
-        i0.ɵɵprojection(1);
-    } }, dependencies: [i1.IonSpinner], styles: [".euim-spinner{width:100%;margin:0;padding:0}.euim-spinner__icon{width:100%;height:var(--eui-base-spacing-2xl);color:var(--eui-base-color-primary)}.euim-spinner--size-2xs{font-size:var(--eui-base-font-size-2xs)}.euim-spinner--size-xs{font-size:var(--eui-base-font-size-xs)}.euim-spinner--size-s{font-size:var(--eui-base-font-size-s)}.euim-spinner--size-m{font-size:var(--eui-base-font-size-m)}.euim-spinner--size-l{font-size:var(--eui-base-font-size-l)}.euim-spinner--size-xl{font-size:var(--eui-base-font-size-xl)}.euim-spinner--size-2xl{font-size:var(--eui-base-font-size-2xl)}.euim-spinner--size-3xl{font-size:var(--eui-base-font-size-3xl)}.euim-spinner--size-4xl{font-size:var(--eui-base-font-size-4xl)}.euim-spinner--primary{color:var(--eui-base-color-primary-100)}.euim-spinner--secondary{color:var(--eui-base-color-grey-50)}.euim-spinner--info{color:var(--eui-base-color-info-100)}.euim-spinner--success{color:var(--eui-base-color-success-100)}.euim-spinner--warning{color:var(--eui-base-color-warning-100)}.euim-spinner--danger{color:var(--eui-base-color-danger-100)}.euim-spinner--accent{color:var(--eui-base-color-accent-100)}.euim-spinner-message{font: 400 1rem/1.25rem arial,sans-serif;font-style:normal;font-weight:700;display:flex;justify-content:center;color:var(--eui-base-color-grey-75)}.euim-spinner-description{font: 400 .875rem/1rem arial,sans-serif;display:flex;justify-content:center;color:var(--eui-base-color-grey-75);margin-top:var(--eui-base-spacing-2xs)}\n"], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimSpinnerComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-spinner', encapsulation: ViewEncapsulation.None, template: "<ion-spinner class=\"euim-spinner__icon\">\n</ion-spinner>\n<ng-content>\n</ng-content>\n\n\n", styles: [".euim-spinner{width:100%;margin:0;padding:0}.euim-spinner__icon{width:100%;height:var(--eui-base-spacing-2xl);color:var(--eui-base-color-primary)}.euim-spinner--size-2xs{font-size:var(--eui-base-font-size-2xs)}.euim-spinner--size-xs{font-size:var(--eui-base-font-size-xs)}.euim-spinner--size-s{font-size:var(--eui-base-font-size-s)}.euim-spinner--size-m{font-size:var(--eui-base-font-size-m)}.euim-spinner--size-l{font-size:var(--eui-base-font-size-l)}.euim-spinner--size-xl{font-size:var(--eui-base-font-size-xl)}.euim-spinner--size-2xl{font-size:var(--eui-base-font-size-2xl)}.euim-spinner--size-3xl{font-size:var(--eui-base-font-size-3xl)}.euim-spinner--size-4xl{font-size:var(--eui-base-font-size-4xl)}.euim-spinner--primary{color:var(--eui-base-color-primary-100)}.euim-spinner--secondary{color:var(--eui-base-color-grey-50)}.euim-spinner--info{color:var(--eui-base-color-info-100)}.euim-spinner--success{color:var(--eui-base-color-success-100)}.euim-spinner--warning{color:var(--eui-base-color-warning-100)}.euim-spinner--danger{color:var(--eui-base-color-danger-100)}.euim-spinner--accent{color:var(--eui-base-color-accent-100)}.euim-spinner-message{font: 400 1rem/1.25rem arial,sans-serif;font-style:normal;font-weight:700;display:flex;justify-content:center;color:var(--eui-base-color-grey-75)}.euim-spinner-description{font: 400 .875rem/1rem arial,sans-serif;display:flex;justify-content:center;color:var(--eui-base-color-grey-75);margin-top:var(--eui-base-spacing-2xs)}\n"] }]
-    }], null, { cssClasses: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$m = ["euimSpinnerMessage", ""];
-const _c1$g = ["*"];
+/** @nocollapse */ EuimSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimSpinnerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimSpinnerComponent, selector: "euim-spinner", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ion-spinner class=\"euim-spinner__icon\">\n</ion-spinner>\n<ng-content>\n</ng-content>\n\n\n", styles: [".euim-spinner{width:100%;margin:0;padding:0}.euim-spinner__icon{width:100%;height:var(--eui-base-spacing-2xl);color:var(--eui-base-color-primary)}.euim-spinner--size-2xs{font-size:var(--eui-base-font-size-2xs)}.euim-spinner--size-xs{font-size:var(--eui-base-font-size-xs)}.euim-spinner--size-s{font-size:var(--eui-base-font-size-s)}.euim-spinner--size-m{font-size:var(--eui-base-font-size-m)}.euim-spinner--size-l{font-size:var(--eui-base-font-size-l)}.euim-spinner--size-xl{font-size:var(--eui-base-font-size-xl)}.euim-spinner--size-2xl{font-size:var(--eui-base-font-size-2xl)}.euim-spinner--size-3xl{font-size:var(--eui-base-font-size-3xl)}.euim-spinner--size-4xl{font-size:var(--eui-base-font-size-4xl)}.euim-spinner--primary{color:var(--eui-base-color-primary-100)}.euim-spinner--secondary{color:var(--eui-base-color-grey-50)}.euim-spinner--info{color:var(--eui-base-color-info-100)}.euim-spinner--success{color:var(--eui-base-color-success-100)}.euim-spinner--warning{color:var(--eui-base-color-warning-100)}.euim-spinner--danger{color:var(--eui-base-color-danger-100)}.euim-spinner--accent{color:var(--eui-base-color-accent-100)}.euim-spinner-message{font: 400 1rem/1.25rem arial,sans-serif;font-style:normal;font-weight:700;display:flex;justify-content:center;color:var(--eui-base-color-grey-75)}.euim-spinner-description{font: 400 .875rem/1rem arial,sans-serif;display:flex;justify-content:center;color:var(--eui-base-color-grey-75);margin-top:var(--eui-base-spacing-2xs)}\n"], dependencies: [{ kind: "component", type: i1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimSpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-spinner', encapsulation: ViewEncapsulation.None, template: "<ion-spinner class=\"euim-spinner__icon\">\n</ion-spinner>\n<ng-content>\n</ng-content>\n\n\n", styles: [".euim-spinner{width:100%;margin:0;padding:0}.euim-spinner__icon{width:100%;height:var(--eui-base-spacing-2xl);color:var(--eui-base-color-primary)}.euim-spinner--size-2xs{font-size:var(--eui-base-font-size-2xs)}.euim-spinner--size-xs{font-size:var(--eui-base-font-size-xs)}.euim-spinner--size-s{font-size:var(--eui-base-font-size-s)}.euim-spinner--size-m{font-size:var(--eui-base-font-size-m)}.euim-spinner--size-l{font-size:var(--eui-base-font-size-l)}.euim-spinner--size-xl{font-size:var(--eui-base-font-size-xl)}.euim-spinner--size-2xl{font-size:var(--eui-base-font-size-2xl)}.euim-spinner--size-3xl{font-size:var(--eui-base-font-size-3xl)}.euim-spinner--size-4xl{font-size:var(--eui-base-font-size-4xl)}.euim-spinner--primary{color:var(--eui-base-color-primary-100)}.euim-spinner--secondary{color:var(--eui-base-color-grey-50)}.euim-spinner--info{color:var(--eui-base-color-info-100)}.euim-spinner--success{color:var(--eui-base-color-success-100)}.euim-spinner--warning{color:var(--eui-base-color-warning-100)}.euim-spinner--danger{color:var(--eui-base-color-danger-100)}.euim-spinner--accent{color:var(--eui-base-color-accent-100)}.euim-spinner-message{font: 400 1rem/1.25rem arial,sans-serif;font-style:normal;font-weight:700;display:flex;justify-content:center;color:var(--eui-base-color-grey-75)}.euim-spinner-description{font: 400 .875rem/1rem arial,sans-serif;display:flex;justify-content:center;color:var(--eui-base-color-grey-75);margin-top:var(--eui-base-spacing-2xs)}\n"] }]
+        }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/* eslint-disable @angular-eslint/component-selector */
 class EuimSpinnerMessageComponent extends EuimBaseDirective {
     get cssClasses() {
         return this.getCssClasses();
@@ -1980,23 +1597,17 @@ class EuimSpinnerMessageComponent extends EuimBaseDirective {
         ].join(' ');
     }
 }
-/** @nocollapse */ EuimSpinnerMessageComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimSpinnerMessageComponent_BaseFactory; return function EuimSpinnerMessageComponent_Factory(t) { return (ɵEuimSpinnerMessageComponent_BaseFactory || (ɵEuimSpinnerMessageComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimSpinnerMessageComponent)))(t || EuimSpinnerMessageComponent); }; }();
-/** @nocollapse */ EuimSpinnerMessageComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimSpinnerMessageComponent, selectors: [["", "euimSpinnerMessage", ""]], hostVars: 2, hostBindings: function EuimSpinnerMessageComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.cssClasses);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$m, ngContentSelectors: _c1$g, decls: 1, vars: 0, template: function EuimSpinnerMessageComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, styles: [".euim-spinner-message{font: 400 1rem/1.25rem arial,sans-serif;font-style:normal;font-weight:700;display:flex;justify-content:center;color:var(--eui-base-color-grey-75)}\n"], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimSpinnerMessageComponent, [{
-        type: Component,
-        args: [{ selector: '[euimSpinnerMessage]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, styles: [".euim-spinner-message{font: 400 1rem/1.25rem arial,sans-serif;font-style:normal;font-weight:700;display:flex;justify-content:center;color:var(--eui-base-color-grey-75)}\n"] }]
-    }], null, { cssClasses: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$l = ["euimSpinnerDescription", ""];
-const _c1$f = ["*"];
+/** @nocollapse */ EuimSpinnerMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimSpinnerMessageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimSpinnerMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimSpinnerMessageComponent, selector: "[euimSpinnerMessage]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-spinner-message{font: 400 1rem/1.25rem arial,sans-serif;font-style:normal;font-weight:700;display:flex;justify-content:center;color:var(--eui-base-color-grey-75)}\n"], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimSpinnerMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: '[euimSpinnerMessage]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, styles: [".euim-spinner-message{font: 400 1rem/1.25rem arial,sans-serif;font-style:normal;font-weight:700;display:flex;justify-content:center;color:var(--eui-base-color-grey-75)}\n"] }]
+        }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/* eslint-disable @angular-eslint/component-selector */
 class EuimSpinnerDescriptionComponent extends EuimBaseDirective {
     get cssClasses() {
         return this.getCssClasses();
@@ -2007,61 +1618,50 @@ class EuimSpinnerDescriptionComponent extends EuimBaseDirective {
         ].join(' ');
     }
 }
-/** @nocollapse */ EuimSpinnerDescriptionComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimSpinnerDescriptionComponent_BaseFactory; return function EuimSpinnerDescriptionComponent_Factory(t) { return (ɵEuimSpinnerDescriptionComponent_BaseFactory || (ɵEuimSpinnerDescriptionComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimSpinnerDescriptionComponent)))(t || EuimSpinnerDescriptionComponent); }; }();
-/** @nocollapse */ EuimSpinnerDescriptionComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimSpinnerDescriptionComponent, selectors: [["", "euimSpinnerDescription", ""]], hostVars: 2, hostBindings: function EuimSpinnerDescriptionComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.cssClasses);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], attrs: _c0$l, ngContentSelectors: _c1$f, decls: 1, vars: 0, template: function EuimSpinnerDescriptionComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, styles: [".euim-spinner-description{font: 400 .875rem/1rem arial,sans-serif;display:flex;justify-content:center;color:var(--eui-base-color-grey-75);margin-top:var(--eui-base-spacing-2xs)}\n"], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimSpinnerDescriptionComponent, [{
-        type: Component,
-        args: [{ selector: '[euimSpinnerDescription]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, styles: [".euim-spinner-description{font: 400 .875rem/1rem arial,sans-serif;display:flex;justify-content:center;color:var(--eui-base-color-grey-75);margin-top:var(--eui-base-spacing-2xs)}\n"] }]
-    }], null, { cssClasses: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
+/** @nocollapse */ EuimSpinnerDescriptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimSpinnerDescriptionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimSpinnerDescriptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimSpinnerDescriptionComponent, selector: "[euimSpinnerDescription]", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-spinner-description{font: 400 .875rem/1rem arial,sans-serif;display:flex;justify-content:center;color:var(--eui-base-color-grey-75);margin-top:var(--eui-base-spacing-2xs)}\n"], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimSpinnerDescriptionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: '[euimSpinnerDescription]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, styles: [".euim-spinner-description{font: 400 .875rem/1rem arial,sans-serif;display:flex;justify-content:center;color:var(--eui-base-color-grey-75);margin-top:var(--eui-base-spacing-2xs)}\n"] }]
+        }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 class EuimSpinnerComponentModule {
 }
-/** @nocollapse */ EuimSpinnerComponentModule.ɵfac = function EuimSpinnerComponentModule_Factory(t) { return new (t || EuimSpinnerComponentModule)(); };
-/** @nocollapse */ EuimSpinnerComponentModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimSpinnerComponentModule });
-/** @nocollapse */ EuimSpinnerComponentModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule,
-        IonicModule,
-        TranslateModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimSpinnerComponentModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    IonicModule,
-                    TranslateModule
-                ],
-                exports: [
-                    EuimSpinnerComponent,
-                    EuimSpinnerMessageComponent,
-                    EuimSpinnerDescriptionComponent,
-                ],
-                declarations: [
-                    EuimSpinnerComponent,
-                    EuimSpinnerMessageComponent,
-                    EuimSpinnerDescriptionComponent
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimSpinnerComponentModule, { declarations: [EuimSpinnerComponent,
+/** @nocollapse */ EuimSpinnerComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimSpinnerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimSpinnerComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimSpinnerComponentModule, declarations: [EuimSpinnerComponent,
         EuimSpinnerMessageComponent,
         EuimSpinnerDescriptionComponent], imports: [CommonModule,
         IonicModule,
         TranslateModule], exports: [EuimSpinnerComponent,
         EuimSpinnerMessageComponent,
-        EuimSpinnerDescriptionComponent] }); })();
+        EuimSpinnerDescriptionComponent] });
+/** @nocollapse */ EuimSpinnerComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimSpinnerComponentModule, imports: [CommonModule,
+        IonicModule,
+        TranslateModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimSpinnerComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                        TranslateModule
+                    ],
+                    exports: [
+                        EuimSpinnerComponent,
+                        EuimSpinnerMessageComponent,
+                        EuimSpinnerDescriptionComponent,
+                    ],
+                    declarations: [
+                        EuimSpinnerComponent,
+                        EuimSpinnerMessageComponent,
+                        EuimSpinnerDescriptionComponent
+                    ],
+                }]
+        }] });
 
-function EuimMediaHeaderComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div", 2);
-} }
-const _c0$k = [[["", "euimMediaHeaderImage", ""]], "*"];
-const _c1$e = ["[euimMediaHeaderImage]", "*"];
 class EuimMediaHeaderComponent extends EuimBaseDirective {
     constructor() {
         super(...arguments);
@@ -2070,19 +1670,27 @@ class EuimMediaHeaderComponent extends EuimBaseDirective {
         this._euimSizeM = true;
         this._euimSizeL = false;
     }
-    get euimNoGradient() { return this._euimNoGradient; }
+    get euimNoGradient() {
+        return this._euimNoGradient;
+    }
     set euimNoGradient(value) {
         this._euimNoGradient = coerceBooleanProperty(value);
     }
-    get euimSizeS() { return this._euimSizeS; }
+    get euimSizeS() {
+        return this._euimSizeS;
+    }
     set euimSizeS(value) {
         this._euimSizeS = coerceBooleanProperty(value);
     }
-    get euimSizeM() { return this._euimSizeM; }
+    get euimSizeM() {
+        return this._euimSizeM;
+    }
     set euimSizeM(value) {
         this._euimSizeM = coerceBooleanProperty(value);
     }
-    get euimSizeL() { return this._euimSizeL; }
+    get euimSizeL() {
+        return this._euimSizeL;
+    }
     set euimSizeL(value) {
         this._euimSizeL = coerceBooleanProperty(value);
     }
@@ -2106,110 +1714,80 @@ class EuimMediaHeaderComponent extends EuimBaseDirective {
         ].join(' ');
     }
 }
-/** @nocollapse */ EuimMediaHeaderComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimMediaHeaderComponent_BaseFactory; return function EuimMediaHeaderComponent_Factory(t) { return (ɵEuimMediaHeaderComponent_BaseFactory || (ɵEuimMediaHeaderComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimMediaHeaderComponent)))(t || EuimMediaHeaderComponent); }; }();
-/** @nocollapse */ EuimMediaHeaderComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimMediaHeaderComponent, selectors: [["euim-media-header"]], hostVars: 2, hostBindings: function EuimMediaHeaderComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.cssClasses);
-    } }, inputs: { euimNoGradient: "euimNoGradient", euimSizeS: "euimSizeS", euimSizeM: "euimSizeM", euimSizeL: "euimSizeL" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$e, decls: 4, vars: 1, consts: [["class", "euim-media-header__gradient", 4, "ngIf"], [1, "euim-media-header__text"], [1, "euim-media-header__gradient"]], template: function EuimMediaHeaderComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef(_c0$k);
-        i0.ɵɵprojection(0);
-        i0.ɵɵtemplate(1, EuimMediaHeaderComponent_div_1_Template, 1, 0, "div", 0);
-        i0.ɵɵelementStart(2, "div", 1);
-        i0.ɵɵprojection(3, 1);
-        i0.ɵɵelementEnd();
-    } if (rf & 2) {
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", !ctx.euimNoGradient);
-    } }, dependencies: [i2$1.NgIf], styles: [".euim-media-header{position:relative;display:flex}.euim-media-header__text{position:absolute;z-index:99;bottom:var(--eui-base-spacing-m);left:var(--eui-base-spacing-m);color:#fff}.euim-media-header__gradient{width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#000 130%);background-blend-mode:multiply;background-size:100%;position:absolute;inset:0}.euim-media-header__image{width:100%;height:100%;object-fit:cover}.euim-media-header__size-s{height:calc(var(--eui-base-spacing-m) * 8)}.euim-media-header__size-m{height:calc(var(--eui-base-spacing-m) * 16)}.euim-media-header__size-l{height:calc(var(--eui-base-spacing-m) * 24)}\n"], encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimMediaHeaderComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-media-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"[euimMediaHeaderImage]\"></ng-content>\n<div class=\"euim-media-header__gradient\" *ngIf=\"!euimNoGradient\">\n</div>\n<div class=\"euim-media-header__text\">\n    <ng-content></ng-content>\n</div>\n", styles: [".euim-media-header{position:relative;display:flex}.euim-media-header__text{position:absolute;z-index:99;bottom:var(--eui-base-spacing-m);left:var(--eui-base-spacing-m);color:#fff}.euim-media-header__gradient{width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#000 130%);background-blend-mode:multiply;background-size:100%;position:absolute;inset:0}.euim-media-header__image{width:100%;height:100%;object-fit:cover}.euim-media-header__size-s{height:calc(var(--eui-base-spacing-m) * 8)}.euim-media-header__size-m{height:calc(var(--eui-base-spacing-m) * 16)}.euim-media-header__size-l{height:calc(var(--eui-base-spacing-m) * 24)}\n"] }]
-    }], null, { euimNoGradient: [{
-            type: Input
-        }], euimSizeS: [{
-            type: Input
-        }], euimSizeM: [{
-            type: Input
-        }], euimSizeL: [{
-            type: Input
-        }], cssClasses: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$j = ["euimMediaHeaderMeta", ""];
-const _c1$d = ["*"];
+/** @nocollapse */ EuimMediaHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMediaHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimMediaHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimMediaHeaderComponent, selector: "euim-media-header", inputs: { euimNoGradient: "euimNoGradient", euimSizeS: "euimSizeS", euimSizeM: "euimSizeM", euimSizeL: "euimSizeL" }, host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content select=\"[euimMediaHeaderImage]\"></ng-content>\n<div class=\"euim-media-header__gradient\" *ngIf=\"!euimNoGradient\">\n</div>\n<div class=\"euim-media-header__text\">\n    <ng-content></ng-content>\n</div>\n", styles: [".euim-media-header{position:relative;display:flex}.euim-media-header__text{position:absolute;z-index:99;bottom:var(--eui-base-spacing-m);left:var(--eui-base-spacing-m);color:#fff}.euim-media-header__gradient{width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#000 130%);background-blend-mode:multiply;background-size:100%;position:absolute;inset:0}.euim-media-header__image{width:100%;height:100%;object-fit:cover}.euim-media-header__size-s{height:calc(var(--eui-base-spacing-m) * 8)}.euim-media-header__size-m{height:calc(var(--eui-base-spacing-m) * 16)}.euim-media-header__size-l{height:calc(var(--eui-base-spacing-m) * 24)}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMediaHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-media-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"[euimMediaHeaderImage]\"></ng-content>\n<div class=\"euim-media-header__gradient\" *ngIf=\"!euimNoGradient\">\n</div>\n<div class=\"euim-media-header__text\">\n    <ng-content></ng-content>\n</div>\n", styles: [".euim-media-header{position:relative;display:flex}.euim-media-header__text{position:absolute;z-index:99;bottom:var(--eui-base-spacing-m);left:var(--eui-base-spacing-m);color:#fff}.euim-media-header__gradient{width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#000 130%);background-blend-mode:multiply;background-size:100%;position:absolute;inset:0}.euim-media-header__image{width:100%;height:100%;object-fit:cover}.euim-media-header__size-s{height:calc(var(--eui-base-spacing-m) * 8)}.euim-media-header__size-m{height:calc(var(--eui-base-spacing-m) * 16)}.euim-media-header__size-l{height:calc(var(--eui-base-spacing-m) * 24)}\n"] }]
+        }], propDecorators: { euimNoGradient: [{
+                type: Input
+            }], euimSizeS: [{
+                type: Input
+            }], euimSizeM: [{
+                type: Input
+            }], euimSizeL: [{
+                type: Input
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/* eslint-disable @angular-eslint/component-selector */
 class EuimMediaHeaderMetaComponent {
     constructor() {
-        this.string = 'euim-media-header__meta';
-    }
-}
-/** @nocollapse */ EuimMediaHeaderMetaComponent.ɵfac = function EuimMediaHeaderMetaComponent_Factory(t) { return new (t || EuimMediaHeaderMetaComponent)(); };
-/** @nocollapse */ EuimMediaHeaderMetaComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimMediaHeaderMetaComponent, selectors: [["", "euimMediaHeaderMeta", ""]], hostVars: 2, hostBindings: function EuimMediaHeaderMetaComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.string);
-    } }, attrs: _c0$j, ngContentSelectors: _c1$d, decls: 1, vars: 0, template: function EuimMediaHeaderMetaComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimMediaHeaderMetaComponent, [{
-        type: Component,
-        args: [{
-                selector: '[euimMediaHeaderMeta]',
-                template: '<ng-content></ng-content>',
-            }]
-    }], null, { string: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$i = ["euimMediaHeaderTitle", ""];
-const _c1$c = ["*"];
+        this.className = 'euim-media-header__meta';
+    }
+}
+/** @nocollapse */ EuimMediaHeaderMetaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMediaHeaderMetaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimMediaHeaderMetaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimMediaHeaderMetaComponent, selector: "[euimMediaHeaderMeta]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMediaHeaderMetaComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[euimMediaHeaderMeta]',
+                    template: '<ng-content></ng-content>',
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/* eslint-disable @angular-eslint/component-selector */
 class EuimMediaHeaderTitleComponent {
     constructor() {
-        this.string = 'euim-media-header__title';
-    }
-}
-/** @nocollapse */ EuimMediaHeaderTitleComponent.ɵfac = function EuimMediaHeaderTitleComponent_Factory(t) { return new (t || EuimMediaHeaderTitleComponent)(); };
-/** @nocollapse */ EuimMediaHeaderTitleComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimMediaHeaderTitleComponent, selectors: [["", "euimMediaHeaderTitle", ""]], hostVars: 2, hostBindings: function EuimMediaHeaderTitleComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.string);
-    } }, attrs: _c0$i, ngContentSelectors: _c1$c, decls: 1, vars: 0, template: function EuimMediaHeaderTitleComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimMediaHeaderTitleComponent, [{
-        type: Component,
-        args: [{
-                selector: '[euimMediaHeaderTitle]',
-                template: '<ng-content></ng-content>',
-            }]
-    }], null, { string: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$h = ["euimMediaHeaderImage", ""];
-const _c1$b = ["*"];
+        this.className = 'euim-media-header__title';
+    }
+}
+/** @nocollapse */ EuimMediaHeaderTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMediaHeaderTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimMediaHeaderTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimMediaHeaderTitleComponent, selector: "[euimMediaHeaderTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMediaHeaderTitleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[euimMediaHeaderTitle]',
+                    template: '<ng-content></ng-content>',
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/* eslint-disable @angular-eslint/component-selector */
 class EuimMediaHeaderImageComponent {
     constructor() {
-        this.string = 'euim-media-header__image';
-    }
-}
-/** @nocollapse */ EuimMediaHeaderImageComponent.ɵfac = function EuimMediaHeaderImageComponent_Factory(t) { return new (t || EuimMediaHeaderImageComponent)(); };
-/** @nocollapse */ EuimMediaHeaderImageComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimMediaHeaderImageComponent, selectors: [["", "euimMediaHeaderImage", ""]], hostVars: 2, hostBindings: function EuimMediaHeaderImageComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.string);
-    } }, attrs: _c0$h, ngContentSelectors: _c1$b, decls: 1, vars: 0, template: function EuimMediaHeaderImageComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimMediaHeaderImageComponent, [{
-        type: Component,
-        args: [{
-                selector: '[euimMediaHeaderImage]',
-                template: '<ng-content></ng-content>',
-            }]
-    }], null, { string: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
+        this.className = 'euim-media-header__image';
+    }
+}
+/** @nocollapse */ EuimMediaHeaderImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMediaHeaderImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimMediaHeaderImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimMediaHeaderImageComponent, selector: "[euimMediaHeaderImage]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMediaHeaderImageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[euimMediaHeaderImage]',
+                    template: '<ng-content></ng-content>',
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 const COMPONENTS$5 = [
     EuimMediaHeaderComponent,
@@ -2219,35 +1797,33 @@ const COMPONENTS$5 = [
 ];
 class EuimMediaHeaderModule {
 }
-/** @nocollapse */ EuimMediaHeaderModule.ɵfac = function EuimMediaHeaderModule_Factory(t) { return new (t || EuimMediaHeaderModule)(); };
-/** @nocollapse */ EuimMediaHeaderModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimMediaHeaderModule });
-/** @nocollapse */ EuimMediaHeaderModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule,
-        IonicModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimMediaHeaderModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    IonicModule,
-                ],
-                exports: [
-                    ...COMPONENTS$5,
-                ],
-                declarations: [
-                    ...COMPONENTS$5,
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimMediaHeaderModule, { declarations: [EuimMediaHeaderComponent,
+/** @nocollapse */ EuimMediaHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMediaHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimMediaHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimMediaHeaderModule, declarations: [EuimMediaHeaderComponent,
         EuimMediaHeaderTitleComponent,
         EuimMediaHeaderMetaComponent,
         EuimMediaHeaderImageComponent], imports: [CommonModule,
         IonicModule], exports: [EuimMediaHeaderComponent,
         EuimMediaHeaderTitleComponent,
         EuimMediaHeaderMetaComponent,
-        EuimMediaHeaderImageComponent] }); })();
+        EuimMediaHeaderImageComponent] });
+/** @nocollapse */ EuimMediaHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMediaHeaderModule, imports: [CommonModule,
+        IonicModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimMediaHeaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                    ],
+                    exports: [
+                        ...COMPONENTS$5,
+                    ],
+                    declarations: [
+                        ...COMPONENTS$5,
+                    ],
+                }]
+        }] });
 
-const _c0$g = ["*"];
 class EuimDataSummaryComponent extends EuimBaseDirective {
     get cssClasses() {
         return this.getCssClasses();
@@ -2258,94 +1834,71 @@ class EuimDataSummaryComponent extends EuimBaseDirective {
         ].join(' ');
     }
 }
-/** @nocollapse */ EuimDataSummaryComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimDataSummaryComponent_BaseFactory; return function EuimDataSummaryComponent_Factory(t) { return (ɵEuimDataSummaryComponent_BaseFactory || (ɵEuimDataSummaryComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimDataSummaryComponent)))(t || EuimDataSummaryComponent); }; }();
-/** @nocollapse */ EuimDataSummaryComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimDataSummaryComponent, selectors: [["euim-data-summary"]], hostVars: 2, hostBindings: function EuimDataSummaryComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.cssClasses);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$g, decls: 1, vars: 0, template: function EuimDataSummaryComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-base-spacing-s);border-bottom:1px solid var(--eui-base-color-grey-20);border-top:1px solid var(--eui-base-color-grey-20)}.euim-data-summary__col{width:100%;text-align:center}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-base-color-grey-20)}.euim-data-summary__col-label{color:var(--eui-base-color-grey-100);font:var(--eui-base-font-m);margin-bottom:var(--eui-base-spacing-2xs)}.euim-data-summary__col-value{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}\n"], encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimDataSummaryComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-data-summary', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-base-spacing-s);border-bottom:1px solid var(--eui-base-color-grey-20);border-top:1px solid var(--eui-base-color-grey-20)}.euim-data-summary__col{width:100%;text-align:center}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-base-color-grey-20)}.euim-data-summary__col-label{color:var(--eui-base-color-grey-100);font:var(--eui-base-font-m);margin-bottom:var(--eui-base-spacing-2xs)}.euim-data-summary__col-value{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}\n"] }]
-    }], null, { cssClasses: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$f = ["*"];
+/** @nocollapse */ EuimDataSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimDataSummaryComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimDataSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimDataSummaryComponent, selector: "euim-data-summary", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-base-spacing-s);border-bottom:1px solid var(--eui-base-color-grey-20);border-top:1px solid var(--eui-base-color-grey-20)}.euim-data-summary__col{width:100%;text-align:center}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-base-color-grey-20)}.euim-data-summary__col-label{color:var(--eui-base-color-grey-100);font:var(--eui-base-font-m);margin-bottom:var(--eui-base-spacing-2xs)}.euim-data-summary__col-value{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimDataSummaryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-data-summary', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-base-spacing-s);border-bottom:1px solid var(--eui-base-color-grey-20);border-top:1px solid var(--eui-base-color-grey-20)}.euim-data-summary__col{width:100%;text-align:center}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-base-color-grey-20)}.euim-data-summary__col-label{color:var(--eui-base-color-grey-100);font:var(--eui-base-font-m);margin-bottom:var(--eui-base-spacing-2xs)}.euim-data-summary__col-value{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}\n"] }]
+        }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
 class EuimDataSummaryColComponent {
     constructor() {
-        this.string = 'euim-data-summary__col';
-    }
-}
-/** @nocollapse */ EuimDataSummaryColComponent.ɵfac = function EuimDataSummaryColComponent_Factory(t) { return new (t || EuimDataSummaryColComponent)(); };
-/** @nocollapse */ EuimDataSummaryColComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimDataSummaryColComponent, selectors: [["euim-data-summary-col"]], hostVars: 2, hostBindings: function EuimDataSummaryColComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.string);
-    } }, ngContentSelectors: _c0$f, decls: 1, vars: 0, template: function EuimDataSummaryColComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimDataSummaryColComponent, [{
-        type: Component,
-        args: [{
-                selector: 'euim-data-summary-col',
-                template: '<ng-content></ng-content>',
-            }]
-    }], null, { string: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$e = ["euimDataSummaryColLabel", ""];
-const _c1$a = ["*"];
+        this.className = 'euim-data-summary__col';
+    }
+}
+/** @nocollapse */ EuimDataSummaryColComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimDataSummaryColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimDataSummaryColComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimDataSummaryColComponent, selector: "euim-data-summary-col", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimDataSummaryColComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'euim-data-summary-col',
+                    template: '<ng-content></ng-content>',
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/* eslint-disable @angular-eslint/component-selector */
 class EuimDataSummaryColLabelComponent {
     constructor() {
-        this.string = 'euim-data-summary__col-label';
-    }
-}
-/** @nocollapse */ EuimDataSummaryColLabelComponent.ɵfac = function EuimDataSummaryColLabelComponent_Factory(t) { return new (t || EuimDataSummaryColLabelComponent)(); };
-/** @nocollapse */ EuimDataSummaryColLabelComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimDataSummaryColLabelComponent, selectors: [["", "euimDataSummaryColLabel", ""]], hostVars: 2, hostBindings: function EuimDataSummaryColLabelComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.string);
-    } }, attrs: _c0$e, ngContentSelectors: _c1$a, decls: 1, vars: 0, template: function EuimDataSummaryColLabelComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimDataSummaryColLabelComponent, [{
-        type: Component,
-        args: [{
-                selector: '[euimDataSummaryColLabel]',
-                template: '<ng-content></ng-content>'
-            }]
-    }], null, { string: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$d = ["euimDataSummaryColValue", ""];
-const _c1$9 = ["*"];
+        this.className = 'euim-data-summary__col-label';
+    }
+}
+/** @nocollapse */ EuimDataSummaryColLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimDataSummaryColLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimDataSummaryColLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimDataSummaryColLabelComponent, selector: "[euimDataSummaryColLabel]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimDataSummaryColLabelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[euimDataSummaryColLabel]',
+                    template: '<ng-content></ng-content>'
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/* eslint-disable @angular-eslint/component-selector */
 class EuimDataSummaryColValueComponent {
     constructor() {
-        this.string = 'euim-data-summary__col-value';
-    }
-}
-/** @nocollapse */ EuimDataSummaryColValueComponent.ɵfac = function EuimDataSummaryColValueComponent_Factory(t) { return new (t || EuimDataSummaryColValueComponent)(); };
-/** @nocollapse */ EuimDataSummaryColValueComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimDataSummaryColValueComponent, selectors: [["", "euimDataSummaryColValue", ""]], hostVars: 2, hostBindings: function EuimDataSummaryColValueComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.string);
-    } }, attrs: _c0$d, ngContentSelectors: _c1$9, decls: 1, vars: 0, template: function EuimDataSummaryColValueComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimDataSummaryColValueComponent, [{
-        type: Component,
-        args: [{
-                selector: '[euimDataSummaryColValue]',
-                template: '<ng-content></ng-content>',
-            }]
-    }], null, { string: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
+        this.className = 'euim-data-summary__col-value';
+    }
+}
+/** @nocollapse */ EuimDataSummaryColValueComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimDataSummaryColValueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimDataSummaryColValueComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimDataSummaryColValueComponent, selector: "[euimDataSummaryColValue]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimDataSummaryColValueComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[euimDataSummaryColValue]',
+                    template: '<ng-content></ng-content>',
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 const COMPONENTS$4 = [
     EuimDataSummaryComponent,
@@ -2355,35 +1908,33 @@ const COMPONENTS$4 = [
 ];
 class EuimDataSummaryModule {
 }
-/** @nocollapse */ EuimDataSummaryModule.ɵfac = function EuimDataSummaryModule_Factory(t) { return new (t || EuimDataSummaryModule)(); };
-/** @nocollapse */ EuimDataSummaryModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimDataSummaryModule });
-/** @nocollapse */ EuimDataSummaryModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule,
-        IonicModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimDataSummaryModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    IonicModule,
-                ],
-                exports: [
-                    ...COMPONENTS$4,
-                ],
-                declarations: [
-                    ...COMPONENTS$4,
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimDataSummaryModule, { declarations: [EuimDataSummaryComponent,
+/** @nocollapse */ EuimDataSummaryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimDataSummaryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimDataSummaryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimDataSummaryModule, declarations: [EuimDataSummaryComponent,
         EuimDataSummaryColComponent,
         EuimDataSummaryColLabelComponent,
         EuimDataSummaryColValueComponent], imports: [CommonModule,
         IonicModule], exports: [EuimDataSummaryComponent,
         EuimDataSummaryColComponent,
         EuimDataSummaryColLabelComponent,
-        EuimDataSummaryColValueComponent] }); })();
+        EuimDataSummaryColValueComponent] });
+/** @nocollapse */ EuimDataSummaryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimDataSummaryModule, imports: [CommonModule,
+        IonicModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimDataSummaryModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                    ],
+                    exports: [
+                        ...COMPONENTS$4,
+                    ],
+                    declarations: [
+                        ...COMPONENTS$4,
+                    ],
+                }]
+        }] });
 
-const _c0$c = ["*"];
 class EuimHeaderDetailsComponent extends EuimBaseDirective {
     get cssClasses() {
         return this.getCssClasses();
@@ -2394,95 +1945,72 @@ class EuimHeaderDetailsComponent extends EuimBaseDirective {
         ].join(' ');
     }
 }
-/** @nocollapse */ EuimHeaderDetailsComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimHeaderDetailsComponent_BaseFactory; return function EuimHeaderDetailsComponent_Factory(t) { return (ɵEuimHeaderDetailsComponent_BaseFactory || (ɵEuimHeaderDetailsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimHeaderDetailsComponent)))(t || EuimHeaderDetailsComponent); }; }();
-/** @nocollapse */ EuimHeaderDetailsComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimHeaderDetailsComponent, selectors: [["euim-header-details"]], hostVars: 2, hostBindings: function EuimHeaderDetailsComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.cssClasses);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$c, decls: 1, vars: 0, template: function EuimHeaderDetailsComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, styles: [".euim-header-details{padding:var(--eui-base-spacing-m);display:block;text-align:center;background-color:var(--eui-base-color-grey-2);border-bottom:1px solid var(--eui-base-color-grey-20)}.euim-header-details__title{font:var(--eui-base-font-m);margin-bottom:var(--eui-base-spacing-2xs);color:var(--eui-base-color-grey-100)}.euim-header-details__meta{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-base-spacing-xs)}\n"], encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimHeaderDetailsComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-header-details', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-base-spacing-m);display:block;text-align:center;background-color:var(--eui-base-color-grey-2);border-bottom:1px solid var(--eui-base-color-grey-20)}.euim-header-details__title{font:var(--eui-base-font-m);margin-bottom:var(--eui-base-spacing-2xs);color:var(--eui-base-color-grey-100)}.euim-header-details__meta{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-base-spacing-xs)}\n"] }]
-    }], null, { cssClasses: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$b = ["euimHeaderDetailsMeta", ""];
-const _c1$8 = ["*"];
+/** @nocollapse */ EuimHeaderDetailsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimHeaderDetailsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimHeaderDetailsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimHeaderDetailsComponent, selector: "euim-header-details", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-base-spacing-m);display:block;text-align:center;background-color:var(--eui-base-color-grey-2);border-bottom:1px solid var(--eui-base-color-grey-20)}.euim-header-details__title{font:var(--eui-base-font-m);margin-bottom:var(--eui-base-spacing-2xs);color:var(--eui-base-color-grey-100)}.euim-header-details__meta{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-base-spacing-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimHeaderDetailsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-header-details', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-base-spacing-m);display:block;text-align:center;background-color:var(--eui-base-color-grey-2);border-bottom:1px solid var(--eui-base-color-grey-20)}.euim-header-details__title{font:var(--eui-base-font-m);margin-bottom:var(--eui-base-spacing-2xs);color:var(--eui-base-color-grey-100)}.euim-header-details__meta{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-base-spacing-xs)}\n"] }]
+        }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/* eslint-disable @angular-eslint/component-selector */
 class EuimHeaderDetailsMetaComponent {
     constructor() {
-        this.string = 'euim-header-details__meta';
-    }
-}
-/** @nocollapse */ EuimHeaderDetailsMetaComponent.ɵfac = function EuimHeaderDetailsMetaComponent_Factory(t) { return new (t || EuimHeaderDetailsMetaComponent)(); };
-/** @nocollapse */ EuimHeaderDetailsMetaComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimHeaderDetailsMetaComponent, selectors: [["", "euimHeaderDetailsMeta", ""]], hostVars: 2, hostBindings: function EuimHeaderDetailsMetaComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.string);
-    } }, attrs: _c0$b, ngContentSelectors: _c1$8, decls: 1, vars: 0, template: function EuimHeaderDetailsMetaComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimHeaderDetailsMetaComponent, [{
-        type: Component,
-        args: [{
-                selector: '[euimHeaderDetailsMeta]',
-                template: '<ng-content></ng-content>',
-            }]
-    }], null, { string: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$a = ["euimHeaderDetailsTitle", ""];
-const _c1$7 = ["*"];
+        this.className = 'euim-header-details__meta';
+    }
+}
+/** @nocollapse */ EuimHeaderDetailsMetaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimHeaderDetailsMetaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimHeaderDetailsMetaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimHeaderDetailsMetaComponent, selector: "[euimHeaderDetailsMeta]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimHeaderDetailsMetaComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[euimHeaderDetailsMeta]',
+                    template: '<ng-content></ng-content>',
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/* eslint-disable @angular-eslint/component-selector */
 class EuimHeaderDetailsTitleComponent {
     constructor() {
-        this.string = 'euim-header-details__title';
-    }
-}
-/** @nocollapse */ EuimHeaderDetailsTitleComponent.ɵfac = function EuimHeaderDetailsTitleComponent_Factory(t) { return new (t || EuimHeaderDetailsTitleComponent)(); };
-/** @nocollapse */ EuimHeaderDetailsTitleComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimHeaderDetailsTitleComponent, selectors: [["", "euimHeaderDetailsTitle", ""]], hostVars: 2, hostBindings: function EuimHeaderDetailsTitleComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.string);
-    } }, attrs: _c0$a, ngContentSelectors: _c1$7, decls: 1, vars: 0, template: function EuimHeaderDetailsTitleComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimHeaderDetailsTitleComponent, [{
-        type: Component,
-        args: [{
-                selector: '[euimHeaderDetailsTitle]',
-                template: '<ng-content></ng-content>',
-            }]
-    }], null, { string: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$9 = ["euimHeaderDetailsIcon", ""];
-const _c1$6 = ["*"];
+        this.className = 'euim-header-details__title';
+    }
+}
+/** @nocollapse */ EuimHeaderDetailsTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimHeaderDetailsTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimHeaderDetailsTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimHeaderDetailsTitleComponent, selector: "[euimHeaderDetailsTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimHeaderDetailsTitleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[euimHeaderDetailsTitle]',
+                    template: '<ng-content></ng-content>',
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/* eslint-disable @angular-eslint/component-selector */
 class EuimHeaderDetailsIconComponent {
     constructor() {
-        this.string = 'euim-header-details__icon';
-    }
-}
-/** @nocollapse */ EuimHeaderDetailsIconComponent.ɵfac = function EuimHeaderDetailsIconComponent_Factory(t) { return new (t || EuimHeaderDetailsIconComponent)(); };
-/** @nocollapse */ EuimHeaderDetailsIconComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimHeaderDetailsIconComponent, selectors: [["", "euimHeaderDetailsIcon", ""]], hostVars: 2, hostBindings: function EuimHeaderDetailsIconComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.string);
-    } }, attrs: _c0$9, ngContentSelectors: _c1$6, decls: 1, vars: 0, template: function EuimHeaderDetailsIconComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimHeaderDetailsIconComponent, [{
-        type: Component,
-        args: [{
-                selector: '[euimHeaderDetailsIcon]',
-                template: '<ng-content></ng-content>',
-            }]
-    }], null, { string: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
+        this.className = 'euim-header-details__icon';
+    }
+}
+/** @nocollapse */ EuimHeaderDetailsIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimHeaderDetailsIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimHeaderDetailsIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimHeaderDetailsIconComponent, selector: "[euimHeaderDetailsIcon]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimHeaderDetailsIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[euimHeaderDetailsIcon]',
+                    template: '<ng-content></ng-content>',
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 const COMPONENTS$3 = [
     EuimHeaderDetailsComponent,
@@ -2492,35 +2020,33 @@ const COMPONENTS$3 = [
 ];
 class EuimHeaderDetailsModule {
 }
-/** @nocollapse */ EuimHeaderDetailsModule.ɵfac = function EuimHeaderDetailsModule_Factory(t) { return new (t || EuimHeaderDetailsModule)(); };
-/** @nocollapse */ EuimHeaderDetailsModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimHeaderDetailsModule });
-/** @nocollapse */ EuimHeaderDetailsModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule,
-        IonicModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimHeaderDetailsModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    IonicModule,
-                ],
-                exports: [
-                    ...COMPONENTS$3,
-                ],
-                declarations: [
-                    ...COMPONENTS$3,
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimHeaderDetailsModule, { declarations: [EuimHeaderDetailsComponent,
+/** @nocollapse */ EuimHeaderDetailsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimHeaderDetailsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimHeaderDetailsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimHeaderDetailsModule, declarations: [EuimHeaderDetailsComponent,
         EuimHeaderDetailsTitleComponent,
         EuimHeaderDetailsMetaComponent,
         EuimHeaderDetailsIconComponent], imports: [CommonModule,
         IonicModule], exports: [EuimHeaderDetailsComponent,
         EuimHeaderDetailsTitleComponent,
         EuimHeaderDetailsMetaComponent,
-        EuimHeaderDetailsIconComponent] }); })();
+        EuimHeaderDetailsIconComponent] });
+/** @nocollapse */ EuimHeaderDetailsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimHeaderDetailsModule, imports: [CommonModule,
+        IonicModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimHeaderDetailsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                    ],
+                    exports: [
+                        ...COMPONENTS$3,
+                    ],
+                    declarations: [
+                        ...COMPONENTS$3,
+                    ],
+                }]
+        }] });
 
-const _c0$8 = ["*"];
 class EuimAvatarComponent extends EuimBaseDirective {
     get cssClasses() {
         return this.getCssClasses();
@@ -2531,70 +2057,53 @@ class EuimAvatarComponent extends EuimBaseDirective {
         ].join(' ');
     }
 }
-/** @nocollapse */ EuimAvatarComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimAvatarComponent_BaseFactory; return function EuimAvatarComponent_Factory(t) { return (ɵEuimAvatarComponent_BaseFactory || (ɵEuimAvatarComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimAvatarComponent)))(t || EuimAvatarComponent); }; }();
-/** @nocollapse */ EuimAvatarComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimAvatarComponent, selectors: [["euim-avatar"]], hostVars: 2, hostBindings: function EuimAvatarComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.cssClasses);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$8, decls: 1, vars: 0, template: function EuimAvatarComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, styles: [".euim-avatar{display:inline-flex}.euim-avatar__sub-icon{z-index:99;display:inline-flex;margin-top:35%;margin-left:-25%;color:red}\n"], encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimAvatarComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-avatar', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".euim-avatar{display:inline-flex}.euim-avatar__sub-icon{z-index:99;display:inline-flex;margin-top:35%;margin-left:-25%;color:red}\n"] }]
-    }], null, { cssClasses: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$7 = ["euimAvatarMainIcon", ""];
-const _c1$5 = ["*"];
+/** @nocollapse */ EuimAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimAvatarComponent, selector: "euim-avatar", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-avatar{display:inline-flex}.euim-avatar__sub-icon{z-index:99;display:inline-flex;margin-top:35%;margin-left:-25%;color:red}\n"], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAvatarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-avatar', encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".euim-avatar{display:inline-flex}.euim-avatar__sub-icon{z-index:99;display:inline-flex;margin-top:35%;margin-left:-25%;color:red}\n"] }]
+        }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/* eslint-disable @angular-eslint/component-selector */
 class EuimAvatarMainIconComponent {
     constructor() {
-        this.string = 'euim-avatar__main-icon';
-    }
-}
-/** @nocollapse */ EuimAvatarMainIconComponent.ɵfac = function EuimAvatarMainIconComponent_Factory(t) { return new (t || EuimAvatarMainIconComponent)(); };
-/** @nocollapse */ EuimAvatarMainIconComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimAvatarMainIconComponent, selectors: [["", "euimAvatarMainIcon", ""]], hostVars: 2, hostBindings: function EuimAvatarMainIconComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.string);
-    } }, attrs: _c0$7, ngContentSelectors: _c1$5, decls: 1, vars: 0, template: function EuimAvatarMainIconComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimAvatarMainIconComponent, [{
-        type: Component,
-        args: [{
-                selector: '[euimAvatarMainIcon]',
-                template: '<ng-content></ng-content>',
-            }]
-    }], null, { string: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$6 = ["euimAvatarSubIcon", ""];
-const _c1$4 = ["*"];
+        this.className = 'euim-avatar__main-icon';
+    }
+}
+/** @nocollapse */ EuimAvatarMainIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAvatarMainIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimAvatarMainIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimAvatarMainIconComponent, selector: "[euimAvatarMainIcon]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAvatarMainIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[euimAvatarMainIcon]',
+                    template: '<ng-content></ng-content>',
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/* eslint-disable @angular-eslint/component-selector */
 class EuimAvatarSubIconComponent {
     constructor() {
-        this.string = 'euim-avatar__sub-icon';
-    }
-}
-/** @nocollapse */ EuimAvatarSubIconComponent.ɵfac = function EuimAvatarSubIconComponent_Factory(t) { return new (t || EuimAvatarSubIconComponent)(); };
-/** @nocollapse */ EuimAvatarSubIconComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimAvatarSubIconComponent, selectors: [["", "euimAvatarSubIcon", ""]], hostVars: 2, hostBindings: function EuimAvatarSubIconComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.string);
-    } }, attrs: _c0$6, ngContentSelectors: _c1$4, decls: 1, vars: 0, template: function EuimAvatarSubIconComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimAvatarSubIconComponent, [{
-        type: Component,
-        args: [{
-                selector: '[euimAvatarSubIcon]',
-                template: '<ng-content></ng-content>',
-            }]
-    }], null, { string: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
+        this.className = 'euim-avatar__sub-icon';
+    }
+}
+/** @nocollapse */ EuimAvatarSubIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAvatarSubIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimAvatarSubIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimAvatarSubIconComponent, selector: "[euimAvatarSubIcon]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAvatarSubIconComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[euimAvatarSubIcon]',
+                    template: '<ng-content></ng-content>',
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 const COMPONENTS$2 = [
     EuimAvatarComponent,
@@ -2603,33 +2112,31 @@ const COMPONENTS$2 = [
 ];
 class EuimAvatarModule {
 }
-/** @nocollapse */ EuimAvatarModule.ɵfac = function EuimAvatarModule_Factory(t) { return new (t || EuimAvatarModule)(); };
-/** @nocollapse */ EuimAvatarModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimAvatarModule });
-/** @nocollapse */ EuimAvatarModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule,
-        IonicModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimAvatarModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    IonicModule,
-                ],
-                exports: [
-                    ...COMPONENTS$2,
-                ],
-                declarations: [
-                    ...COMPONENTS$2,
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimAvatarModule, { declarations: [EuimAvatarComponent,
+/** @nocollapse */ EuimAvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimAvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimAvatarModule, declarations: [EuimAvatarComponent,
         EuimAvatarSubIconComponent,
         EuimAvatarMainIconComponent], imports: [CommonModule,
         IonicModule], exports: [EuimAvatarComponent,
         EuimAvatarSubIconComponent,
-        EuimAvatarMainIconComponent] }); })();
+        EuimAvatarMainIconComponent] });
+/** @nocollapse */ EuimAvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAvatarModule, imports: [CommonModule,
+        IonicModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAvatarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                    ],
+                    exports: [
+                        ...COMPONENTS$2,
+                    ],
+                    declarations: [
+                        ...COMPONENTS$2,
+                    ],
+                }]
+        }] });
 
-const _c0$5 = ["*"];
 class EuimInfoScreenComponent extends EuimBaseDirective {
     get cssClasses() {
         return this.getCssClasses();
@@ -2640,95 +2147,72 @@ class EuimInfoScreenComponent extends EuimBaseDirective {
         ].join(' ');
     }
 }
-/** @nocollapse */ EuimInfoScreenComponent.ɵfac = /** @pureOrBreakMyCode */ function () { let ɵEuimInfoScreenComponent_BaseFactory; return function EuimInfoScreenComponent_Factory(t) { return (ɵEuimInfoScreenComponent_BaseFactory || (ɵEuimInfoScreenComponent_BaseFactory = i0.ɵɵgetInheritedFactory(EuimInfoScreenComponent)))(t || EuimInfoScreenComponent); }; }();
-/** @nocollapse */ EuimInfoScreenComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimInfoScreenComponent, selectors: [["euim-info-screen"]], hostVars: 2, hostBindings: function EuimInfoScreenComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.cssClasses);
-    } }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$5, decls: 1, vars: 0, template: function EuimInfoScreenComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, styles: [".euim-info-screen__title{font-size:var(--eui-base-font-size-3xl);font-weight:700;color:var(--eui-base-color-grey-100);margin-top:var(--eui-base-spacing-xl);padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m)}.euim-info-screen__sub-title{color:var(--eui-base-color-grey-75);padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m)}.euim-info-screen__meta{font-size:var(--eui-base-font-size-l);color:var(--eui-base-color-grey-100);padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m)}.euim-info-screen__title+.euim-info-screen__sub-title{margin-top:var(--eui-base-spacing-2xs)}.euim-info-screen__sub-title+.euim-info-screen__meta,title+.euim-info-screen__meta{margin-top:var(--eui-base-spacing-m)}\n"], encapsulation: 2, changeDetection: 0 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimInfoScreenComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-info-screen', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".euim-info-screen__title{font-size:var(--eui-base-font-size-3xl);font-weight:700;color:var(--eui-base-color-grey-100);margin-top:var(--eui-base-spacing-xl);padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m)}.euim-info-screen__sub-title{color:var(--eui-base-color-grey-75);padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m)}.euim-info-screen__meta{font-size:var(--eui-base-font-size-l);color:var(--eui-base-color-grey-100);padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m)}.euim-info-screen__title+.euim-info-screen__sub-title{margin-top:var(--eui-base-spacing-2xs)}.euim-info-screen__sub-title+.euim-info-screen__meta,title+.euim-info-screen__meta{margin-top:var(--eui-base-spacing-m)}\n"] }]
-    }], null, { cssClasses: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$4 = ["euimInfoScreenMeta", ""];
-const _c1$3 = ["*"];
+/** @nocollapse */ EuimInfoScreenComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimInfoScreenComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimInfoScreenComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimInfoScreenComponent, selector: "euim-info-screen", host: { properties: { "class": "this.cssClasses" } }, usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-info-screen__title{font-size:var(--eui-base-font-size-3xl);font-weight:700;color:var(--eui-base-color-grey-100);margin-top:var(--eui-base-spacing-xl);padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m)}.euim-info-screen__sub-title{color:var(--eui-base-color-grey-75);padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m)}.euim-info-screen__meta{font-size:var(--eui-base-font-size-l);color:var(--eui-base-color-grey-100);padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m)}.euim-info-screen__title+.euim-info-screen__sub-title{margin-top:var(--eui-base-spacing-2xs)}.euim-info-screen__sub-title+.euim-info-screen__meta,title+.euim-info-screen__meta{margin-top:var(--eui-base-spacing-m)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimInfoScreenComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-info-screen', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".euim-info-screen__title{font-size:var(--eui-base-font-size-3xl);font-weight:700;color:var(--eui-base-color-grey-100);margin-top:var(--eui-base-spacing-xl);padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m)}.euim-info-screen__sub-title{color:var(--eui-base-color-grey-75);padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m)}.euim-info-screen__meta{font-size:var(--eui-base-font-size-l);color:var(--eui-base-color-grey-100);padding-left:var(--eui-base-spacing-m);padding-right:var(--eui-base-spacing-m)}.euim-info-screen__title+.euim-info-screen__sub-title{margin-top:var(--eui-base-spacing-2xs)}.euim-info-screen__sub-title+.euim-info-screen__meta,title+.euim-info-screen__meta{margin-top:var(--eui-base-spacing-m)}\n"] }]
+        }], propDecorators: { cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/* eslint-disable @angular-eslint/component-selector */
 class EuimInfoScreenMetaComponent {
     constructor() {
-        this.string = 'euim-info-screen__meta';
-    }
-}
-/** @nocollapse */ EuimInfoScreenMetaComponent.ɵfac = function EuimInfoScreenMetaComponent_Factory(t) { return new (t || EuimInfoScreenMetaComponent)(); };
-/** @nocollapse */ EuimInfoScreenMetaComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimInfoScreenMetaComponent, selectors: [["", "euimInfoScreenMeta", ""]], hostVars: 2, hostBindings: function EuimInfoScreenMetaComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.string);
-    } }, attrs: _c0$4, ngContentSelectors: _c1$3, decls: 1, vars: 0, template: function EuimInfoScreenMetaComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimInfoScreenMetaComponent, [{
-        type: Component,
-        args: [{
-                selector: '[euimInfoScreenMeta]',
-                template: '<ng-content></ng-content>',
-            }]
-    }], null, { string: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$3 = ["euimInfoScreenTitle", ""];
-const _c1$2 = ["*"];
+        this.className = 'euim-info-screen__meta';
+    }
+}
+/** @nocollapse */ EuimInfoScreenMetaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimInfoScreenMetaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimInfoScreenMetaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimInfoScreenMetaComponent, selector: "[euimInfoScreenMeta]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimInfoScreenMetaComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[euimInfoScreenMeta]',
+                    template: '<ng-content></ng-content>',
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/* eslint-disable @angular-eslint/component-selector */
 class EuimInfoScreenTitleComponent {
     constructor() {
-        this.string = 'euim-info-screen__title';
-    }
-}
-/** @nocollapse */ EuimInfoScreenTitleComponent.ɵfac = function EuimInfoScreenTitleComponent_Factory(t) { return new (t || EuimInfoScreenTitleComponent)(); };
-/** @nocollapse */ EuimInfoScreenTitleComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimInfoScreenTitleComponent, selectors: [["", "euimInfoScreenTitle", ""]], hostVars: 2, hostBindings: function EuimInfoScreenTitleComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.string);
-    } }, attrs: _c0$3, ngContentSelectors: _c1$2, decls: 1, vars: 0, template: function EuimInfoScreenTitleComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimInfoScreenTitleComponent, [{
-        type: Component,
-        args: [{
-                selector: '[euimInfoScreenTitle]',
-                template: '<ng-content></ng-content>',
-            }]
-    }], null, { string: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0$2 = ["euimInfoScreenSubTitle", ""];
-const _c1$1 = ["*"];
+        this.className = 'euim-info-screen__title';
+    }
+}
+/** @nocollapse */ EuimInfoScreenTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimInfoScreenTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimInfoScreenTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimInfoScreenTitleComponent, selector: "[euimInfoScreenTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimInfoScreenTitleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[euimInfoScreenTitle]',
+                    template: '<ng-content></ng-content>',
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/* eslint-disable @angular-eslint/component-selector */
 class EuimInfoScreenSubTitleComponent {
     constructor() {
-        this.string = 'euim-info-screen__sub-title';
-    }
-}
-/** @nocollapse */ EuimInfoScreenSubTitleComponent.ɵfac = function EuimInfoScreenSubTitleComponent_Factory(t) { return new (t || EuimInfoScreenSubTitleComponent)(); };
-/** @nocollapse */ EuimInfoScreenSubTitleComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimInfoScreenSubTitleComponent, selectors: [["", "euimInfoScreenSubTitle", ""]], hostVars: 2, hostBindings: function EuimInfoScreenSubTitleComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.string);
-    } }, attrs: _c0$2, ngContentSelectors: _c1$1, decls: 1, vars: 0, template: function EuimInfoScreenSubTitleComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵprojection(0);
-    } }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimInfoScreenSubTitleComponent, [{
-        type: Component,
-        args: [{
-                selector: '[euimInfoScreenSubTitle]',
-                template: '<ng-content></ng-content>',
-            }]
-    }], null, { string: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
+        this.className = 'euim-info-screen__sub-title';
+    }
+}
+/** @nocollapse */ EuimInfoScreenSubTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimInfoScreenSubTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimInfoScreenSubTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimInfoScreenSubTitleComponent, selector: "[euimInfoScreenSubTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimInfoScreenSubTitleComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[euimInfoScreenSubTitle]',
+                    template: '<ng-content></ng-content>',
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 const COMPONENTS$1 = [
     EuimInfoScreenComponent,
@@ -2738,76 +2222,41 @@ const COMPONENTS$1 = [
 ];
 class EuimInfoScreenModule {
 }
-/** @nocollapse */ EuimInfoScreenModule.ɵfac = function EuimInfoScreenModule_Factory(t) { return new (t || EuimInfoScreenModule)(); };
-/** @nocollapse */ EuimInfoScreenModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimInfoScreenModule });
-/** @nocollapse */ EuimInfoScreenModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule,
-        IonicModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimInfoScreenModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    IonicModule,
-                ],
-                exports: [
-                    ...COMPONENTS$1,
-                ],
-                declarations: [
-                    ...COMPONENTS$1,
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimInfoScreenModule, { declarations: [EuimInfoScreenComponent,
+/** @nocollapse */ EuimInfoScreenModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimInfoScreenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimInfoScreenModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimInfoScreenModule, declarations: [EuimInfoScreenComponent,
         EuimInfoScreenTitleComponent,
         EuimInfoScreenMetaComponent,
         EuimInfoScreenSubTitleComponent], imports: [CommonModule,
         IonicModule], exports: [EuimInfoScreenComponent,
         EuimInfoScreenTitleComponent,
         EuimInfoScreenMetaComponent,
-        EuimInfoScreenSubTitleComponent] }); })();
-
-const _c0$1 = ["slides"];
-const _c1 = function (a0) { return { "active": a0 }; };
-function EuimSliderComponent_span_7_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 8);
-    i0.ɵɵlistener("click", function EuimSliderComponent_span_7_Template_span_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r8); const i_r6 = restoredCtx.index; const ctx_r7 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r7.goToSlide(i_r6)); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const i_r6 = ctx.index;
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(1, _c1, ctx_r2.currentSlide === i_r6));
-} }
-function EuimSliderComponent_ion_button_8_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ion-button", 9);
-    i0.ɵɵlistener("click", function EuimSliderComponent_ion_button_8_Template_ion_button_click_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.onAction($event)); });
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r3 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r3.actionBtnNames.action_btn_name);
-} }
-function EuimSliderComponent_ion_button_9_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ion-button", 9);
-    i0.ɵɵlistener("click", function EuimSliderComponent_ion_button_9_Template_ion_button_click_0_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.onLastStepAction($event)); });
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r4 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(ctx_r4.actionBtnNames.last_step_action_btn_name);
-} }
-const _c2 = ["*"];
+        EuimInfoScreenSubTitleComponent] });
+/** @nocollapse */ EuimInfoScreenModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimInfoScreenModule, imports: [CommonModule,
+        IonicModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimInfoScreenModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                    ],
+                    exports: [
+                        ...COMPONENTS$1,
+                    ],
+                    declarations: [
+                        ...COMPONENTS$1,
+                    ],
+                }]
+        }] });
+
 class EuimSliderComponent {
     constructor(renderer, gestureCtrl, sliderElement, cdr) {
         this.renderer = renderer;
         this.gestureCtrl = gestureCtrl;
         this.sliderElement = sliderElement;
         this.cdr = cdr;
-        this._actionBtnNames = { 'action_btn_name': 'Skip', 'last_step_action_btn_name': 'Done' };
+        this._actionBtnNames = { action_btn_name: 'Skip',
+            last_step_action_btn_name: 'Done' };
         this.actionClicked = new EventEmitter();
         this.lastStepActionClicked = new EventEmitter();
         this.slidesArray = [];
@@ -2848,7 +2297,9 @@ class EuimSliderComponent {
         const gesture = this.gestureCtrl.create({
             el: this.sliderElement.nativeElement,
             gestureName: 'on-gesture-end',
-            onEnd: (event) => { this.handleTouchEnd(event); },
+            onEnd: (event) => {
+                this.handleTouchEnd(event);
+            },
         });
         gesture.enable();
     }
@@ -2871,11 +2322,9 @@ class EuimSliderComponent {
         this.renderer.setStyle(this.slides.nativeElement, 'transform', `translateX(-${this.currentSlide * 100 / this.slidesArray.length}%)`);
         this.cdr.detectChanges();
     }
-    // for future implementation
     goToSlide(index) {
-        // this.currentSlide = index;
-        // this.renderer.setStyle(this.slides.nativeElement,
-        //     'transform', `translateX(-${this.currentSlide * 100 / this.slidesArray.length}%)`);
+        this.currentSlide = index;
+        this.renderer.setStyle(this.slides.nativeElement, 'transform', `translateX(-${this.currentSlide * 100 / this.slidesArray.length}%)`);
     }
     onAction(event) {
         this.actionClicked.emit(event);
@@ -2884,77 +2333,46 @@ class EuimSliderComponent {
         this.lastStepActionClicked.emit(event);
     }
 }
-/** @nocollapse */ EuimSliderComponent.ɵfac = function EuimSliderComponent_Factory(t) { return new (t || EuimSliderComponent)(i0.ɵɵdirectiveInject(i0.Renderer2), i0.ɵɵdirectiveInject(i1.GestureController), i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-/** @nocollapse */ EuimSliderComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimSliderComponent, selectors: [["euim-slider"]], viewQuery: function EuimSliderComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0$1, 7);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.slides = _t.first);
-    } }, hostVars: 2, hostBindings: function EuimSliderComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.cssClasses);
-    } }, inputs: { actionBtnNames: "actionBtnNames" }, outputs: { actionClicked: "actionClicked", lastStepActionClicked: "lastStepActionClicked" }, ngContentSelectors: _c2, decls: 10, vars: 3, consts: [[1, "euim-slider__slider-container"], ["sliderElement", ""], [1, "euim-slider__slides"], ["slides", ""], [1, "euim-slider__pagination-container"], [1, "euim-slider__pagination"], ["class", "euim-slider__span", 3, "ngClass", "click", 4, "ngFor", "ngForOf"], ["fill", "clear", "class", "euim-slider__action-button", 3, "click", 4, "ngIf"], [1, "euim-slider__span", 3, "ngClass", "click"], ["fill", "clear", 1, "euim-slider__action-button", 3, "click"]], template: function EuimSliderComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵelementStart(0, "div", 0, 1)(2, "div", 2, 3);
-        i0.ɵɵprojection(4);
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(5, "div", 4)(6, "div", 5);
-        i0.ɵɵtemplate(7, EuimSliderComponent_span_7_Template, 1, 3, "span", 6);
-        i0.ɵɵelementEnd();
-        i0.ɵɵtemplate(8, EuimSliderComponent_ion_button_8_Template, 2, 1, "ion-button", 7);
-        i0.ɵɵtemplate(9, EuimSliderComponent_ion_button_9_Template, 2, 1, "ion-button", 7);
-        i0.ɵɵelementEnd()();
-    } if (rf & 2) {
-        i0.ɵɵadvance(7);
-        i0.ɵɵproperty("ngForOf", ctx.slidesArray);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", !ctx.isLastItemReached);
-        i0.ɵɵadvance(1);
-        i0.ɵɵproperty("ngIf", ctx.isLastItemReached);
-    } }, dependencies: [i2$1.NgClass, i2$1.NgForOf, i2$1.NgIf, i1.IonButton], styles: [".euim-slider__slider-container[_ngcontent-%COMP%]{overflow:hidden;position:relative;height:100vh}.euim-slider__slides[_ngcontent-%COMP%]{display:flex;transition:all .5s ease;height:100%;width:100%}.euim-slider__slide[_ngcontent-%COMP%]{width:100%;height:100%}.euim-slider__pagination-container[_ngcontent-%COMP%]{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:50px}.euim-slider__pagination[_ngcontent-%COMP%]{display:flex}.euim-slider__span[_ngcontent-%COMP%]{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s);border-radius:50%;margin:0 var(--eui-base-spacing-xs);background-color:var(--eui-base-color-grey-20);cursor:pointer}.euim-slider__span.active[_ngcontent-%COMP%]{background-color:var(--eui-base-color-primary)}.euim-slider__action-button[_ngcontent-%COMP%]{margin-left:var(--eui-base-spacing-m);position:absolute;right:0}"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimSliderComponent, [{
-        type: Component,
-        args: [{ selector: 'euim-slider', template: "<div class=\"euim-slider__slider-container\" #sliderElement>\n    <div class=\"euim-slider__slides\" #slides>\n        <ng-content></ng-content>\n    </div>\n    <div class=\"euim-slider__pagination-container\">\n        <div class=\"euim-slider__pagination\">\n            <span class=\"euim-slider__span\" *ngFor=\"let slide of slidesArray; let i = index\"\n                  [ngClass]=\"{ 'active': currentSlide === i }\"\n                  (click)=\"goToSlide(i)\"></span>\n        </div>\n        <ion-button *ngIf=!isLastItemReached fill=\"clear\" class=\"euim-slider__action-button\"\n                    (click)=\"onAction($event)\">{{actionBtnNames.action_btn_name}}</ion-button>\n        <ion-button *ngIf=isLastItemReached fill=\"clear\" class=\"euim-slider__action-button\"\n                    (click)=\"onLastStepAction($event)\">{{actionBtnNames.last_step_action_btn_name}}</ion-button>\n    </div>\n</div>\n", styles: [".euim-slider__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider__slides{display:flex;transition:all .5s ease;height:100%;width:100%}.euim-slider__slide{width:100%;height:100%}.euim-slider__pagination-container{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:50px}.euim-slider__pagination{display:flex}.euim-slider__span{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s);border-radius:50%;margin:0 var(--eui-base-spacing-xs);background-color:var(--eui-base-color-grey-20);cursor:pointer}.euim-slider__span.active{background-color:var(--eui-base-color-primary)}.euim-slider__action-button{margin-left:var(--eui-base-spacing-m);position:absolute;right:0}\n"] }]
-    }], function () { return [{ type: i0.Renderer2 }, { type: i1.GestureController }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, { slides: [{
-            type: ViewChild,
-            args: ['slides', { static: true }]
-        }], actionBtnNames: [{
-            type: Input
-        }], actionClicked: [{
-            type: Output
-        }], lastStepActionClicked: [{
-            type: Output
-        }], cssClasses: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
-
-const _c0 = ["*"];
+/** @nocollapse */ EuimSliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimSliderComponent, deps: [{ token: i0.Renderer2 }, { token: i1.GestureController }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimSliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimSliderComponent, selector: "euim-slider", inputs: { actionBtnNames: "actionBtnNames" }, outputs: { actionClicked: "actionClicked", lastStepActionClicked: "lastStepActionClicked" }, host: { properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "slides", first: true, predicate: ["slides"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"euim-slider__slider-container\" #sliderElement>\n    <div class=\"euim-slider__slides\" #slides>\n        <ng-content></ng-content>\n    </div>\n    <div class=\"euim-slider__pagination-container\">\n        <div class=\"euim-slider__pagination\">\n            <span class=\"euim-slider__span\" *ngFor=\"let slide of slidesArray; let i = index\"\n                  [ngClass]=\"{ 'active': currentSlide === i }\"\n                  (click)=\"goToSlide(i)\"></span>\n        </div>\n        <ion-button *ngIf=!isLastItemReached fill=\"clear\" class=\"euim-slider__action-button\"\n                    (click)=\"onAction($event)\">{{actionBtnNames.action_btn_name}}</ion-button>\n        <ion-button *ngIf=isLastItemReached fill=\"clear\" class=\"euim-slider__action-button\"\n                    (click)=\"onLastStepAction($event)\">{{actionBtnNames.last_step_action_btn_name}}</ion-button>\n    </div>\n</div>\n", styles: [".euim-slider__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider__slides{display:flex;transition:all .5s ease;height:100%;width:100%}.euim-slider__slide{width:100%;height:100%}.euim-slider__pagination-container{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:50px}.euim-slider__pagination{display:flex}.euim-slider__span{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s);border-radius:50%;margin:0 var(--eui-base-spacing-xs);background-color:var(--eui-base-color-grey-20);cursor:pointer}.euim-slider__span.active{background-color:var(--eui-base-color-primary)}.euim-slider__action-button{margin-left:var(--eui-base-spacing-m);position:absolute;right:0}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimSliderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-slider', template: "<div class=\"euim-slider__slider-container\" #sliderElement>\n    <div class=\"euim-slider__slides\" #slides>\n        <ng-content></ng-content>\n    </div>\n    <div class=\"euim-slider__pagination-container\">\n        <div class=\"euim-slider__pagination\">\n            <span class=\"euim-slider__span\" *ngFor=\"let slide of slidesArray; let i = index\"\n                  [ngClass]=\"{ 'active': currentSlide === i }\"\n                  (click)=\"goToSlide(i)\"></span>\n        </div>\n        <ion-button *ngIf=!isLastItemReached fill=\"clear\" class=\"euim-slider__action-button\"\n                    (click)=\"onAction($event)\">{{actionBtnNames.action_btn_name}}</ion-button>\n        <ion-button *ngIf=isLastItemReached fill=\"clear\" class=\"euim-slider__action-button\"\n                    (click)=\"onLastStepAction($event)\">{{actionBtnNames.last_step_action_btn_name}}</ion-button>\n    </div>\n</div>\n", styles: [".euim-slider__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider__slides{display:flex;transition:all .5s ease;height:100%;width:100%}.euim-slider__slide{width:100%;height:100%}.euim-slider__pagination-container{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:50px}.euim-slider__pagination{display:flex}.euim-slider__span{width:var(--eui-base-spacing-s);height:var(--eui-base-spacing-s);border-radius:50%;margin:0 var(--eui-base-spacing-xs);background-color:var(--eui-base-color-grey-20);cursor:pointer}.euim-slider__span.active{background-color:var(--eui-base-color-primary)}.euim-slider__action-button{margin-left:var(--eui-base-spacing-m);position:absolute;right:0}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i1.GestureController }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { slides: [{
+                type: ViewChild,
+                args: ['slides', { static: true }]
+            }], actionBtnNames: [{
+                type: Input
+            }], actionClicked: [{
+                type: Output
+            }], lastStepActionClicked: [{
+                type: Output
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
 class EuimSlideComponent {
     constructor() {
-        this.string = 'euim-slider__slide';
-    }
-}
-/** @nocollapse */ EuimSlideComponent.ɵfac = function EuimSlideComponent_Factory(t) { return new (t || EuimSlideComponent)(); };
-/** @nocollapse */ EuimSlideComponent.ɵcmp = /** @pureOrBreakMyCode */ i0.ɵɵdefineComponent({ type: EuimSlideComponent, selectors: [["euim-slide"]], hostVars: 2, hostBindings: function EuimSlideComponent_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.string);
-    } }, ngContentSelectors: _c0, decls: 3, vars: 0, consts: [["slide", ""]], template: function EuimSlideComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵprojectionDef();
-        i0.ɵɵelementStart(0, "div", null, 0);
-        i0.ɵɵprojection(2);
-        i0.ɵɵelementEnd();
-    } }, encapsulation: 2 });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimSlideComponent, [{
-        type: Component,
-        args: [{
-                selector: 'euim-slide',
-                template: `<div #slide>
+        this.className = 'euim-slider__slide';
+    }
+}
+/** @nocollapse */ EuimSlideComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimSlideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ EuimSlideComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: EuimSlideComponent, selector: "euim-slide", host: { properties: { "class": "this.className" } }, ngImport: i0, template: `<div #slide>
+      <ng-content></ng-content>
+    </div>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimSlideComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'euim-slide',
+                    template: `<div #slide>
       <ng-content></ng-content>
     </div>`,
-            }]
-    }], null, { string: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 const COMPONENTS = [
     EuimSliderComponent,
@@ -2962,72 +2380,68 @@ const COMPONENTS = [
 ];
 class EuimSliderModule {
 }
-/** @nocollapse */ EuimSliderModule.ɵfac = function EuimSliderModule_Factory(t) { return new (t || EuimSliderModule)(); };
-/** @nocollapse */ EuimSliderModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimSliderModule });
-/** @nocollapse */ EuimSliderModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule,
-        IonicModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimSliderModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    IonicModule,
-                ],
-                exports: [
-                    ...COMPONENTS,
-                ],
-                declarations: [
-                    ...COMPONENTS,
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimSliderModule, { declarations: [EuimSliderComponent,
+/** @nocollapse */ EuimSliderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimSliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimSliderModule, declarations: [EuimSliderComponent,
         EuimSlideComponent], imports: [CommonModule,
         IonicModule], exports: [EuimSliderComponent,
-        EuimSlideComponent] }); })();
+        EuimSlideComponent] });
+/** @nocollapse */ EuimSliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimSliderModule, imports: [CommonModule,
+        IonicModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimSliderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                    ],
+                    exports: [
+                        ...COMPONENTS,
+                    ],
+                    declarations: [
+                        ...COMPONENTS,
+                    ],
+                }]
+        }] });
 
 class EuimListHeaderDirective {
     constructor() {
-        this.string = 'euim-list-divider';
-    }
-}
-/** @nocollapse */ EuimListHeaderDirective.ɵfac = function EuimListHeaderDirective_Factory(t) { return new (t || EuimListHeaderDirective)(); };
-/** @nocollapse */ EuimListHeaderDirective.ɵdir = /** @pureOrBreakMyCode */ i0.ɵɵdefineDirective({ type: EuimListHeaderDirective, selectors: [["", "euimListHeader", ""]], hostVars: 2, hostBindings: function EuimListHeaderDirective_HostBindings(rf, ctx) { if (rf & 2) {
-        i0.ɵɵclassMap(ctx.string);
-    } } });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimListHeaderDirective, [{
-        type: Directive,
-        args: [{
-                selector: '[euimListHeader]'
-            }]
-    }], null, { string: [{
-            type: HostBinding,
-            args: ['class']
-        }] }); })();
+        this.className = 'euim-list-divider';
+    }
+}
+/** @nocollapse */ EuimListHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimListHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ EuimListHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.2", type: EuimListHeaderDirective, selector: "[euimListHeader]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimListHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[euimListHeader]'
+                }]
+        }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
 
 class EuimListHeaderModule {
 }
-/** @nocollapse */ EuimListHeaderModule.ɵfac = function EuimListHeaderModule_Factory(t) { return new (t || EuimListHeaderModule)(); };
-/** @nocollapse */ EuimListHeaderModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimListHeaderModule });
-/** @nocollapse */ EuimListHeaderModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [CommonModule,
+/** @nocollapse */ EuimListHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimListHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimListHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimListHeaderModule, declarations: [EuimListHeaderDirective], imports: [CommonModule,
+        IonicModule], exports: [EuimListHeaderDirective] });
+/** @nocollapse */ EuimListHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimListHeaderModule, imports: [CommonModule,
         IonicModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimListHeaderModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    IonicModule,
-                ],
-                exports: [
-                    EuimListHeaderDirective
-                ],
-                declarations: [
-                    EuimListHeaderDirective,
-                ],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimListHeaderModule, { declarations: [EuimListHeaderDirective], imports: [CommonModule,
-        IonicModule], exports: [EuimListHeaderDirective] }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimListHeaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                    ],
+                    exports: [
+                        EuimListHeaderDirective
+                    ],
+                    declarations: [
+                        EuimListHeaderDirective,
+                    ],
+                }]
+        }] });
 
 const MODULES = [
     // Layout
@@ -3058,9 +2472,8 @@ const MODULES = [
 ];
 class EuimAllModule {
 }
-/** @nocollapse */ EuimAllModule.ɵfac = function EuimAllModule_Factory(t) { return new (t || EuimAllModule)(); };
-/** @nocollapse */ EuimAllModule.ɵmod = /** @pureOrBreakMyCode */ i0.ɵɵdefineNgModule({ type: EuimAllModule });
-/** @nocollapse */ EuimAllModule.ɵinj = /** @pureOrBreakMyCode */ i0.ɵɵdefineInjector({ imports: [MODULES, 
+/** @nocollapse */ EuimAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ EuimAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: EuimAllModule, imports: [
         // Layout
         EuimAppModule,
         EuimAppSidebarModule,
@@ -3085,21 +2498,7 @@ class EuimAllModule {
         EuimSliderModule,
         // Directives
         EuimListHeaderModule,
-        EuimSpinnerComponentModule] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EuimAllModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    ...MODULES,
-                ],
-                exports: [
-                    ...MODULES,
-                ],
-                providers: [],
-                declarations: [],
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(EuimAllModule, { imports: [
+        EuimSpinnerComponentModule], exports: [
         // Layout
         EuimAppModule,
         EuimAppSidebarModule,
@@ -3124,7 +2523,8 @@ class EuimAllModule {
         EuimSliderModule,
         // Directives
         EuimListHeaderModule,
-        EuimSpinnerComponentModule], exports: [
+        EuimSpinnerComponentModule] });
+/** @nocollapse */ EuimAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAllModule, imports: [MODULES, 
         // Layout
         EuimAppModule,
         EuimAppSidebarModule,
@@ -3149,11 +2549,24 @@ class EuimAllModule {
         EuimSliderModule,
         // Directives
         EuimListHeaderModule,
-        EuimSpinnerComponentModule] }); })();
+        EuimSpinnerComponentModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: EuimAllModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        ...MODULES,
+                    ],
+                    exports: [
+                        ...MODULES,
+                    ],
+                    providers: [],
+                    declarations: [],
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { EuiMUserProfileActionComponent, EuiMUserProfileAvatarComponent, EuiMUserProfileInfosComponent, EuiMUserProfileInfosItemComponent, EuimAllModule, EuimAppComponent, EuimAppModule, EuimAppService, EuimAppSidebarComponent, EuimAppSidebarFooterComponent, EuimAppSidebarHeaderComponent, EuimAppSidebarMenuComponent, EuimAppSidebarModule, EuimAvatarComponent, EuimAvatarIconComponent, EuimAvatarIconModule, EuimAvatarMainIconComponent, EuimAvatarModule, EuimAvatarSubIconComponent, EuimControlFeedbackComponent, EuimControlFeedbackModule, EuimDataSummaryColComponent, EuimDataSummaryColLabelComponent, EuimDataSummaryColValueComponent, EuimDataSummaryComponent, EuimDataSummaryModule, EuimEmptyListPlaceholderComponent, EuimEmptyListPlaceholderModule, EuimFieldSetComponent, EuimFieldsetActionsComponent, EuimFieldsetLegendComponent, EuimFieldsetModule, EuimHeaderDetailsComponent, EuimHeaderDetailsIconComponent, EuimHeaderDetailsMetaComponent, EuimHeaderDetailsModule, EuimHeaderDetailsTitleComponent, EuimInfoScreenComponent, EuimInfoScreenMetaComponent, EuimInfoScreenModule, EuimInfoScreenSubTitleComponent, EuimInfoScreenTitleComponent, EuimLabelComponent, EuimLabelModule, EuimLanguageListComponent, EuimLanguageSelectorComponent, EuimLanguageSelectorModule, EuimListHeaderDirective, EuimListHeaderModule, EuimMediaHeaderComponent, EuimMediaHeaderImageComponent, EuimMediaHeaderMetaComponent, EuimMediaHeaderModule, EuimMediaHeaderTitleComponent, EuimMenuComponent, EuimMenuItem, EuimMenuModule, EuimMessageComponent, EuimMessageModule, EuimMessageTitleComponent, EuimNotificationItemComponent, EuimNotificationItemModule, EuimSlideComponent, EuimSliderComponent, EuimSliderModule, EuimSpinnerComponent, EuimSpinnerComponentModule, EuimSpinnerDescriptionComponent, EuimSpinnerMessageComponent, EuimStepperChangeEvent, EuimStepperComponent, EuimStepperComponentModule, EuimToolbarActionItemsComponent, EuimToolbarComponent, EuimToolbarComponentModule, EuimToolbarTitleComponent, EuimUserProfileComponent, EuimUserProfileModule };
+export { EuiMUserProfileActionComponent, EuiMUserProfileAvatarComponent, EuiMUserProfileInfosComponent, EuiMUserProfileInfosItemComponent, EuimAllModule, EuimAppComponent, EuimAppModule, EuimAppService, EuimAppSidebarComponent, EuimAppSidebarFooterComponent, EuimAppSidebarHeaderComponent, EuimAppSidebarMenuComponent, EuimAppSidebarModule, EuimAvatarComponent, EuimAvatarIconComponent, EuimAvatarIconModule, EuimAvatarMainIconComponent, EuimAvatarModule, EuimAvatarSubIconComponent, EuimControlFeedbackComponent, EuimControlFeedbackModule, EuimDataSummaryColComponent, EuimDataSummaryColLabelComponent, EuimDataSummaryColValueComponent, EuimDataSummaryComponent, EuimDataSummaryModule, EuimEmptyListPlaceholderComponent, EuimEmptyListPlaceholderModule, EuimFieldSetComponent, EuimFieldsetActionsComponent, EuimFieldsetLegendComponent, EuimFieldsetModule, EuimHeaderDetailsComponent, EuimHeaderDetailsIconComponent, EuimHeaderDetailsMetaComponent, EuimHeaderDetailsModule, EuimHeaderDetailsTitleComponent, EuimInfoScreenComponent, EuimInfoScreenMetaComponent, EuimInfoScreenModule, EuimInfoScreenSubTitleComponent, EuimInfoScreenTitleComponent, EuimLabelComponent, EuimLabelModule, EuimLanguageListComponent, EuimLanguageSelectorComponent, EuimLanguageSelectorModule, EuimListHeaderDirective, EuimListHeaderModule, EuimMediaHeaderComponent, EuimMediaHeaderImageComponent, EuimMediaHeaderMetaComponent, EuimMediaHeaderModule, EuimMediaHeaderTitleComponent, EuimMenuComponent, EuimMenuModule, EuimMessageComponent, EuimMessageModule, EuimMessageTitleComponent, EuimNotificationItemComponent, EuimNotificationItemModule, EuimSlideComponent, EuimSliderComponent, EuimSliderModule, EuimSpinnerComponent, EuimSpinnerComponentModule, EuimSpinnerDescriptionComponent, EuimSpinnerMessageComponent, EuimStepperChangeEvent, EuimStepperComponent, EuimStepperComponentModule, EuimToolbarActionItemsComponent, EuimToolbarComponent, EuimToolbarComponentModule, EuimToolbarTitleComponent, EuimUserProfileComponent, EuimUserProfileModule };
 //# sourceMappingURL=eui-mobile-core.mjs.map