@eui/mobile-core 18.1.4 → 19.0.0-next.10

package/fesm2022/eui-mobile-core.mjs

@@ -20,9 +20,8 @@ import * as i2$2 from '@angular/common/http';
 import { HttpClientModule } from '@angular/common/http';
 import * as i3 from 'ng2-pdf-viewer';
 import { PdfViewerModule } from 'ng2-pdf-viewer';
-import * as i1$4 from 'angularx-qrcode';
-import { QRCodeModule } from 'angularx-qrcode';
 import * as i1$3 from '@angular/platform-browser';
+import { QRCodeComponent } from 'angularx-qrcode';
 import * as i9 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 
@@ -30,7 +29,6 @@ const initialState = {
     isLanguageListVisible: false,
 };
 class EuimAppService {
-    _state$;
     constructor() {
         this._state$ = new BehaviorSubject(initialState);
     }
@@ -51,15 +49,40 @@ class EuimAppService {
             ...nextState,
         });
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAppService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAppService, providedIn: 'root' });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAppService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAppService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAppService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAppService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
 class BaseStatesDirective {
+    constructor() {
+        // STATES
+        this.euimDisabled = false;
+        // POSITION
+        this.euimPositionTopEnd = false;
+        // TYPOGRAPHY
+        this.euimFontBold = false;
+        this.euimFontRegular = false;
+        this.euimFontBoldItalic = false;
+        this.euimFontItalic = false;
+        this.euimFontLight = false;
+        // SIZES
+        this.euimSize2XS = false;
+        this.euimSizeXS = false;
+        this.euimSizeS = false;
+        this.euimSizeM = false;
+        this.euimSizeL = false;
+        this.euimSizeXL = false;
+        this.euimSize2XL = false;
+        this.euimSize3XL = false;
+        this.euimSize4XL = false;
+        this.euimSize5XL = false;
+        this._euimSizeVariant = '';
+        this._color = '';
+    }
     // COLORS
     get color() {
         return this._color;
@@ -67,27 +90,6 @@ class BaseStatesDirective {
     set color(value) {
         this._color = value;
     }
-    // STATES
-    euimDisabled = false;
-    // POSITION
-    euimPositionTopEnd = false;
-    // TYPOGRAPHY
-    euimFontBold = false;
-    euimFontRegular = false;
-    euimFontBoldItalic = false;
-    euimFontItalic = false;
-    euimFontLight = false;
-    // SIZES
-    euimSize2XS = false;
-    euimSizeXS = false;
-    euimSizeS = false;
-    euimSizeM = false;
-    euimSizeL = false;
-    euimSizeXL = false;
-    euimSize2XL = false;
-    euimSize3XL = false;
-    euimSize4XL = false;
-    euimSize5XL = false;
     get euimSizeVariant() {
         return this._euimSizeVariant;
     }
@@ -104,8 +106,6 @@ class BaseStatesDirective {
         this.euimSize5XL = value === '5xl';
         this._euimSizeVariant = value;
     }
-    _euimSizeVariant = '';
-    _color = '';
     getCssClasses(rootClass) {
         return [
             rootClass,
@@ -131,16 +131,14 @@ class BaseStatesDirective {
             .join(' ')
             .trim();
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BaseStatesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.13", type: BaseStatesDirective, isStandalone: true, selector: "[euimBase]", inputs: { color: "color", euimDisabled: ["euimDisabled", "euimDisabled", booleanAttribute], euimPositionTopEnd: ["euimPositionTopEnd", "euimPositionTopEnd", booleanAttribute], euimFontBold: ["euimFontBold", "euimFontBold", booleanAttribute], euimFontRegular: ["euimFontRegular", "euimFontRegular", booleanAttribute], euimFontBoldItalic: ["euimFontBoldItalic", "euimFontBoldItalic", booleanAttribute], euimFontItalic: ["euimFontItalic", "euimFontItalic", booleanAttribute], euimFontLight: ["euimFontLight", "euimFontLight", booleanAttribute], euimSize2XS: ["euimSize2XS", "euimSize2XS", booleanAttribute], euimSizeXS: ["euimSizeXS", "euimSizeXS", booleanAttribute], euimSizeS: ["euimSizeS", "euimSizeS", booleanAttribute], euimSizeM: ["euimSizeM", "euimSizeM", booleanAttribute], euimSizeL: ["euimSizeL", "euimSizeL", booleanAttribute], euimSizeXL: ["euimSizeXL", "euimSizeXL", booleanAttribute], euimSize2XL: ["euimSize2XL", "euimSize2XL", booleanAttribute], euimSize3XL: ["euimSize3XL", "euimSize3XL", booleanAttribute], euimSize4XL: ["euimSize4XL", "euimSize4XL", booleanAttribute], euimSize5XL: ["euimSize5XL", "euimSize5XL", booleanAttribute], euimSizeVariant: "euimSizeVariant" }, host: { properties: { "attr.aria-disabled": "this.euimDisabled.toString()" } }, ngImport: i0 });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: BaseStatesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.17", type: BaseStatesDirective, isStandalone: true, selector: "[euimBase]", inputs: { color: "color", euimDisabled: ["euimDisabled", "euimDisabled", booleanAttribute], euimPositionTopEnd: ["euimPositionTopEnd", "euimPositionTopEnd", booleanAttribute], euimFontBold: ["euimFontBold", "euimFontBold", booleanAttribute], euimFontRegular: ["euimFontRegular", "euimFontRegular", booleanAttribute], euimFontBoldItalic: ["euimFontBoldItalic", "euimFontBoldItalic", booleanAttribute], euimFontItalic: ["euimFontItalic", "euimFontItalic", booleanAttribute], euimFontLight: ["euimFontLight", "euimFontLight", booleanAttribute], euimSize2XS: ["euimSize2XS", "euimSize2XS", booleanAttribute], euimSizeXS: ["euimSizeXS", "euimSizeXS", booleanAttribute], euimSizeS: ["euimSizeS", "euimSizeS", booleanAttribute], euimSizeM: ["euimSizeM", "euimSizeM", booleanAttribute], euimSizeL: ["euimSizeL", "euimSizeL", booleanAttribute], euimSizeXL: ["euimSizeXL", "euimSizeXL", booleanAttribute], euimSize2XL: ["euimSize2XL", "euimSize2XL", booleanAttribute], euimSize3XL: ["euimSize3XL", "euimSize3XL", booleanAttribute], euimSize4XL: ["euimSize4XL", "euimSize4XL", booleanAttribute], euimSize5XL: ["euimSize5XL", "euimSize5XL", booleanAttribute], euimSizeVariant: "euimSizeVariant" }, host: { properties: { "attr.aria-disabled": "this.euimDisabled.toString()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: BaseStatesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: BaseStatesDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
-                    // eslint-disable-next-line
                     selector: '[euimBase]',
-                    // eslint-disable-next-line @angular-eslint/no-host-metadata-property
                     host: {
                         '[attr.aria-disabled]': 'this.euimDisabled.toString()',
                     },
@@ -203,18 +201,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimLabelComponent {
-    baseStatesDirective;
-    euimLabelTruncateWithLines;
-    euimLabelTitle = false;
-    euimLabelSubTitle = false;
-    euimLabelMeta = false;
-    euimLabelTruncate = false;
-    euimLabelTextWrap = false;
     get cssClasses() {
         return this.getCssClasses();
     }
     constructor(baseStatesDirective) {
         this.baseStatesDirective = baseStatesDirective;
+        this.euimLabelTitle = false;
+        this.euimLabelSubTitle = false;
+        this.euimLabelMeta = false;
+        this.euimLabelTruncate = false;
+        this.euimLabelTextWrap = false;
     }
     getCssClasses() {
         return [
@@ -227,10 +223,10 @@ class EuimLabelComponent {
             this.euimLabelTruncateWithLines > 0 ? 'euim-label__euiTextTruncateWithLines euim-label__truncate' : '',
         ].join(' ');
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLabelComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuimLabelComponent, isStandalone: true, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: { euimLabelTruncateWithLines: ["euimLabelTruncateWithLines", "euimLabelTruncateWithLines", numberAttribute], euimLabelTitle: ["euimLabelTitle", "euimLabelTitle", booleanAttribute], euimLabelSubTitle: ["euimLabelSubTitle", "euimLabelSubTitle", booleanAttribute], euimLabelMeta: ["euimLabelMeta", "euimLabelMeta", booleanAttribute], euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute], euimLabelTextWrap: ["euimLabelTextWrap", "euimLabelTextWrap", booleanAttribute] }, host: { properties: { "style.--euimLabelTruncateWithLines": "this.euimLabelTruncateWithLines", "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSizeXS", "euimSizeXS", "euimSizeS", "euimSizeS", "euimSizeM", "euimSizeM", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "euimSize2XL", "euimSize2XL", "euimSize3XL", "euimSize3XL", "euimSize4XL", "euimSize4XL", "color", "color"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-c-neutral);font:var(--eui-f-m-compact)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-label__title{font:var(--eui-f-m-bold-compact);color:var(--eui-c-neutral)}.euim-label__title ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-s);min-width:var(--eui-is-s)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s-compact);color:var(--eui-c-neutral-light)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-xs);min-width:var(--eui-is-xs)}.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-s-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-c-primary)}.euim-label--secondary{color:var(--eui-c-neutral-lighter)}.euim-label--default{color:var(--eui-c-neutral-light)}.euim-label--dark{color:var(--eui-c-neutral)}.euim-label--info{color:var(--eui-c-info)}.euim-label--success{color:var(--eui-c-success-dark)}.euim-label--warning{color:var(--eui-c-warning-darker)}.euim-label--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-label--danger{color:var(--eui-c-danger-dark)}.euim-label--white{color:var(--eui-c-white)}.euim-label--size-xs{font:var(--eui-f-xs-compact)}.euim-label--size-s{font:var(--eui-f-s-compact)}.euim-label--size-m{font:var(--eui-f-m-compact)}.euim-label--size-l{font:var(--eui-f-l-compact)}.euim-label--size-xl{font:var(--eui-f-xl-compact)}.euim-label--size-2xl{font:var(--eui-f-2xl-compact)}.euim-label--size-3xl{font:var(--eui-f-3xl-compact)}.euim-label--size-4xl{font:var(--eui-f-4xl-compact)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimLabelComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.17", type: EuimLabelComponent, isStandalone: true, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: { euimLabelTruncateWithLines: ["euimLabelTruncateWithLines", "euimLabelTruncateWithLines", numberAttribute], euimLabelTitle: ["euimLabelTitle", "euimLabelTitle", booleanAttribute], euimLabelSubTitle: ["euimLabelSubTitle", "euimLabelSubTitle", booleanAttribute], euimLabelMeta: ["euimLabelMeta", "euimLabelMeta", booleanAttribute], euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute], euimLabelTextWrap: ["euimLabelTextWrap", "euimLabelTextWrap", booleanAttribute] }, host: { properties: { "style.--euimLabelTruncateWithLines": "this.euimLabelTruncateWithLines", "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSizeXS", "euimSizeXS", "euimSizeS", "euimSizeS", "euimSizeM", "euimSizeM", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "euimSize2XL", "euimSize2XL", "euimSize3XL", "euimSize3XL", "euimSize4XL", "euimSize4XL", "color", "color"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-label{display:block;align-items:center;margin:var(--eui-s-none);padding:var(--eui-s-none);font:var(--eui-f-m)}.euim-label ion-icon{vertical-align:text-bottom;margin-right:var(--eui-s-2xs)}.euim-label__title{font:var(--eui-f-m-bold);color:var(--eui-c-text)}.euim-label__title ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-s);min-width:var(--eui-is-s)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s);color:var(--eui-c-text-lighter)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-xs);min-width:var(--eui-is-xs)}.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-s-4xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-c-primary)}.euim-label--secondary{color:var(--eui-c-secondary)}.euim-label--info{color:var(--eui-c-info)}.euim-label--success{color:var(--eui-c-success)}.euim-label--warning{color:var(--eui-c-warning)}.euim-label--danger{color:var(--eui-c-danger)}.euim-label--white{color:var(--eui-c-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimLabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[euimLabel], p[euimLabel], span[euimLabel], euim-label', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
@@ -247,7 +243,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                                 'color',
                             ],
                         },
-                    ], standalone: true, imports: [], styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-c-neutral);font:var(--eui-f-m-compact)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-label__title{font:var(--eui-f-m-bold-compact);color:var(--eui-c-neutral)}.euim-label__title ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-s);min-width:var(--eui-is-s)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s-compact);color:var(--eui-c-neutral-light)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-xs);min-width:var(--eui-is-xs)}.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-s-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-c-primary)}.euim-label--secondary{color:var(--eui-c-neutral-lighter)}.euim-label--default{color:var(--eui-c-neutral-light)}.euim-label--dark{color:var(--eui-c-neutral)}.euim-label--info{color:var(--eui-c-info)}.euim-label--success{color:var(--eui-c-success-dark)}.euim-label--warning{color:var(--eui-c-warning-darker)}.euim-label--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-label--danger{color:var(--eui-c-danger-dark)}.euim-label--white{color:var(--eui-c-white)}.euim-label--size-xs{font:var(--eui-f-xs-compact)}.euim-label--size-s{font:var(--eui-f-s-compact)}.euim-label--size-m{font:var(--eui-f-m-compact)}.euim-label--size-l{font:var(--eui-f-l-compact)}.euim-label--size-xl{font:var(--eui-f-xl-compact)}.euim-label--size-2xl{font:var(--eui-f-2xl-compact)}.euim-label--size-3xl{font:var(--eui-f-3xl-compact)}.euim-label--size-4xl{font:var(--eui-f-4xl-compact)}\n"] }]
+                    ], standalone: true, imports: [], styles: [".euim-label{display:block;align-items:center;margin:var(--eui-s-none);padding:var(--eui-s-none);font:var(--eui-f-m)}.euim-label ion-icon{vertical-align:text-bottom;margin-right:var(--eui-s-2xs)}.euim-label__title{font:var(--eui-f-m-bold);color:var(--eui-c-text)}.euim-label__title ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-s);min-width:var(--eui-is-s)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s);color:var(--eui-c-text-lighter)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-xs);min-width:var(--eui-is-xs)}.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-s-4xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-c-primary)}.euim-label--secondary{color:var(--eui-c-secondary)}.euim-label--info{color:var(--eui-c-info)}.euim-label--success{color:var(--eui-c-success)}.euim-label--warning{color:var(--eui-c-warning)}.euim-label--danger{color:var(--eui-c-danger)}.euim-label--white{color:var(--eui-c-white)}\n"] }]
         }], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimLabelTruncateWithLines: [{
                 type: HostBinding,
                 args: ['style.--euimLabelTruncateWithLines']
@@ -278,11 +274,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_LABEL} instead.
  */
 class EuimLabelModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimLabelModule, imports: [EuimLabelComponent], exports: [EuimLabelComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLabelModule });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimLabelModule, imports: [EuimLabelComponent], exports: [EuimLabelComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimLabelModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLabelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimLabelModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuimLabelComponent],
@@ -295,7 +291,6 @@ const EUIM_LABEL = [
 ];
 
 class EuimNotificationItemComponent {
-    baseStatesDirective;
     get cssClasses() {
         return this.getCssClasses();
     }
@@ -307,10 +302,10 @@ class EuimNotificationItemComponent {
             this.baseStatesDirective.getCssClasses('euim-notification-item'),
         ].join(' ');
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimNotificationItemComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimNotificationItemComponent, isStandalone: true, selector: "euim-notification-item", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "", styles: [".euim-notification-item{display:block;border-radius:50%;width:var(--eui-s-xs);height:var(--eui-s-xs)}.euim-notification-item--primary{background:var(--eui-c-primary)}.euim-notification-item--default{background:var(--eui-c-neutral)}.euim-notification-item--info{background:var(--eui-c-info)}.euim-notification-item--success{background:var(--eui-c-success-dark)}.euim-notification-item--warning{background:var(--eui-c-warning)}.euim-notification-item--danger{background:var(--eui-c-danger-dark)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimNotificationItemComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimNotificationItemComponent, isStandalone: true, selector: "euim-notification-item", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "", styles: [".euim-notification-item{display:block;border-radius:50%;width:var(--eui-s-xs);height:var(--eui-s-xs)}.euim-notification-item--primary{background:var(--eui-c-primary-surface)}.euim-notification-item--default{background:var(--eui-c-neutral-surface-dark)}.euim-notification-item--info{background:var(--eui-c-info-surface)}.euim-notification-item--success{background:var(--eui-c-success-surface)}.euim-notification-item--warning{background:var(--eui-c-warning-surface)}.euim-notification-item--danger{background:var(--eui-c-danger-surface)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimNotificationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimNotificationItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-notification-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
@@ -319,7 +314,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                                 'color',
                             ],
                         },
-                    ], standalone: true, imports: [], template: "", styles: [".euim-notification-item{display:block;border-radius:50%;width:var(--eui-s-xs);height:var(--eui-s-xs)}.euim-notification-item--primary{background:var(--eui-c-primary)}.euim-notification-item--default{background:var(--eui-c-neutral)}.euim-notification-item--info{background:var(--eui-c-info)}.euim-notification-item--success{background:var(--eui-c-success-dark)}.euim-notification-item--warning{background:var(--eui-c-warning)}.euim-notification-item--danger{background:var(--eui-c-danger-dark)}\n"] }]
+                    ], standalone: true, imports: [], template: "", styles: [".euim-notification-item{display:block;border-radius:50%;width:var(--eui-s-xs);height:var(--eui-s-xs)}.euim-notification-item--primary{background:var(--eui-c-primary-surface)}.euim-notification-item--default{background:var(--eui-c-neutral-surface-dark)}.euim-notification-item--info{background:var(--eui-c-info-surface)}.euim-notification-item--success{background:var(--eui-c-success-surface)}.euim-notification-item--warning{background:var(--eui-c-warning-surface)}.euim-notification-item--danger{background:var(--eui-c-danger-surface)}\n"] }]
         }], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -329,11 +324,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_NOTIFICATION_ITEM} instead.
  */
 class EuimNotificationItemModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimNotificationItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimNotificationItemModule, imports: [EuimNotificationItemComponent], exports: [EuimNotificationItemComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimNotificationItemModule });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimNotificationItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimNotificationItemModule, imports: [EuimNotificationItemComponent], exports: [EuimNotificationItemComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimNotificationItemModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimNotificationItemModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimNotificationItemModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuimNotificationItemComponent],
@@ -346,15 +341,14 @@ const EUIM_NOTIFICATION_ITEM = [
 ];
 
 class EuimAppComponent {
-    asService;
-    ionMenuId = 'main';
     constructor(asService) {
         this.asService = asService;
+        this.ionMenuId = 'main';
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAppComponent, deps: [{ token: EuimAppService }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimAppComponent, isStandalone: true, selector: "euim-app", inputs: { ionMenuId: "ionMenuId" }, ngImport: i0, template: "<ion-app>\n    <ng-content></ng-content>\n    <ion-router-outlet id=\"{{ionMenuId}}\"></ion-router-outlet>\n</ion-app>\n", dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonApp, selector: "ion-app" }, { kind: "component", type: i1.IonRouterOutlet, selector: "ion-router-outlet" }] });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAppComponent, deps: [{ token: EuimAppService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimAppComponent, isStandalone: true, selector: "euim-app", inputs: { ionMenuId: "ionMenuId" }, ngImport: i0, template: "<ion-app>\n    <ng-content></ng-content>\n    <ion-router-outlet id=\"{{ionMenuId}}\"></ion-router-outlet>\n</ion-app>\n", dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonApp, selector: "ion-app" }, { kind: "component", type: i1.IonRouterOutlet, selector: "ion-router-outlet" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAppComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAppComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-app', standalone: true, imports: [IonicModule], template: "<ion-app>\n    <ng-content></ng-content>\n    <ion-router-outlet id=\"{{ionMenuId}}\"></ion-router-outlet>\n</ion-app>\n" }]
         }], ctorParameters: () => [{ type: EuimAppService }], propDecorators: { ionMenuId: [{
@@ -365,11 +359,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_APP} instead.
  */
 class EuimAppModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAppModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimAppModule, imports: [EuimAppComponent], exports: [EuimAppComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAppModule, imports: [EuimAppComponent] });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAppModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimAppModule, imports: [EuimAppComponent], exports: [EuimAppComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAppModule, imports: [EuimAppComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAppModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAppModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuimAppComponent],
@@ -382,11 +376,13 @@ const EUIM_APP = [
 ];
 
 class EuimAvatarComponent {
-    color = 'default';
-    size = 'default';
-    fill = 'default';
-    variant = 'default';
-    borderColor = 'default';
+    constructor() {
+        this.color = 'default';
+        this.size = 'default';
+        this.fill = 'default';
+        this.variant = 'default';
+        this.borderColor = 'default';
+    }
     get cssClasses() {
         return this.getCssClasses();
     }
@@ -400,12 +396,12 @@ class EuimAvatarComponent {
             this.borderColor ? `euim-avatar--border-color-${this.borderColor}` : '',
         ].join(' ');
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimAvatarComponent, isStandalone: true, selector: "euim-avatar", inputs: { color: "color", size: "size", fill: "fill", variant: "variant", borderColor: "borderColor" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content select=\"euim-avatar-icon\"></ng-content>\n<ng-content select=\"euim-avatar-text\"></ng-content>\n<ng-content select=\"euim-avatar-image\"></ng-content>\n<ng-content select=\"euim-avatar-badge\"></ng-content>\n<ng-content select=\"euim-avatar-icon-sub\"></ng-content>\n", styles: [".euim-avatar{position:relative;display:flex;justify-content:center;align-items:center;color:var(--eui-c-neutral-bg);border:none;box-sizing:border-box}.euim-avatar--variant-default,.euim-avatar--variant-rounded{border-radius:50%}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar__sub-icon .euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid;border-color:var(--eui-c-neutral-contrast)}.euim-avatar--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar--color-default{background-color:var(--eui-c-neutral-bg);border-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral)}.euim-avatar--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-avatar--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-avatar--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-avatar--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-avatar--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-contrast)}.euim-avatar--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-avatar--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-contrast)}.euim-avatar--border-color-primary{border-color:var(--eui-c-primary)}.euim-avatar--border-color-info{border-color:var(--eui-c-info)}.euim-avatar--border-color-success{border-color:var(--eui-c-success-dark)}.euim-avatar--border-color-warning{border-color:var(--eui-c-warning)}.euim-avatar--border-color-danger{border-color:var(--eui-c-danger-dark)}.euim-avatar--color-primary.euim-avatar--fill-outline,.euim-avatar--color-primary.euim-avatar--fill-clear,.euim-avatar--color-info.euim-avatar--fill-outline,.euim-avatar--color-info.euim-avatar--fill-clear{color:var(--eui-c-primary)}.euim-avatar--color-success.euim-avatar--fill-outline,.euim-avatar--color-success.euim-avatar--fill-clear{color:var(--eui-c-success-dark)}.euim-avatar--color-warning.euim-avatar--fill-outline,.euim-avatar--color-warning.euim-avatar--fill-clear{color:var(--eui-c-warning)}.euim-avatar--color-danger.euim-avatar--fill-outline,.euim-avatar--color-danger.euim-avatar--fill-clear{color:var(--eui-c-danger-dark)}.euim-avatar--color-default.euim-avatar--fill-outline,.euim-avatar--color-default.euim-avatar--fill-clear{color:var(--eui-c-neutral)}.euim-avatar[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-s-m)}.euim-avatar[slot=start] euim-avatar{margin-inline-end:0}.euim-avatar[slot=end] euim-avatar{margin-inline-start:0}.euim-avatar--size-default,.euim-avatar--size-auto{width:var(--eui-s-3xl);height:var(--eui-s-3xl);font:var(--eui-f-m-compact)}.euim-avatar--size-default ion-icon,.euim-avatar--size-auto ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar--size-m{width:var(--eui-s-3xl);height:var(--eui-s-3xl);font:var(--eui-f-m-compact)}.euim-avatar--size-m ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar--size-s{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs-compact)}.euim-avatar--size-s ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar--size-l{width:var(--eui-is-4xl);height:var(--eui-is-4xl);font:var(--eui-f-xl-compact)}.euim-avatar--size-l ion-icon{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-avatar--fill-default,.euim-avatar--fill-solid{border:none}.euim-avatar--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar--fill-clear{background-color:transparent!important;border:none}.euim-avatar--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px;align-items:center;justify-content:center}.euim-avatar-icon-sub--variant-default,.euim-avatar-icon-sub--variant-rounded{border-radius:50%}.euim-avatar-icon-sub--variant-rectangle{border-radius:0}.euim-avatar-icon-sub--size-default,.euim-avatar-icon-sub--size-auto{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs-compact)}.euim-avatar-icon-sub--size-default ion-icon,.euim-avatar-icon-sub--size-auto ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar-icon-sub--size-m{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs-compact)}.euim-avatar-icon-sub--size-m ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar-icon-sub--size-l{width:var(--eui-s-3xl);height:var(--eui-s-3xl);font:var(--eui-f-m-compact)}.euim-avatar-icon-sub--size-l ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar-icon-sub--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar-icon-sub--color-default{background-color:var(--eui-c-neutral-bg);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral)}.euim-avatar-icon-sub--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-contrast)}.euim-avatar-icon-sub--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-neutral-min);color:var(--eui-c-branding-contrast)}.euim-avatar-icon-sub--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-neutral-min);color:var(--eui-c-primary-contrast)}.euim-avatar-icon-sub--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-neutral-min);color:var(--eui-c-info-contrast)}.euim-avatar-icon-sub--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-neutral-min);color:var(--eui-c-success-contrast)}.euim-avatar-icon-sub--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-neutral-min);color:var(--eui-c-warning-contrast)}.euim-avatar-icon-sub--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-neutral-min);color:var(--eui-c-danger-contrast)}.euim-avatar-icon-sub--border-color-primary{border-color:var(--eui-c-primary)}.euim-avatar-icon-sub--border-color-info{border-color:var(--eui-c-info)}.euim-avatar-icon-sub--border-color-success{border-color:var(--eui-c-success-dark)}.euim-avatar-icon-sub--border-color-warning{border-color:var(--eui-c-warning)}.euim-avatar-icon-sub--border-color-danger{border-color:var(--eui-c-danger-dark)}.euim-avatar-icon-sub--fill-default,.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-clear{background-color:transparent!important;border:none}.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon{display:flex;align-items:center;justify-content:center}.euim-avatar-badge--position-top,.euim-avatar-badge--position-default{position:absolute;right:calc(-1 * var(--eui-s-s) / 2);top:calc(-1 * var(--eui-s-m) / 2)}.euim-avatar--variant-default .euim-avatar-image,.euim-avatar--variant-rounded .euim-avatar-image{background-size:cover;height:100%;width:100%}.euim-avatar--variant-default .euim-avatar-image img,.euim-avatar--variant-rounded .euim-avatar-image img{object-fit:cover;border-radius:50%;height:100%;width:100%}.euim-avatar-text--color-default{color:var(--eui-c-neutral)}.euim-avatar-text--color-primary{color:var(--eui-c-primary)}.euim-avatar-text--color-info{color:var(--eui-c-info)}.euim-avatar-text--color-success{color:var(--eui-c-success)}.euim-avatar-text--color-warning{color:var(--eui-c-warning)}.euim-avatar-text--color-danger{color:var(--eui-c-danger)}.euim-avatar--size-default .euim-avatar-text,.euim-avatar--size-l .euim-avatar-text{font:var(--eui-f-m-compact)}.euim-avatar--size-m .euim-avatar-text{font:var(--eui-f-xs-compact)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimAvatarComponent, isStandalone: true, selector: "euim-avatar", inputs: { color: "color", size: "size", fill: "fill", variant: "variant", borderColor: "borderColor" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content select=\"euim-avatar-icon\"></ng-content>\n<ng-content select=\"euim-avatar-text\"></ng-content>\n<ng-content select=\"euim-avatar-image\"></ng-content>\n<ng-content select=\"euim-avatar-badge\"></ng-content>\n<ng-content select=\"euim-avatar-icon-sub\"></ng-content>\n", styles: [".euim-avatar{position:relative;display:flex;justify-content:center;align-items:center;color:var(--eui-c-neutral);border:none;box-sizing:border-box}.euim-avatar--variant-default,.euim-avatar--variant-rounded{border-radius:50%}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar__sub-icon .euim-avatar-icon--fill-outline-solid{border-width:var(--eui-bw-s);border-style:solid;border-color:var(--eui-c-neutral-surface-dark)}.euim-avatar--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar--color-default{background-color:var(--eui-c-neutral-surface-light);color:var(--eui-c-neutral-on-surface-light)}.euim-avatar--color-branding{background-color:var(--eui-c-branding-surface);color:var(--eui-c-branding-on-surface)}.euim-avatar--color-primary{background-color:var(--eui-c-primary-surface);color:var(--eui-c-primary-on-surface)}.euim-avatar--color-info{background-color:var(--eui-c-info-surface);color:var(--eui-c-info-on-surface)}.euim-avatar--color-success{background-color:var(--eui-c-success-surface);color:var(--eui-c-success-on-surface)}.euim-avatar--color-warning{background-color:var(--eui-c-warning-surface);color:var(--eui-c-warning-on-surface)}.euim-avatar--color-danger{background-color:var(--eui-c-danger-surface);color:var(--eui-c-danger-on-surface)}.euim-avatar--border-color-primary{border-color:var(--eui-c-primary)}.euim-avatar--border-color-info{border-color:var(--eui-c-info)}.euim-avatar--border-color-success{border-color:var(--eui-c-success)}.euim-avatar--border-color-warning{border-color:var(--eui-c-warning)}.euim-avatar--border-color-danger{border-color:var(--eui-c-danger)}.euim-avatar--color-primary.euim-avatar--fill-outline,.euim-avatar--color-primary.euim-avatar--fill-clear,.euim-avatar--color-info.euim-avatar--fill-outline,.euim-avatar--color-info.euim-avatar--fill-clear{color:var(--eui-c-primary)}.euim-avatar--color-success.euim-avatar--fill-outline,.euim-avatar--color-success.euim-avatar--fill-clear{color:var(--eui-c-success)}.euim-avatar--color-warning.euim-avatar--fill-outline,.euim-avatar--color-warning.euim-avatar--fill-clear{color:var(--eui-c-warning)}.euim-avatar--color-danger.euim-avatar--fill-outline,.euim-avatar--color-danger.euim-avatar--fill-clear{color:var(--eui-c-danger)}.euim-avatar--color-default.euim-avatar--fill-outline,.euim-avatar--color-default.euim-avatar--fill-clear{color:var(--eui-c-neutral-surface-dark)}.euim-avatar[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-s-m)}.euim-avatar[slot=start] euim-avatar{margin-inline-end:var(--eui-s-none)}.euim-avatar[slot=end] euim-avatar{margin-inline-start:var(--eui-s-none)}.euim-avatar--size-default,.euim-avatar--size-auto{width:var(--eui-s-5xl);height:var(--eui-s-5xl);font:var(--eui-f-m)}.euim-avatar--size-default ion-icon,.euim-avatar--size-auto ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar--size-m{width:var(--eui-s-5xl);height:var(--eui-s-5xl);font:var(--eui-f-m)}.euim-avatar--size-m ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar--size-s{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs)}.euim-avatar--size-s ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar--size-l{width:var(--eui-is-4xl);height:var(--eui-is-4xl);font:var(--eui-f-xl)}.euim-avatar--size-l ion-icon{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-avatar--fill-default,.euim-avatar--fill-solid{border:none}.euim-avatar--fill-outline{background-color:transparent!important;border-width:var(--eui-bw-s);border-style:solid}.euim-avatar--fill-clear{background-color:transparent!important;border:none}.euim-avatar--fill-outline-solid{border-width:var(--eui-bw-s);border-style:solid}.euim-avatar-icon-sub{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px;align-items:center;justify-content:center}.euim-avatar-icon-sub--variant-default,.euim-avatar-icon-sub--variant-rounded{border-radius:50%}.euim-avatar-icon-sub--variant-rectangle{border-radius:var(--eui-br-none)}.euim-avatar-icon-sub--size-default,.euim-avatar-icon-sub--size-auto{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs)}.euim-avatar-icon-sub--size-default ion-icon,.euim-avatar-icon-sub--size-auto ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar-icon-sub--size-m{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs)}.euim-avatar-icon-sub--size-m ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar-icon-sub--size-l{width:var(--eui-s-5xl);height:var(--eui-s-5xl);font:var(--eui-f-m)}.euim-avatar-icon-sub--size-l ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar-icon-sub--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar-icon-sub--color-default{background-color:var(--eui-c-neutral-surface-dark);border-color:var(--eui-c-neutral-on-surface-dark);color:var(--eui-c-neutral-on-surface-dark)}.euim-avatar-icon-sub--color-primary{background-color:var(--eui-c-primary-surface);border-color:var(--eui-c-primary-on-surface);color:var(--eui-c-primary-on-surface)}.euim-avatar-icon-sub--color-info{background-color:var(--eui-c-info-surface);border-color:var(--eui-c-info-on-surface);color:var(--eui-c-info-on-surface)}.euim-avatar-icon-sub--color-success{background-color:var(--eui-c-success-surface);border-color:var(--eui-c-success-on-surface);color:var(--eui-c-success-on-surface)}.euim-avatar-icon-sub--color-warning{background-color:var(--eui-c-warning-surface);border-color:var(--eui-c-warning-on-surface);color:var(--eui-c-warning-on-surface)}.euim-avatar-icon-sub--color-danger{background-color:var(--eui-c-danger-surface);border-color:var(--eui-c-danger-on-surface);color:var(--eui-c-danger-on-surface)}.euim-avatar-icon-sub--border-color-primary{border-color:var(--eui-c-primary)}.euim-avatar-icon-sub--border-color-info{border-color:var(--eui-c-info)}.euim-avatar-icon-sub--border-color-success{border-color:var(--eui-c-success)}.euim-avatar-icon-sub--border-color-warning{border-color:var(--eui-c-warning)}.euim-avatar-icon-sub--border-color-danger{border-color:var(--eui-c-danger)}.euim-avatar-icon-sub--fill-default,.euim-avatar-icon-sub--fill-outline-solid{border-width:var(--eui-bw-s);border-style:solid}.euim-avatar-icon-sub--fill-outline{background-color:transparent!important;border-width:var(--eui-bw-s);border-style:solid}.euim-avatar-icon-sub--fill-clear{background-color:transparent!important;border:var(--eui-bw-none)}.euim-avatar-icon-sub--fill-outline-solid{border-width:var(--eui-bw-s);border-style:solid}.euim-avatar-icon{display:flex;align-items:center;justify-content:center}.euim-avatar-badge--position-top,.euim-avatar-badge--position-default{position:absolute;right:calc(-1 * var(--eui-s-s) / 2);top:calc(-1 * var(--eui-s-m) / 2)}.euim-avatar--variant-default .euim-avatar-image,.euim-avatar--variant-rounded .euim-avatar-image{background-size:cover;height:100%;width:100%}.euim-avatar--variant-default .euim-avatar-image img,.euim-avatar--variant-rounded .euim-avatar-image img{object-fit:cover;border-radius:50%;height:100%;width:100%}.euim-avatar-text--color-default{color:var(--eui-c-neutral-surface-dark)}.euim-avatar-text--color-primary{color:var(--eui-c-primary)}.euim-avatar-text--color-info{color:var(--eui-c-info)}.euim-avatar-text--color-success{color:var(--eui-c-success)}.euim-avatar-text--color-warning{color:var(--eui-c-warning)}.euim-avatar-text--color-danger{color:var(--eui-c-danger)}.euim-avatar--size-default .euim-avatar-text,.euim-avatar--size-l .euim-avatar-text{font:var(--eui-f-m)}.euim-avatar--size-m .euim-avatar-text{font:var(--eui-f-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAvatarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content select=\"euim-avatar-icon\"></ng-content>\n<ng-content select=\"euim-avatar-text\"></ng-content>\n<ng-content select=\"euim-avatar-image\"></ng-content>\n<ng-content select=\"euim-avatar-badge\"></ng-content>\n<ng-content select=\"euim-avatar-icon-sub\"></ng-content>\n", styles: [".euim-avatar{position:relative;display:flex;justify-content:center;align-items:center;color:var(--eui-c-neutral-bg);border:none;box-sizing:border-box}.euim-avatar--variant-default,.euim-avatar--variant-rounded{border-radius:50%}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar__sub-icon .euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid;border-color:var(--eui-c-neutral-contrast)}.euim-avatar--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar--color-default{background-color:var(--eui-c-neutral-bg);border-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral)}.euim-avatar--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-avatar--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-avatar--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-avatar--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-avatar--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-contrast)}.euim-avatar--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-avatar--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-contrast)}.euim-avatar--border-color-primary{border-color:var(--eui-c-primary)}.euim-avatar--border-color-info{border-color:var(--eui-c-info)}.euim-avatar--border-color-success{border-color:var(--eui-c-success-dark)}.euim-avatar--border-color-warning{border-color:var(--eui-c-warning)}.euim-avatar--border-color-danger{border-color:var(--eui-c-danger-dark)}.euim-avatar--color-primary.euim-avatar--fill-outline,.euim-avatar--color-primary.euim-avatar--fill-clear,.euim-avatar--color-info.euim-avatar--fill-outline,.euim-avatar--color-info.euim-avatar--fill-clear{color:var(--eui-c-primary)}.euim-avatar--color-success.euim-avatar--fill-outline,.euim-avatar--color-success.euim-avatar--fill-clear{color:var(--eui-c-success-dark)}.euim-avatar--color-warning.euim-avatar--fill-outline,.euim-avatar--color-warning.euim-avatar--fill-clear{color:var(--eui-c-warning)}.euim-avatar--color-danger.euim-avatar--fill-outline,.euim-avatar--color-danger.euim-avatar--fill-clear{color:var(--eui-c-danger-dark)}.euim-avatar--color-default.euim-avatar--fill-outline,.euim-avatar--color-default.euim-avatar--fill-clear{color:var(--eui-c-neutral)}.euim-avatar[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-s-m)}.euim-avatar[slot=start] euim-avatar{margin-inline-end:0}.euim-avatar[slot=end] euim-avatar{margin-inline-start:0}.euim-avatar--size-default,.euim-avatar--size-auto{width:var(--eui-s-3xl);height:var(--eui-s-3xl);font:var(--eui-f-m-compact)}.euim-avatar--size-default ion-icon,.euim-avatar--size-auto ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar--size-m{width:var(--eui-s-3xl);height:var(--eui-s-3xl);font:var(--eui-f-m-compact)}.euim-avatar--size-m ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar--size-s{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs-compact)}.euim-avatar--size-s ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar--size-l{width:var(--eui-is-4xl);height:var(--eui-is-4xl);font:var(--eui-f-xl-compact)}.euim-avatar--size-l ion-icon{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-avatar--fill-default,.euim-avatar--fill-solid{border:none}.euim-avatar--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar--fill-clear{background-color:transparent!important;border:none}.euim-avatar--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px;align-items:center;justify-content:center}.euim-avatar-icon-sub--variant-default,.euim-avatar-icon-sub--variant-rounded{border-radius:50%}.euim-avatar-icon-sub--variant-rectangle{border-radius:0}.euim-avatar-icon-sub--size-default,.euim-avatar-icon-sub--size-auto{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs-compact)}.euim-avatar-icon-sub--size-default ion-icon,.euim-avatar-icon-sub--size-auto ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar-icon-sub--size-m{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs-compact)}.euim-avatar-icon-sub--size-m ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar-icon-sub--size-l{width:var(--eui-s-3xl);height:var(--eui-s-3xl);font:var(--eui-f-m-compact)}.euim-avatar-icon-sub--size-l ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar-icon-sub--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar-icon-sub--color-default{background-color:var(--eui-c-neutral-bg);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral)}.euim-avatar-icon-sub--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-contrast)}.euim-avatar-icon-sub--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-neutral-min);color:var(--eui-c-branding-contrast)}.euim-avatar-icon-sub--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-neutral-min);color:var(--eui-c-primary-contrast)}.euim-avatar-icon-sub--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-neutral-min);color:var(--eui-c-info-contrast)}.euim-avatar-icon-sub--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-neutral-min);color:var(--eui-c-success-contrast)}.euim-avatar-icon-sub--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-neutral-min);color:var(--eui-c-warning-contrast)}.euim-avatar-icon-sub--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-neutral-min);color:var(--eui-c-danger-contrast)}.euim-avatar-icon-sub--border-color-primary{border-color:var(--eui-c-primary)}.euim-avatar-icon-sub--border-color-info{border-color:var(--eui-c-info)}.euim-avatar-icon-sub--border-color-success{border-color:var(--eui-c-success-dark)}.euim-avatar-icon-sub--border-color-warning{border-color:var(--eui-c-warning)}.euim-avatar-icon-sub--border-color-danger{border-color:var(--eui-c-danger-dark)}.euim-avatar-icon-sub--fill-default,.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-clear{background-color:transparent!important;border:none}.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon{display:flex;align-items:center;justify-content:center}.euim-avatar-badge--position-top,.euim-avatar-badge--position-default{position:absolute;right:calc(-1 * var(--eui-s-s) / 2);top:calc(-1 * var(--eui-s-m) / 2)}.euim-avatar--variant-default .euim-avatar-image,.euim-avatar--variant-rounded .euim-avatar-image{background-size:cover;height:100%;width:100%}.euim-avatar--variant-default .euim-avatar-image img,.euim-avatar--variant-rounded .euim-avatar-image img{object-fit:cover;border-radius:50%;height:100%;width:100%}.euim-avatar-text--color-default{color:var(--eui-c-neutral)}.euim-avatar-text--color-primary{color:var(--eui-c-primary)}.euim-avatar-text--color-info{color:var(--eui-c-info)}.euim-avatar-text--color-success{color:var(--eui-c-success)}.euim-avatar-text--color-warning{color:var(--eui-c-warning)}.euim-avatar-text--color-danger{color:var(--eui-c-danger)}.euim-avatar--size-default .euim-avatar-text,.euim-avatar--size-l .euim-avatar-text{font:var(--eui-f-m-compact)}.euim-avatar--size-m .euim-avatar-text{font:var(--eui-f-xs-compact)}\n"] }]
+            args: [{ selector: 'euim-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content select=\"euim-avatar-icon\"></ng-content>\n<ng-content select=\"euim-avatar-text\"></ng-content>\n<ng-content select=\"euim-avatar-image\"></ng-content>\n<ng-content select=\"euim-avatar-badge\"></ng-content>\n<ng-content select=\"euim-avatar-icon-sub\"></ng-content>\n", styles: [".euim-avatar{position:relative;display:flex;justify-content:center;align-items:center;color:var(--eui-c-neutral);border:none;box-sizing:border-box}.euim-avatar--variant-default,.euim-avatar--variant-rounded{border-radius:50%}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar__sub-icon .euim-avatar-icon--fill-outline-solid{border-width:var(--eui-bw-s);border-style:solid;border-color:var(--eui-c-neutral-surface-dark)}.euim-avatar--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar--color-default{background-color:var(--eui-c-neutral-surface-light);color:var(--eui-c-neutral-on-surface-light)}.euim-avatar--color-branding{background-color:var(--eui-c-branding-surface);color:var(--eui-c-branding-on-surface)}.euim-avatar--color-primary{background-color:var(--eui-c-primary-surface);color:var(--eui-c-primary-on-surface)}.euim-avatar--color-info{background-color:var(--eui-c-info-surface);color:var(--eui-c-info-on-surface)}.euim-avatar--color-success{background-color:var(--eui-c-success-surface);color:var(--eui-c-success-on-surface)}.euim-avatar--color-warning{background-color:var(--eui-c-warning-surface);color:var(--eui-c-warning-on-surface)}.euim-avatar--color-danger{background-color:var(--eui-c-danger-surface);color:var(--eui-c-danger-on-surface)}.euim-avatar--border-color-primary{border-color:var(--eui-c-primary)}.euim-avatar--border-color-info{border-color:var(--eui-c-info)}.euim-avatar--border-color-success{border-color:var(--eui-c-success)}.euim-avatar--border-color-warning{border-color:var(--eui-c-warning)}.euim-avatar--border-color-danger{border-color:var(--eui-c-danger)}.euim-avatar--color-primary.euim-avatar--fill-outline,.euim-avatar--color-primary.euim-avatar--fill-clear,.euim-avatar--color-info.euim-avatar--fill-outline,.euim-avatar--color-info.euim-avatar--fill-clear{color:var(--eui-c-primary)}.euim-avatar--color-success.euim-avatar--fill-outline,.euim-avatar--color-success.euim-avatar--fill-clear{color:var(--eui-c-success)}.euim-avatar--color-warning.euim-avatar--fill-outline,.euim-avatar--color-warning.euim-avatar--fill-clear{color:var(--eui-c-warning)}.euim-avatar--color-danger.euim-avatar--fill-outline,.euim-avatar--color-danger.euim-avatar--fill-clear{color:var(--eui-c-danger)}.euim-avatar--color-default.euim-avatar--fill-outline,.euim-avatar--color-default.euim-avatar--fill-clear{color:var(--eui-c-neutral-surface-dark)}.euim-avatar[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-s-m)}.euim-avatar[slot=start] euim-avatar{margin-inline-end:var(--eui-s-none)}.euim-avatar[slot=end] euim-avatar{margin-inline-start:var(--eui-s-none)}.euim-avatar--size-default,.euim-avatar--size-auto{width:var(--eui-s-5xl);height:var(--eui-s-5xl);font:var(--eui-f-m)}.euim-avatar--size-default ion-icon,.euim-avatar--size-auto ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar--size-m{width:var(--eui-s-5xl);height:var(--eui-s-5xl);font:var(--eui-f-m)}.euim-avatar--size-m ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar--size-s{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs)}.euim-avatar--size-s ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar--size-l{width:var(--eui-is-4xl);height:var(--eui-is-4xl);font:var(--eui-f-xl)}.euim-avatar--size-l ion-icon{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-avatar--fill-default,.euim-avatar--fill-solid{border:none}.euim-avatar--fill-outline{background-color:transparent!important;border-width:var(--eui-bw-s);border-style:solid}.euim-avatar--fill-clear{background-color:transparent!important;border:none}.euim-avatar--fill-outline-solid{border-width:var(--eui-bw-s);border-style:solid}.euim-avatar-icon-sub{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px;align-items:center;justify-content:center}.euim-avatar-icon-sub--variant-default,.euim-avatar-icon-sub--variant-rounded{border-radius:50%}.euim-avatar-icon-sub--variant-rectangle{border-radius:var(--eui-br-none)}.euim-avatar-icon-sub--size-default,.euim-avatar-icon-sub--size-auto{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs)}.euim-avatar-icon-sub--size-default ion-icon,.euim-avatar-icon-sub--size-auto ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar-icon-sub--size-m{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs)}.euim-avatar-icon-sub--size-m ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar-icon-sub--size-l{width:var(--eui-s-5xl);height:var(--eui-s-5xl);font:var(--eui-f-m)}.euim-avatar-icon-sub--size-l ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar-icon-sub--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar-icon-sub--color-default{background-color:var(--eui-c-neutral-surface-dark);border-color:var(--eui-c-neutral-on-surface-dark);color:var(--eui-c-neutral-on-surface-dark)}.euim-avatar-icon-sub--color-primary{background-color:var(--eui-c-primary-surface);border-color:var(--eui-c-primary-on-surface);color:var(--eui-c-primary-on-surface)}.euim-avatar-icon-sub--color-info{background-color:var(--eui-c-info-surface);border-color:var(--eui-c-info-on-surface);color:var(--eui-c-info-on-surface)}.euim-avatar-icon-sub--color-success{background-color:var(--eui-c-success-surface);border-color:var(--eui-c-success-on-surface);color:var(--eui-c-success-on-surface)}.euim-avatar-icon-sub--color-warning{background-color:var(--eui-c-warning-surface);border-color:var(--eui-c-warning-on-surface);color:var(--eui-c-warning-on-surface)}.euim-avatar-icon-sub--color-danger{background-color:var(--eui-c-danger-surface);border-color:var(--eui-c-danger-on-surface);color:var(--eui-c-danger-on-surface)}.euim-avatar-icon-sub--border-color-primary{border-color:var(--eui-c-primary)}.euim-avatar-icon-sub--border-color-info{border-color:var(--eui-c-info)}.euim-avatar-icon-sub--border-color-success{border-color:var(--eui-c-success)}.euim-avatar-icon-sub--border-color-warning{border-color:var(--eui-c-warning)}.euim-avatar-icon-sub--border-color-danger{border-color:var(--eui-c-danger)}.euim-avatar-icon-sub--fill-default,.euim-avatar-icon-sub--fill-outline-solid{border-width:var(--eui-bw-s);border-style:solid}.euim-avatar-icon-sub--fill-outline{background-color:transparent!important;border-width:var(--eui-bw-s);border-style:solid}.euim-avatar-icon-sub--fill-clear{background-color:transparent!important;border:var(--eui-bw-none)}.euim-avatar-icon-sub--fill-outline-solid{border-width:var(--eui-bw-s);border-style:solid}.euim-avatar-icon{display:flex;align-items:center;justify-content:center}.euim-avatar-badge--position-top,.euim-avatar-badge--position-default{position:absolute;right:calc(-1 * var(--eui-s-s) / 2);top:calc(-1 * var(--eui-s-m) / 2)}.euim-avatar--variant-default .euim-avatar-image,.euim-avatar--variant-rounded .euim-avatar-image{background-size:cover;height:100%;width:100%}.euim-avatar--variant-default .euim-avatar-image img,.euim-avatar--variant-rounded .euim-avatar-image img{object-fit:cover;border-radius:50%;height:100%;width:100%}.euim-avatar-text--color-default{color:var(--eui-c-neutral-surface-dark)}.euim-avatar-text--color-primary{color:var(--eui-c-primary)}.euim-avatar-text--color-info{color:var(--eui-c-info)}.euim-avatar-text--color-success{color:var(--eui-c-success)}.euim-avatar-text--color-warning{color:var(--eui-c-warning)}.euim-avatar-text--color-danger{color:var(--eui-c-danger)}.euim-avatar--size-default .euim-avatar-text,.euim-avatar--size-l .euim-avatar-text{font:var(--eui-f-m)}.euim-avatar--size-m .euim-avatar-text{font:var(--eui-f-xs)}\n"] }]
         }], propDecorators: { color: [{
                 type: Input
             }], size: [{
@@ -422,11 +418,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimAvatarIconComponent {
-    string = 'euim-avatar-icon';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimAvatarIconComponent, isStandalone: true, selector: "euim-avatar-icon", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
+    constructor() {
+        this.string = 'euim-avatar-icon';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAvatarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimAvatarIconComponent, isStandalone: true, selector: "euim-avatar-icon", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAvatarIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-avatar-icon', standalone: true, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { string: [{
@@ -435,11 +433,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimAvatarIconSubComponent {
-    color = 'default';
-    size = 'default';
-    fill = 'default';
-    variant = 'default';
-    borderColor = 'default';
+    constructor() {
+        this.color = 'default';
+        this.size = 'default';
+        this.fill = 'default';
+        this.variant = 'default';
+        this.borderColor = 'default';
+    }
     get cssClasses() {
         return this.getCssClasses();
     }
@@ -453,10 +453,10 @@ class EuimAvatarIconSubComponent {
             this.borderColor ? `euim-avatar-icon-sub--border-color-${this.borderColor}` : '',
         ].join(' ');
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarIconSubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimAvatarIconSubComponent, isStandalone: true, selector: "euim-avatar-icon-sub", inputs: { color: "color", size: "size", fill: "fill", variant: "variant", borderColor: "borderColor" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAvatarIconSubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimAvatarIconSubComponent, isStandalone: true, selector: "euim-avatar-icon-sub", inputs: { color: "color", size: "size", fill: "fill", variant: "variant", borderColor: "borderColor" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarIconSubComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAvatarIconSubComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-avatar-icon-sub', standalone: true, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { color: [{
@@ -475,7 +475,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimAvatarTextComponent {
-    color = 'default';
+    constructor() {
+        this.color = 'default';
+    }
     get cssClasses() {
         return this.getCssClasses();
     }
@@ -485,10 +487,10 @@ class EuimAvatarTextComponent {
             this.color ? `euim-avatar-text--color-${this.color}` : '',
         ].join(' ');
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimAvatarTextComponent, isStandalone: true, selector: "euim-avatar-text", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAvatarTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimAvatarTextComponent, isStandalone: true, selector: "euim-avatar-text", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAvatarTextComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-avatar-text', standalone: true, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { color: [{
@@ -499,12 +501,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimAvatarImageComponent {
-    string = 'euim-avatar-image';
-    imageUrl;
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimAvatarImageComponent, isStandalone: true, selector: "euim-avatar-image", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "@if (imageUrl) {\n    <img [src]=\"imageUrl\" alt=\"Avatar\"/>\n} @else {\n    <ng-content></ng-content>\n}\n" });
+    constructor() {
+        this.string = 'euim-avatar-image';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAvatarImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuimAvatarImageComponent, isStandalone: true, selector: "euim-avatar-image", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "@if (imageUrl) {\n    <img [src]=\"imageUrl\" alt=\"Avatar\"/>\n} @else {\n    <ng-content></ng-content>\n}\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarImageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAvatarImageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-avatar-image', standalone: true, template: "@if (imageUrl) {\n    <img [src]=\"imageUrl\" alt=\"Avatar\"/>\n} @else {\n    <ng-content></ng-content>\n}\n" }]
         }], propDecorators: { string: [{
@@ -515,17 +518,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimAvatarBadgeComponent {
+    constructor() {
+        this.position = 'default';
+    }
     get cssClasses() {
         return [
             'euim-avatar-badge',
             `euim-avatar-badge--position-${this.position}`,
         ].join(' ').trim();
     }
-    position = 'default';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimAvatarBadgeComponent, isStandalone: true, selector: "euim-avatar-badge", inputs: { position: "position" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAvatarBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimAvatarBadgeComponent, isStandalone: true, selector: "euim-avatar-badge", inputs: { position: "position" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAvatarBadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-avatar-badge', standalone: true, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { cssClasses: [{
@@ -539,8 +544,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_AVATAR} instead.
  */
 class EuimAvatarModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarModule, imports: [EuimAvatarComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimAvatarModule, imports: [EuimAvatarComponent,
             EuimAvatarIconComponent,
             EuimAvatarIconSubComponent,
             EuimAvatarTextComponent,
@@ -550,10 +555,10 @@ class EuimAvatarModule {
             EuimAvatarIconSubComponent,
             EuimAvatarTextComponent,
             EuimAvatarImageComponent,
-            EuimAvatarBadgeComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarModule });
+            EuimAvatarBadgeComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAvatarModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAvatarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAvatarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -585,11 +590,13 @@ const EUIM_AVATAR = [
 ];
 
 class EuimEmptyListPlaceholderTitleDirective {
-    className = 'euim-empty-list-placeholder__message';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimEmptyListPlaceholderTitleDirective, isStandalone: true, selector: "[euimEmptyListPlaceholderTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-empty-list-placeholder__message';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimEmptyListPlaceholderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimEmptyListPlaceholderTitleDirective, isStandalone: true, selector: "[euimEmptyListPlaceholderTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimEmptyListPlaceholderTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimEmptyListPlaceholderTitle]',
@@ -601,11 +608,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimEmptyListPlaceholderSubtitleDirective {
-    className = 'euim-empty-list-placeholder__description';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimEmptyListPlaceholderSubtitleDirective, isStandalone: true, selector: "[euimEmptyListPlaceholderSubtitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-empty-list-placeholder__description';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimEmptyListPlaceholderSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimEmptyListPlaceholderSubtitleDirective, isStandalone: true, selector: "[euimEmptyListPlaceholderSubtitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderSubtitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimEmptyListPlaceholderSubtitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimEmptyListPlaceholderSubtitle]',
@@ -617,11 +626,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimEmptyListPlaceholderIconDirective {
-    className = 'euim-empty-list-placeholder__icon';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimEmptyListPlaceholderIconDirective, isStandalone: true, selector: "[euimEmptyListPlaceholderIcon]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-empty-list-placeholder__icon';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimEmptyListPlaceholderIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimEmptyListPlaceholderIconDirective, isStandalone: true, selector: "[euimEmptyListPlaceholderIcon]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimEmptyListPlaceholderIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimEmptyListPlaceholderIcon]',
@@ -633,21 +644,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimEmptyListPlaceholderComponent {
-    cdr;
-    message;
-    icon;
-    description;
-    button;
-    euimMarginTopLarge;
-    euimMarginTopSmall;
-    euimMarginBottomSmall;
     get cssClasses() {
         return this.getCssClasses();
     }
-    contentWrapper;
-    isEmptyContent = true;
     constructor(cdr) {
         this.cdr = cdr;
+        this.isEmptyContent = true;
     }
     ngAfterViewInit() {
         this.isEmptyContent = this.contentWrapper.nativeElement.textContent.trim().length === 0;
@@ -661,12 +663,12 @@ class EuimEmptyListPlaceholderComponent {
             this.euimMarginBottomSmall ? 'euim-empty-list-placeholder--margin-bottom-small' : '',
         ].join(' ');
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimEmptyListPlaceholderComponent, isStandalone: true, selector: "euim-empty-list-placeholder", inputs: { message: "message", icon: "icon", description: "description", button: "button", euimMarginTopLarge: ["euimMarginTopLarge", "euimMarginTopLarge", booleanAttribute], euimMarginTopSmall: ["euimMarginTopSmall", "euimMarginTopSmall", booleanAttribute], euimMarginBottomSmall: ["euimMarginBottomSmall", "euimMarginBottomSmall", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }], ngImport: i0, template: "@if (icon) {\n  <ion-icon [name]=\"icon\" class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if ((!icon && !message && !description && isEmptyContent)) {\n  <ion-icon name=\"search\"\n  class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if (message || (!icon && !message && !description) && isEmptyContent) {\n  <div class=\"euim-empty-list-placeholder__message\">\n    {{ message || 'euim.empty-list-placeholder.message' | translate }}\n  </div>\n}\n@if (description || (!icon && !message && !description) && isEmptyContent) {\n  <div class=\"euim-empty-list-placeholder__description\">\n    {{ description || 'euim.empty-list-placeholder.description' | translate }}\n  </div>\n}\n<div #contentWrapper>\n    <ng-content></ng-content>\n</div>\n\n", styles: [".euim-empty-list-placeholder div,.euim-empty-list-placeholder{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0;grid-row-gap:var(--eui-s-2xs);justify-content:center;justify-items:center;align-items:center;margin:auto}.euim-empty-list-placeholder div--margin-top-large,.euim-empty-list-placeholder--margin-top-large{margin-top:calc(9 * var(--eui-s-m))}.euim-empty-list-placeholder div--margin-top-small,.euim-empty-list-placeholder--margin-top-small{margin-top:var(--eui-s-m)}.euim-empty-list-placeholder div--margin-bottom-small,.euim-empty-list-placeholder--margin-bottom-small{margin-bottom:var(--eui-s-m)}.euim-empty-list-placeholder div__icon,.euim-empty-list-placeholder__icon{color:var(--eui-c-neutral-light);width:var(--eui-is-l);height:var(--eui-is-l)}.euim-empty-list-placeholder div__message,.euim-empty-list-placeholder__message{font:var(--eui-f-m-bold-compact);color:var(--eui-c-neutral-light)}.euim-empty-list-placeholder div__description,.euim-empty-list-placeholder__description{font:var(--eui-f-s-compact);color:var(--eui-c-neutral-light)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimEmptyListPlaceholderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuimEmptyListPlaceholderComponent, isStandalone: true, selector: "euim-empty-list-placeholder", inputs: { message: "message", icon: "icon", description: "description", button: "button", euimMarginTopLarge: ["euimMarginTopLarge", "euimMarginTopLarge", booleanAttribute], euimMarginTopSmall: ["euimMarginTopSmall", "euimMarginTopSmall", booleanAttribute], euimMarginBottomSmall: ["euimMarginBottomSmall", "euimMarginBottomSmall", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }], ngImport: i0, template: "@if (icon) {\n  <ion-icon [name]=\"icon\" class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if ((!icon && !message && !description && isEmptyContent)) {\n  <ion-icon name=\"search\"\n  class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if (message || (!icon && !message && !description) && isEmptyContent) {\n  <div class=\"euim-empty-list-placeholder__message\">\n    {{ message || 'euim.empty-list-placeholder.message' | translate }}\n  </div>\n}\n@if (description || (!icon && !message && !description) && isEmptyContent) {\n  <div class=\"euim-empty-list-placeholder__description\">\n    {{ description || 'euim.empty-list-placeholder.description' | translate }}\n  </div>\n}\n<div #contentWrapper>\n    <ng-content></ng-content>\n</div>\n\n", styles: [".euim-empty-list-placeholder div,.euim-empty-list-placeholder{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0;justify-content:center;justify-items:center;align-items:center}.euim-empty-list-placeholder div--margin-top-large,.euim-empty-list-placeholder--margin-top-large{margin-top:calc(9 * var(--eui-s-m))}.euim-empty-list-placeholder div--margin-top-small,.euim-empty-list-placeholder--margin-top-small{margin-top:var(--eui-s-m)}.euim-empty-list-placeholder div--margin-bottom-small,.euim-empty-list-placeholder--margin-bottom-small{margin-bottom:var(--eui-s-m)}.euim-empty-list-placeholder div__icon,.euim-empty-list-placeholder__icon{color:var(--eui-c-text-lighter);width:var(--eui-is-l);height:var(--eui-is-l);margin-bottom:var(--eui-s-3xs)}.euim-empty-list-placeholder div__message,.euim-empty-list-placeholder__message{font:var(--eui-f-m-bold);color:var(--eui-c-text-lighter);margin-bottom:var(--eui-s-4xs)}.euim-empty-list-placeholder div__description,.euim-empty-list-placeholder__description{font:var(--eui-f-s);color:var(--eui-c-text-lighter)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimEmptyListPlaceholderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-empty-list-placeholder', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IonicModule, TranslateModule], template: "@if (icon) {\n  <ion-icon [name]=\"icon\" class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if ((!icon && !message && !description && isEmptyContent)) {\n  <ion-icon name=\"search\"\n  class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if (message || (!icon && !message && !description) && isEmptyContent) {\n  <div class=\"euim-empty-list-placeholder__message\">\n    {{ message || 'euim.empty-list-placeholder.message' | translate }}\n  </div>\n}\n@if (description || (!icon && !message && !description) && isEmptyContent) {\n  <div class=\"euim-empty-list-placeholder__description\">\n    {{ description || 'euim.empty-list-placeholder.description' | translate }}\n  </div>\n}\n<div #contentWrapper>\n    <ng-content></ng-content>\n</div>\n\n", styles: [".euim-empty-list-placeholder div,.euim-empty-list-placeholder{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0;grid-row-gap:var(--eui-s-2xs);justify-content:center;justify-items:center;align-items:center;margin:auto}.euim-empty-list-placeholder div--margin-top-large,.euim-empty-list-placeholder--margin-top-large{margin-top:calc(9 * var(--eui-s-m))}.euim-empty-list-placeholder div--margin-top-small,.euim-empty-list-placeholder--margin-top-small{margin-top:var(--eui-s-m)}.euim-empty-list-placeholder div--margin-bottom-small,.euim-empty-list-placeholder--margin-bottom-small{margin-bottom:var(--eui-s-m)}.euim-empty-list-placeholder div__icon,.euim-empty-list-placeholder__icon{color:var(--eui-c-neutral-light);width:var(--eui-is-l);height:var(--eui-is-l)}.euim-empty-list-placeholder div__message,.euim-empty-list-placeholder__message{font:var(--eui-f-m-bold-compact);color:var(--eui-c-neutral-light)}.euim-empty-list-placeholder div__description,.euim-empty-list-placeholder__description{font:var(--eui-f-s-compact);color:var(--eui-c-neutral-light)}\n"] }]
+            args: [{ selector: 'euim-empty-list-placeholder', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IonicModule, TranslateModule], template: "@if (icon) {\n  <ion-icon [name]=\"icon\" class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if ((!icon && !message && !description && isEmptyContent)) {\n  <ion-icon name=\"search\"\n  class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if (message || (!icon && !message && !description) && isEmptyContent) {\n  <div class=\"euim-empty-list-placeholder__message\">\n    {{ message || 'euim.empty-list-placeholder.message' | translate }}\n  </div>\n}\n@if (description || (!icon && !message && !description) && isEmptyContent) {\n  <div class=\"euim-empty-list-placeholder__description\">\n    {{ description || 'euim.empty-list-placeholder.description' | translate }}\n  </div>\n}\n<div #contentWrapper>\n    <ng-content></ng-content>\n</div>\n\n", styles: [".euim-empty-list-placeholder div,.euim-empty-list-placeholder{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0;justify-content:center;justify-items:center;align-items:center}.euim-empty-list-placeholder div--margin-top-large,.euim-empty-list-placeholder--margin-top-large{margin-top:calc(9 * var(--eui-s-m))}.euim-empty-list-placeholder div--margin-top-small,.euim-empty-list-placeholder--margin-top-small{margin-top:var(--eui-s-m)}.euim-empty-list-placeholder div--margin-bottom-small,.euim-empty-list-placeholder--margin-bottom-small{margin-bottom:var(--eui-s-m)}.euim-empty-list-placeholder div__icon,.euim-empty-list-placeholder__icon{color:var(--eui-c-text-lighter);width:var(--eui-is-l);height:var(--eui-is-l);margin-bottom:var(--eui-s-3xs)}.euim-empty-list-placeholder div__message,.euim-empty-list-placeholder__message{font:var(--eui-f-m-bold);color:var(--eui-c-text-lighter);margin-bottom:var(--eui-s-4xs)}.euim-empty-list-placeholder div__description,.euim-empty-list-placeholder__description{font:var(--eui-f-s);color:var(--eui-c-text-lighter)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { message: [{
                 type: Input
             }], icon: [{
@@ -696,17 +698,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_EMPTY_LIST_PLACEHOLDER} instead.
  */
 class EuimEmptyListPlaceholderModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderModule, imports: [EuimEmptyListPlaceholderComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimEmptyListPlaceholderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimEmptyListPlaceholderModule, imports: [EuimEmptyListPlaceholderComponent,
             EuimEmptyListPlaceholderTitleDirective,
             EuimEmptyListPlaceholderSubtitleDirective,
             EuimEmptyListPlaceholderIconDirective], exports: [EuimEmptyListPlaceholderComponent,
             EuimEmptyListPlaceholderTitleDirective,
             EuimEmptyListPlaceholderSubtitleDirective,
-            EuimEmptyListPlaceholderIconDirective] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderModule, imports: [EuimEmptyListPlaceholderComponent] });
+            EuimEmptyListPlaceholderIconDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimEmptyListPlaceholderModule, imports: [EuimEmptyListPlaceholderComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimEmptyListPlaceholderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimEmptyListPlaceholderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -732,41 +734,6 @@ const EUIM_EMPTY_LIST_PLACEHOLDER = [
 ];
 
 class EuimLanguageListComponent {
-    appShellService;
-    appService;
-    modalCtrl;
-    i18nService;
-    /**
-     * @deprecated will be removed in eUI Mobile v19.
-     */
-    name;
-    /**
-     * @deprecated will be removed in eUI Mobile v19. Use nonEULanguageList[0] instead.
-     */
-    firstElementFromNonEUList;
-    /**
-     * @deprecated will be removed in eUI Mobile v19. Use euLanguageList[0] instead.
-     */
-    firstElementFromEUList;
-    /**
-     * @deprecated will be removed in eUI Mobile v19. Use isLastElementOfArray() function instead.
-     */
-    lastElementFromEUList;
-    languages;
-    selectedLanguage;
-    euLanguageList;
-    nonEULanguageList;
-    /**
-     * @deprecated
-     * will become private in eUI Mobile v19.
-     */
-    languagesSortedByEUAndNonEU;
-    results;
-    /**
-     * @deprecated will be removed in eUI Mobile v19.
-     */
-    isKeyboardShown;
-    hasSearchbar;
     constructor(
     /**
      * @deprecated will be removed in eUI Mobile v19.
@@ -812,36 +779,15 @@ class EuimLanguageListComponent {
                 d.label.toLowerCase().indexOf(query) > -1;
         });
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLanguageListComponent, deps: [{ token: i1$1.EuiAppShellService }, { token: EuimAppService }, { token: i1.ModalController }, { token: i1$1.I18nService }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimLanguageListComponent, isStandalone: true, selector: "euim-language-list", ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"branding\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"onClose()\">\n        <ion-icon name=\"close\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-title> {{'euim.language-list.SELECT-LANGUAGE' | translate }}</ion-title>\n  </ion-toolbar>\n    @if (hasSearchbar) {\n      <ion-toolbar color=\"branding\" class=\"euim-language-selector__search\">\n        <ion-searchbar (ionInput)=\"handleChange($event)\"></ion-searchbar>\n      </ion-toolbar>\n    }\n</ion-header>\n<ion-content>\n  @if (results.length > 0) {\n    <ion-list>\n      @for (item of results; track item) {\n        @if (firstElementFromEUList?.code === item.code || firstElementFromNonEUList?.code === item.code || euLanguageList[0]?.code === item.code\n          || nonEULanguageList[0]?.code === item.code) {\n          <ion-item-divider>\n            {{ (firstElementFromEUList?.code === item.code || euLanguageList[0]?.code === item.code)\n            ? ('euim.language-list.EU-LANGUAGES' | translate)\n            : 'euim.language-list.NON-EU-LANGUAGES' | translate }}\n          </ion-item-divider>\n        }\n        <ion-item button (click)=\"onLanguageSelected(item)\" [lines]=\"lastElementFromEUList === item || isLastElementOfArray(euLanguageList, item) || isLastElementOfArray(nonEULanguageList, item) ? 'none' : 'inset'\">\n            <euim-avatar fill=\"solid\" slot=\"start\" variant=\"rounded\" class=\"euim-language-selector__avatar\">\n                <euim-avatar-icon>\n                    <ion-icon name=\"language\" class=\"euim-language-selector__internal-icon\"></ion-icon>\n                </euim-avatar-icon>\n            </euim-avatar>\n          <ion-label>\n            <div euimLabel euimLabelTitle>{{item.label}}</div>\n            <div euimLabel euimLabelMeta class=\"eui-u-text-uppercase\">\n              {{item.code}}\n            </div>\n          </ion-label>\n          @if (selectedLanguage?.code===item.code) {\n            <ion-buttons>\n              <ion-button  fill=\"clear\" >\n                <ion-icon name=\"checkmark\" slot=\"icon-only\" color=\"primary\"></ion-icon>\n              </ion-button>\n            </ion-buttons>\n          }\n        </ion-item>\n      }\n    </ion-list>\n  }\n  @if (results.length < 1) {\n    <euim-empty-list-placeholder euimMarginTopLarge\n      class=\"euim-language-selector__empty-placeholder\">\n    </euim-empty-list-placeholder>\n  }\n</ion-content>\n\n", dependencies: [{ kind: "ngmodule", type: EuimAvatarModule }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "ngmodule", type: EuimLabelModule }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "ngmodule", type: IonicModule }, { 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.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }, { kind: "ngmodule", type: EuimEmptyListPlaceholderModule }, { kind: "component", type: EuimEmptyListPlaceholderComponent, selector: "euim-empty-list-placeholder", inputs: ["message", "icon", "description", "button", "euimMarginTopLarge", "euimMarginTopSmall", "euimMarginBottomSmall"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimLanguageListComponent, deps: [{ token: i1$1.EuiAppShellService }, { token: EuimAppService }, { token: i1.ModalController }, { token: i1$1.I18nService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuimLanguageListComponent, isStandalone: true, selector: "euim-language-list", ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"branding\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"onClose()\">\n        <ion-icon name=\"close\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-title> {{'euim.language-list.SELECT-LANGUAGE' | translate }}</ion-title>\n  </ion-toolbar>\n    @if (hasSearchbar) {\n      <ion-toolbar color=\"branding\" class=\"euim-language-selector__search\">\n        <ion-searchbar (ionInput)=\"handleChange($event)\"></ion-searchbar>\n      </ion-toolbar>\n    }\n</ion-header>\n<ion-content>\n  @if (results.length > 0) {\n    <ion-list>\n      @for (item of results; track item) {\n        @if (firstElementFromEUList?.code === item.code || firstElementFromNonEUList?.code === item.code || euLanguageList[0]?.code === item.code\n          || nonEULanguageList[0]?.code === item.code) {\n          <ion-item-divider>\n            {{ (firstElementFromEUList?.code === item.code || euLanguageList[0]?.code === item.code)\n            ? ('euim.language-list.EU-LANGUAGES' | translate)\n            : 'euim.language-list.NON-EU-LANGUAGES' | translate }}\n          </ion-item-divider>\n        }\n        <ion-item button (click)=\"onLanguageSelected(item)\" [lines]=\"lastElementFromEUList === item || isLastElementOfArray(euLanguageList, item) || isLastElementOfArray(nonEULanguageList, item) ? 'none' : 'inset'\">\n            <euim-avatar fill=\"solid\" slot=\"start\" variant=\"rounded\" class=\"euim-language-selector__avatar\">\n                <euim-avatar-icon>\n                    <ion-icon name=\"language\" class=\"euim-language-selector__internal-icon\"></ion-icon>\n                </euim-avatar-icon>\n            </euim-avatar>\n          <ion-label>\n            <div euimLabel euimLabelTitle>{{item.label}}</div>\n            <div euimLabel euimLabelMeta class=\"eui-u-text-uppercase\">\n              {{item.code}}\n            </div>\n          </ion-label>\n          @if (selectedLanguage?.code===item.code) {\n            <ion-buttons>\n              <ion-button  fill=\"clear\" >\n                <ion-icon name=\"checkmark\" slot=\"icon-only\" color=\"primary\"></ion-icon>\n              </ion-button>\n            </ion-buttons>\n          }\n        </ion-item>\n      }\n    </ion-list>\n  }\n  @if (results.length < 1) {\n    <euim-empty-list-placeholder euimMarginTopLarge\n      class=\"euim-language-selector__empty-placeholder\">\n    </euim-empty-list-placeholder>\n  }\n</ion-content>\n\n", dependencies: [{ kind: "ngmodule", type: EuimAvatarModule }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "ngmodule", type: EuimLabelModule }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "ngmodule", type: IonicModule }, { 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.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }, { kind: "ngmodule", type: EuimEmptyListPlaceholderModule }, { kind: "component", type: EuimEmptyListPlaceholderComponent, selector: "euim-empty-list-placeholder", inputs: ["message", "icon", "description", "button", "euimMarginTopLarge", "euimMarginTopSmall", "euimMarginBottomSmall"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLanguageListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimLanguageListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-language-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [EuimAvatarModule, EuimLabelModule, IonicModule, EuimEmptyListPlaceholderModule, TranslateModule], template: "<ion-header>\n  <ion-toolbar color=\"branding\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"onClose()\">\n        <ion-icon name=\"close\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-title> {{'euim.language-list.SELECT-LANGUAGE' | translate }}</ion-title>\n  </ion-toolbar>\n    @if (hasSearchbar) {\n      <ion-toolbar color=\"branding\" class=\"euim-language-selector__search\">\n        <ion-searchbar (ionInput)=\"handleChange($event)\"></ion-searchbar>\n      </ion-toolbar>\n    }\n</ion-header>\n<ion-content>\n  @if (results.length > 0) {\n    <ion-list>\n      @for (item of results; track item) {\n        @if (firstElementFromEUList?.code === item.code || firstElementFromNonEUList?.code === item.code || euLanguageList[0]?.code === item.code\n          || nonEULanguageList[0]?.code === item.code) {\n          <ion-item-divider>\n            {{ (firstElementFromEUList?.code === item.code || euLanguageList[0]?.code === item.code)\n            ? ('euim.language-list.EU-LANGUAGES' | translate)\n            : 'euim.language-list.NON-EU-LANGUAGES' | translate }}\n          </ion-item-divider>\n        }\n        <ion-item button (click)=\"onLanguageSelected(item)\" [lines]=\"lastElementFromEUList === item || isLastElementOfArray(euLanguageList, item) || isLastElementOfArray(nonEULanguageList, item) ? 'none' : 'inset'\">\n            <euim-avatar fill=\"solid\" slot=\"start\" variant=\"rounded\" class=\"euim-language-selector__avatar\">\n                <euim-avatar-icon>\n                    <ion-icon name=\"language\" class=\"euim-language-selector__internal-icon\"></ion-icon>\n                </euim-avatar-icon>\n            </euim-avatar>\n          <ion-label>\n            <div euimLabel euimLabelTitle>{{item.label}}</div>\n            <div euimLabel euimLabelMeta class=\"eui-u-text-uppercase\">\n              {{item.code}}\n            </div>\n          </ion-label>\n          @if (selectedLanguage?.code===item.code) {\n            <ion-buttons>\n              <ion-button  fill=\"clear\" >\n                <ion-icon name=\"checkmark\" slot=\"icon-only\" color=\"primary\"></ion-icon>\n              </ion-button>\n            </ion-buttons>\n          }\n        </ion-item>\n      }\n    </ion-list>\n  }\n  @if (results.length < 1) {\n    <euim-empty-list-placeholder euimMarginTopLarge\n      class=\"euim-language-selector__empty-placeholder\">\n    </euim-empty-list-placeholder>\n  }\n</ion-content>\n\n" }]
         }], ctorParameters: () => [{ type: i1$1.EuiAppShellService }, { type: EuimAppService }, { type: i1.ModalController }, { type: i1$1.I18nService }] });
 
 class EuimLanguageSelectorComponent {
-    cd;
-    appShellService;
-    appService;
-    i18nService;
-    modalCtrl;
-    baseStatesDirective;
-    baseGlobalConfig;
-    hasSearchbar = true;
-    /**
-     * @deprecated will be removed in eUI Mobile v20. _euimBranding instead.
-     */
-    _euimPrimary;
-    _euimBranding;
-    /**
-     * @deprecated
-     * will become private in eUI Mobile v19.
-     */
-    languages;
-    config;
-    selectedLanguage;
-    destroy$ = new Subject();
     constructor(cd, 
     /**
      * @deprecated will be removed in eUI Mobile v19.
@@ -858,6 +804,8 @@ class EuimLanguageSelectorComponent {
         this.modalCtrl = modalCtrl;
         this.baseStatesDirective = baseStatesDirective;
         this.baseGlobalConfig = baseGlobalConfig;
+        this.hasSearchbar = true;
+        this.destroy$ = new Subject();
         this.config = getI18nServiceConfig(this.baseGlobalConfig.i18n.i18nService);
         this._euimPrimary = this.baseStatesDirective.color === 'primary';
         this._euimBranding = this.baseStatesDirective.color === 'branding';
@@ -905,10 +853,10 @@ class EuimLanguageSelectorComponent {
         }
         return null;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLanguageSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.EuiAppShellService }, { token: EuimAppService }, { token: i1$1.I18nService }, { token: i1.ModalController }, { token: BaseStatesDirective }, { token: GLOBAL_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuimLanguageSelectorComponent, isStandalone: true, selector: "euim-language-selector", inputs: { hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ion-button (click)=\"onShowLanguageList()\" fill=\"clear\" shape=\"round\">\n    <ion-icon class=\"euim-language-selector__icon {{_euimBranding || _euimPrimary ? 'euim-language-selector__icon--branding' : ''}}\"\n              slot=\"icon-only\"\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    </ion-icon>\n\n    <span class=\"euim-language-selector__text {{_euimBranding || _euimPrimary ? 'euim-language-selector__text--branding' : ''}}\">\n        {{ selectedLanguage?.code?.toUpperCase() }}\n    </span>\n</ion-button>\n", styles: [".euim-language-selector span.euim-language-selector__text{font:var(--eui-f-xs-bold-compact);margin-bottom:var(--eui-s-2xs);position:absolute;color:var(--eui-c-branding)}.euim-language-selector span.euim-language-selector__text--branding,.euim-language-selector__icon{color:var(--eui-c-branding-contrast)}.euim-language-selector__icon--branding{color:var(--eui-c-branding)}.euim-language-selector__internal-icon{color:var(--eui-c-neutral)}.euim-language-selector__search{display:contents}.euim-language-selector__empty-placeholder{display:block;height:auto;margin-top:calc(9 * var(--eui-s-m))}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { 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"] }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimLanguageSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.EuiAppShellService }, { token: EuimAppService }, { token: i1$1.I18nService }, { token: i1.ModalController }, { token: BaseStatesDirective }, { token: GLOBAL_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.17", type: EuimLanguageSelectorComponent, isStandalone: true, selector: "euim-language-selector", inputs: { hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ion-button (click)=\"onShowLanguageList()\" fill=\"clear\" shape=\"round\">\n    <ion-icon class=\"euim-language-selector__icon {{_euimBranding || _euimPrimary ? 'euim-language-selector__icon--branding' : ''}}\"\n              slot=\"icon-only\"\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    </ion-icon>\n\n    <span class=\"euim-language-selector__text {{_euimBranding || _euimPrimary ? 'euim-language-selector__text--branding' : ''}}\">\n        {{ selectedLanguage?.code?.toUpperCase() }}\n    </span>\n</ion-button>\n", styles: [".euim-language-selector span.euim-language-selector__text{font:var(--eui-f-xs-bold);margin-bottom:var(--eui-s-3xs);position:absolute;color:var(--eui-c-branding)}.euim-language-selector span.euim-language-selector__text--branding{color:var(--eui-c-branding-on-surface)}.euim-language-selector__icon{color:var(--eui-c-branding-on-surface);width:var(--eui-is-m);height:var(--eui-is-m);font-size:var(--eui-f-s-m)}.euim-language-selector__icon--branding{color:var(--eui-c-branding)}.euim-language-selector__internal-icon{color:var(--eui-c-neutral)}.euim-language-selector__search{display:contents}.euim-language-selector__empty-placeholder{display:block;height:auto;margin-top:calc(9 * var(--eui-s-m))}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { 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"] }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLanguageSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimLanguageSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-language-selector', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
@@ -921,7 +869,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         IonicModule,
                         TranslateModule,
                         EuimLanguageListComponent,
-                    ], template: "<ion-button (click)=\"onShowLanguageList()\" fill=\"clear\" shape=\"round\">\n    <ion-icon class=\"euim-language-selector__icon {{_euimBranding || _euimPrimary ? 'euim-language-selector__icon--branding' : ''}}\"\n              slot=\"icon-only\"\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    </ion-icon>\n\n    <span class=\"euim-language-selector__text {{_euimBranding || _euimPrimary ? 'euim-language-selector__text--branding' : ''}}\">\n        {{ selectedLanguage?.code?.toUpperCase() }}\n    </span>\n</ion-button>\n", styles: [".euim-language-selector span.euim-language-selector__text{font:var(--eui-f-xs-bold-compact);margin-bottom:var(--eui-s-2xs);position:absolute;color:var(--eui-c-branding)}.euim-language-selector span.euim-language-selector__text--branding,.euim-language-selector__icon{color:var(--eui-c-branding-contrast)}.euim-language-selector__icon--branding{color:var(--eui-c-branding)}.euim-language-selector__internal-icon{color:var(--eui-c-neutral)}.euim-language-selector__search{display:contents}.euim-language-selector__empty-placeholder{display:block;height:auto;margin-top:calc(9 * var(--eui-s-m))}\n"] }]
+                    ], template: "<ion-button (click)=\"onShowLanguageList()\" fill=\"clear\" shape=\"round\">\n    <ion-icon class=\"euim-language-selector__icon {{_euimBranding || _euimPrimary ? 'euim-language-selector__icon--branding' : ''}}\"\n              slot=\"icon-only\"\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    </ion-icon>\n\n    <span class=\"euim-language-selector__text {{_euimBranding || _euimPrimary ? 'euim-language-selector__text--branding' : ''}}\">\n        {{ selectedLanguage?.code?.toUpperCase() }}\n    </span>\n</ion-button>\n", styles: [".euim-language-selector span.euim-language-selector__text{font:var(--eui-f-xs-bold);margin-bottom:var(--eui-s-3xs);position:absolute;color:var(--eui-c-branding)}.euim-language-selector span.euim-language-selector__text--branding{color:var(--eui-c-branding-on-surface)}.euim-language-selector__icon{color:var(--eui-c-branding-on-surface);width:var(--eui-is-m);height:var(--eui-is-m);font-size:var(--eui-f-s-m)}.euim-language-selector__icon--branding{color:var(--eui-c-branding)}.euim-language-selector__internal-icon{color:var(--eui-c-neutral)}.euim-language-selector__search{display:contents}.euim-language-selector__empty-placeholder{display:block;height:auto;margin-top:calc(9 * var(--eui-s-m))}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.EuiAppShellService }, { type: EuimAppService }, { type: i1$1.I18nService }, { type: i1.ModalController }, { type: BaseStatesDirective }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [GLOBAL_CONFIG_TOKEN]
@@ -937,13 +885,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_LANGUAGE_SELECTOR} instead.
  */
 class EuimLanguageSelectorModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLanguageSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimLanguageSelectorModule, imports: [EuimLanguageSelectorComponent,
-            EuimLanguageListComponent], exports: [EuimLanguageSelectorComponent, EuimLanguageListComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLanguageSelectorModule, imports: [EuimLanguageSelectorComponent,
-            EuimLanguageListComponent] });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimLanguageSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimLanguageSelectorModule, imports: [EuimLanguageSelectorComponent,
+            EuimLanguageListComponent], exports: [EuimLanguageSelectorComponent, EuimLanguageListComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimLanguageSelectorModule, imports: [EuimLanguageSelectorComponent,
+            EuimLanguageListComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimLanguageSelectorModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimLanguageSelectorModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -960,7 +908,6 @@ const EUIM_LANGUAGE_SELECTOR = [
 ];
 
 class EuimUserProfileComponent {
-    color;
     get cssClasses() {
         return this.getCssClasses();
     }
@@ -970,10 +917,10 @@ class EuimUserProfileComponent {
             this.color ? `euim-user-profile__backgroundcolor-${this.color}` : '',
         ].join(' ').trim();
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimUserProfileComponent, isStandalone: true, selector: "euim-user-profile", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, 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-s-m);background-color:var(--eui-c-neutral-bg-light)}.euim-user-profile__backgroundcolor-primary,.euim-user-profile__backgroundcolor-branding{background-color:var(--eui-c-branding)}.euim-user-profile-avatar{margin-right:var(--eui-s-m)}.euim-user-profile-action ion-buttons{margin-top:calc(-1 * var(--eui-s-s));margin-right:calc(-1 * var(--eui-s-s));color:var(--eui-c-branding)}.euim-user-profile-infos{width:calc(100% - (var(--eui-s-2xl) + var(--eui-s-l) + 2 * var(--eui-s-m)))}.euim-user-profile-infos [euimLabel]{color:var(--eui-c-neutral-light)}.euim-user-profile-infos [euimLabelTitle]{color:var(--eui-c-neutral)}.euim-user-profile-infos__color-white [euimLabel]{color:var(--eui-c-branding-contrast)}.euim-user-profile-infos euim-user-profile-infos-item:not(:last-child){margin-bottom:var(--eui-s-2xs)}.euim-user-profile-infos-item{display:flex;margin-right:var(--eui-s-2xl);width:100%}.euim-user-profile-infos-item ion-icon{margin-right:var(--eui-s-2xs);min-width:var(--eui-s-m);min-height:var(--eui-s-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 });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimUserProfileComponent, isStandalone: true, selector: "euim-user-profile", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, 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-s-m);background-color:var(--eui-c-neutral-bg-light)}.euim-user-profile__backgroundcolor-primary,.euim-user-profile__backgroundcolor-branding{background-color:var(--eui-c-branding)}.euim-user-profile-avatar{margin-right:var(--eui-s-m)}.euim-user-profile-action ion-buttons{margin-top:calc(-1 * var(--eui-s-s));margin-right:calc(-1 * var(--eui-s-s));color:var(--eui-c-branding)}.euim-user-profile-infos{width:calc(100% - (var(--eui-s-2xl) + var(--eui-s-l) + 2 * var(--eui-s-m)))}.euim-user-profile-infos [euimLabel]{color:var(--eui-c-neutral-light)}.euim-user-profile-infos [euimLabelTitle]{color:var(--eui-c-neutral)}.euim-user-profile-infos__color-white [euimLabel]{color:var(--eui-c-branding-contrast)}.euim-user-profile-infos euim-user-profile-infos-item:not(:last-child){margin-bottom:var(--eui-s-2xs)}.euim-user-profile-infos-item{display:flex;margin-right:var(--eui-s-2xl);width:100%}.euim-user-profile-infos-item ion-icon{margin-right:var(--eui-s-2xs);min-width:var(--eui-s-m);min-height:var(--eui-s-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: "18.2.13", ngImport: i0, type: EuimUserProfileComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimUserProfileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-user-profile', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, 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-s-m);background-color:var(--eui-c-neutral-bg-light)}.euim-user-profile__backgroundcolor-primary,.euim-user-profile__backgroundcolor-branding{background-color:var(--eui-c-branding)}.euim-user-profile-avatar{margin-right:var(--eui-s-m)}.euim-user-profile-action ion-buttons{margin-top:calc(-1 * var(--eui-s-s));margin-right:calc(-1 * var(--eui-s-s));color:var(--eui-c-branding)}.euim-user-profile-infos{width:calc(100% - (var(--eui-s-2xl) + var(--eui-s-l) + 2 * var(--eui-s-m)))}.euim-user-profile-infos [euimLabel]{color:var(--eui-c-neutral-light)}.euim-user-profile-infos [euimLabelTitle]{color:var(--eui-c-neutral)}.euim-user-profile-infos__color-white [euimLabel]{color:var(--eui-c-branding-contrast)}.euim-user-profile-infos euim-user-profile-infos-item:not(:last-child){margin-bottom:var(--eui-s-2xs)}.euim-user-profile-infos-item{display:flex;margin-right:var(--eui-s-2xl);width:100%}.euim-user-profile-infos-item ion-icon{margin-right:var(--eui-s-2xs);min-width:var(--eui-s-m);min-height:var(--eui-s-m)}.euim-user-profile-infos-item p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}\n"] }]
         }], propDecorators: { color: [{
@@ -984,11 +931,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuiMUserProfileAvatarComponent {
-    class = 'euim-user-profile-avatar';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiMUserProfileAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuiMUserProfileAvatarComponent, isStandalone: true, selector: "euim-user-profile-avatar", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    constructor() {
+        this.class = 'euim-user-profile-avatar';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiMUserProfileAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuiMUserProfileAvatarComponent, isStandalone: true, selector: "euim-user-profile-avatar", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiMUserProfileAvatarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiMUserProfileAvatarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-user-profile-avatar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { class: [{
@@ -996,7 +945,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuiMUserProfileInfosComponent {
-    color;
     get cssClasses() {
         return this.getCssClasses();
     }
@@ -1006,10 +954,10 @@ class EuiMUserProfileInfosComponent {
             this.color ? `euim-user-profile-infos__color-${this.color}` : '',
         ].join(' ').trim();
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiMUserProfileInfosComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuiMUserProfileInfosComponent, isStandalone: true, selector: "euim-user-profile-infos", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiMUserProfileInfosComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuiMUserProfileInfosComponent, isStandalone: true, selector: "euim-user-profile-infos", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiMUserProfileInfosComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiMUserProfileInfosComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-user-profile-infos', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { color: [{
@@ -1020,11 +968,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuiMUserProfileInfosItemComponent {
-    class = 'euim-user-profile-infos-item';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiMUserProfileInfosItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuiMUserProfileInfosItemComponent, isStandalone: true, selector: "euim-user-profile-infos-item", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    constructor() {
+        this.class = 'euim-user-profile-infos-item';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiMUserProfileInfosItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuiMUserProfileInfosItemComponent, isStandalone: true, selector: "euim-user-profile-infos-item", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiMUserProfileInfosItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiMUserProfileInfosItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-user-profile-infos-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { class: [{
@@ -1032,11 +982,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuiMUserProfileActionComponent {
-    className = 'euim-user-profile-action';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiMUserProfileActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuiMUserProfileActionComponent, isStandalone: true, selector: "euim-user-profile-action", host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-buttons>\n    <ng-content></ng-content>\n</ion-buttons>\n", dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    constructor() {
+        this.className = 'euim-user-profile-action';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiMUserProfileActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuiMUserProfileActionComponent, isStandalone: true, selector: "euim-user-profile-action", host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-buttons>\n    <ng-content></ng-content>\n</ion-buttons>\n", dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiMUserProfileActionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuiMUserProfileActionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-user-profile-action', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IonicModule], template: "<ion-buttons>\n    <ng-content></ng-content>\n</ion-buttons>\n" }]
         }], propDecorators: { className: [{
@@ -1047,8 +999,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_USER_PROFILE} instead.
  */
 class EuimUserProfileModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimUserProfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimUserProfileModule, imports: [EuimUserProfileComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimUserProfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimUserProfileModule, imports: [EuimUserProfileComponent,
             EuiMUserProfileAvatarComponent,
             EuiMUserProfileInfosComponent,
             EuiMUserProfileInfosItemComponent,
@@ -1056,10 +1008,10 @@ class EuimUserProfileModule {
             EuiMUserProfileAvatarComponent,
             EuiMUserProfileInfosComponent,
             EuiMUserProfileInfosItemComponent,
-            EuiMUserProfileActionComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimUserProfileModule, imports: [EuiMUserProfileActionComponent] });
+            EuiMUserProfileActionComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimUserProfileModule, imports: [EuiMUserProfileActionComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimUserProfileModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimUserProfileModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1089,16 +1041,15 @@ const EUIM_USER_PROFILE = [
 ];
 
 class EuimToolbarComponent {
-    navCtrl;
-    hasBackButton = true;
-    backButtonDefaultHref = '';
-    ionMenuId = 'main';
-    hasSidebarTrigger = false;
-    hasLanguageSelector = false;
-    backButtonClick = new EventEmitter();
-    className = 'euim-toolbar';
     constructor(navCtrl) {
         this.navCtrl = navCtrl;
+        this.hasBackButton = true;
+        this.backButtonDefaultHref = '';
+        this.ionMenuId = 'main';
+        this.hasSidebarTrigger = false;
+        this.hasLanguageSelector = false;
+        this.backButtonClick = new EventEmitter();
+        this.className = 'euim-toolbar';
     }
     ngOnInit() {
         if (this.hasSidebarTrigger) {
@@ -1114,10 +1065,10 @@ class EuimToolbarComponent {
             this.navCtrl.navigateBack('/');
         }
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarComponent, deps: [{ token: i1.NavController }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuimToolbarComponent, isStandalone: true, selector: "euim-toolbar", inputs: { hasBackButton: ["hasBackButton", "hasBackButton", booleanAttribute], backButtonDefaultHref: "backButtonDefaultHref", ionMenuId: "ionMenuId", hasSidebarTrigger: ["hasSidebarTrigger", "hasSidebarTrigger", booleanAttribute], hasLanguageSelector: ["hasLanguageSelector", "hasLanguageSelector", booleanAttribute] }, outputs: { backButtonClick: "backButtonClick" }, host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-buttons slot=\"start\">\n    <ion-menu-button *ngIf=\"hasSidebarTrigger\" [menu]=\"ionMenuId\"></ion-menu-button>\n    <ion-back-button (click)=\"onBackButtonClick($event)\"\n                     *ngIf=\"hasBackButton\"\n                     defaultHref=\"{{backButtonDefaultHref}}\"></ion-back-button>\n    <ng-content></ng-content>\n</ion-buttons>\n<ion-title class=\"euim-toolbar__title-container\">\n    <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"end\">\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;align-items:center}.euim-toolbar__title-container{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:flex;align-items:center;padding-inline:var(--eui-s-s)}.euim-toolbar ion-menu-button{display:block}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { 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: "component", type: i1.IonBackButton, selector: "ion-back-button" }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: EuimLanguageSelectorModule }, { kind: "component", type: EuimLanguageSelectorComponent, selector: "euim-language-selector", inputs: ["hasSearchbar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarComponent, deps: [{ token: i1.NavController }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.17", type: EuimToolbarComponent, isStandalone: true, selector: "euim-toolbar", inputs: { hasBackButton: ["hasBackButton", "hasBackButton", booleanAttribute], backButtonDefaultHref: "backButtonDefaultHref", ionMenuId: "ionMenuId", hasSidebarTrigger: ["hasSidebarTrigger", "hasSidebarTrigger", booleanAttribute], hasLanguageSelector: ["hasLanguageSelector", "hasLanguageSelector", booleanAttribute] }, outputs: { backButtonClick: "backButtonClick" }, host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-buttons slot=\"start\">\n    <ion-menu-button *ngIf=\"hasSidebarTrigger\" [menu]=\"ionMenuId\"></ion-menu-button>\n    <ion-back-button (click)=\"onBackButtonClick($event)\"\n                     *ngIf=\"hasBackButton\"\n                     defaultHref=\"{{backButtonDefaultHref}}\"></ion-back-button>\n    <ng-content></ng-content>\n</ion-buttons>\n<ion-title class=\"euim-toolbar__title-container\">\n    <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"end\">\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;align-items:center}.euim-toolbar__title-container{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:flex;align-items:center;padding-inline:var(--eui-s-s)}.euim-toolbar ion-menu-button{display:block}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { 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: "component", type: i1.IonBackButton, selector: "ion-back-button" }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: EuimLanguageSelectorModule }, { kind: "component", type: EuimLanguageSelectorComponent, selector: "euim-language-selector", inputs: ["hasSearchbar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-toolbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         IonicModule,
@@ -1145,7 +1096,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimToolbarTitleComponent {
-    baseStatesDirective;
     get cssClasses() {
         return this.getCssClasses();
     }
@@ -1157,10 +1107,10 @@ class EuimToolbarTitleComponent {
             this.baseStatesDirective.getCssClasses('euim-toolbar__title'),
         ].join(' ');
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarTitleComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimToolbarTitleComponent, isStandalone: true, selector: "euim-toolbar-title", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective }], ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarTitleComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimToolbarTitleComponent, isStandalone: true, selector: "euim-toolbar-title", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective }], ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-toolbar-title', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
@@ -1173,11 +1123,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimToolbarActionItemsComponent {
-    className = 'euim-toolbar-action-items';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarActionItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimToolbarActionItemsComponent, isStandalone: true, selector: "euim-toolbar-action-items", host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    constructor() {
+        this.className = 'euim-toolbar-action-items';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarActionItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimToolbarActionItemsComponent, isStandalone: true, selector: "euim-toolbar-action-items", host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarActionItemsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarActionItemsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-toolbar-action-items', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { className: [{
@@ -1188,13 +1140,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_TOOLBAR} instead.
  */
 class EuimToolbarComponentModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarComponentModule, imports: [EuimToolbarComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarComponentModule, imports: [EuimToolbarComponent,
             EuimToolbarTitleComponent,
-            EuimToolbarActionItemsComponent], exports: [EuimToolbarComponent, EuimToolbarTitleComponent, EuimToolbarActionItemsComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarComponentModule, imports: [EuimToolbarComponent] });
+            EuimToolbarActionItemsComponent], exports: [EuimToolbarComponent, EuimToolbarTitleComponent, EuimToolbarActionItemsComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarComponentModule, imports: [EuimToolbarComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1213,24 +1165,19 @@ const EUIM_TOOLBAR = [
 ];
 
 class EuimSidebarContentComponent {
-    i18nService;
-    asService;
-    menuCtrl;
-    navCtrl;
-    className = 'euim-sidebar-content';
-    sidebarItems = [];
-    ionMenuId = 'main';
-    hasSearchbar = false;
-    isSearchbarSticky = false;
-    sidebarItemsFilter = new EventEmitter();
-    searchbar;
-    filteredItems = [];
-    query = '';
     constructor(i18nService, asService, menuCtrl, navCtrl) {
         this.i18nService = i18nService;
         this.asService = asService;
         this.menuCtrl = menuCtrl;
         this.navCtrl = navCtrl;
+        this.className = 'euim-sidebar-content';
+        this.sidebarItems = [];
+        this.ionMenuId = 'main';
+        this.hasSearchbar = false;
+        this.isSearchbarSticky = false;
+        this.sidebarItemsFilter = new EventEmitter();
+        this.filteredItems = [];
+        this.query = '';
         i18nService.init().subscribe();
     }
     ngOnInit() {
@@ -1272,10 +1219,10 @@ class EuimSidebarContentComponent {
             return labelMatch || typeMatch;
         });
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarContentComponent, deps: [{ token: i1$1.I18nService }, { token: i1$1.EuiAppShellService }, { token: i1.MenuController }, { token: i1.NavController }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSidebarContentComponent, isStandalone: true, selector: "euim-sidebar-content", inputs: { sidebarItems: "sidebarItems", ionMenuId: "ionMenuId", hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute], isSearchbarSticky: ["isSearchbarSticky", "isSearchbarSticky", booleanAttribute] }, outputs: { sidebarItemsFilter: "sidebarItemsFilter" }, host: { properties: { "className": "this.className" } }, viewQueries: [{ propertyName: "searchbar", first: true, predicate: IonSearchbar, descendants: true }], ngImport: i0, template: "<ion-list class=\"euim-sidebar-content__list\">\n    @if (hasSearchbar) {\n        <div class=\"euim-sidebar-content__searchbar\" [ngClass]=\"{ 'euim-sidebar-content__searchbar--sticky': isSearchbarSticky }\">\n            <ion-searchbar (ionInput)=\"handleInput($event)\"></ion-searchbar>\n        </div>\n    }\n    <ion-menu-toggle auto-hide=\"true\" (click)=\"closeMenu()\" menu=\"{{ionMenuId}}\">\n        <ng-content></ng-content>\n    </ion-menu-toggle>\n</ion-list>\n\n", dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSidebarContentComponent, deps: [{ token: i1$1.I18nService }, { token: i1$1.EuiAppShellService }, { token: i1.MenuController }, { token: i1.NavController }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuimSidebarContentComponent, isStandalone: true, selector: "euim-sidebar-content", inputs: { sidebarItems: "sidebarItems", ionMenuId: "ionMenuId", hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute], isSearchbarSticky: ["isSearchbarSticky", "isSearchbarSticky", booleanAttribute] }, outputs: { sidebarItemsFilter: "sidebarItemsFilter" }, host: { properties: { "className": "this.className" } }, viewQueries: [{ propertyName: "searchbar", first: true, predicate: IonSearchbar, descendants: true }], ngImport: i0, template: "<ion-list class=\"euim-sidebar-content__list\">\n    @if (hasSearchbar) {\n        <div class=\"euim-sidebar-content__searchbar\" [ngClass]=\"{ 'euim-sidebar-content__searchbar--sticky': isSearchbarSticky }\">\n            <ion-searchbar (ionInput)=\"handleInput($event)\"></ion-searchbar>\n        </div>\n    }\n    <ion-menu-toggle auto-hide=\"true\" (click)=\"closeMenu()\" menu=\"{{ionMenuId}}\">\n        <ng-content></ng-content>\n    </ion-menu-toggle>\n</ion-list>\n\n", dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSidebarContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-sidebar-content', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IonicModule, CommonModule], template: "<ion-list class=\"euim-sidebar-content__list\">\n    @if (hasSearchbar) {\n        <div class=\"euim-sidebar-content__searchbar\" [ngClass]=\"{ 'euim-sidebar-content__searchbar--sticky': isSearchbarSticky }\">\n            <ion-searchbar (ionInput)=\"handleInput($event)\"></ion-searchbar>\n        </div>\n    }\n    <ion-menu-toggle auto-hide=\"true\" (click)=\"closeMenu()\" menu=\"{{ionMenuId}}\">\n        <ng-content></ng-content>\n    </ion-menu-toggle>\n</ion-list>\n\n" }]
         }], ctorParameters: () => [{ type: i1$1.I18nService }, { type: i1$1.EuiAppShellService }, { type: i1.MenuController }, { type: i1.NavController }], propDecorators: { className: [{
@@ -1298,15 +1245,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimSidebarComponent {
-    router;
-    menuCtrl;
-    sidebarContent;
-    className = 'euim-sidebar';
-    ionMenuId = 'main';
-    routerPath = 'home';
     constructor(router, menuCtrl) {
         this.router = router;
         this.menuCtrl = menuCtrl;
+        this.className = 'euim-sidebar';
+        this.ionMenuId = 'main';
+        this.routerPath = 'home';
     }
     ngOnInit() {
         this.router.events.subscribe(event => {
@@ -1332,15 +1276,14 @@ class EuimSidebarComponent {
             this.sidebarContent.ionMenuId = this.ionMenuId;
         }
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarComponent, deps: [{ token: i1$2.Router }, { token: i1.MenuController }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSidebarComponent, isStandalone: true, selector: "euim-sidebar", inputs: { ionMenuId: "ionMenuId", routerPath: "routerPath" }, host: { properties: { "className": "this.className" } }, queries: [{ propertyName: "sidebarContent", first: true, predicate: EuimSidebarContentComponent, descendants: true }], ngImport: i0, template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n    <ng-content></ng-content>\n    <ion-content>\n        <ng-content select=\"euim-sidebar-content\"></ng-content>\n    </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md{box-shadow:none}.euim-sidebar ion-header.header-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0;position:relative}.euim-sidebar-content__searchbar--sticky{position:sticky;top:0;z-index:var(--eui-zi-sticky)}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-item .euim-avatar--color-success{background-color:var(--eui-c-success-dark)}.euim-sidebar-content ion-item .euim-avatar--color-danger{background-color:var(--eui-c-danger-dark)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-s-m) 0 var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-s-m);height:var(--eui-s-m);opacity:1;color:var(--eui-c-neutral-lighter);margin-left:var(--eui-s-xs)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }, { kind: "ngmodule", type: RouterModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSidebarComponent, deps: [{ token: i1$2.Router }, { token: i1.MenuController }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimSidebarComponent, isStandalone: true, selector: "euim-sidebar", inputs: { ionMenuId: "ionMenuId", routerPath: "routerPath" }, host: { properties: { "className": "this.className" } }, queries: [{ propertyName: "sidebarContent", first: true, predicate: EuimSidebarContentComponent, descendants: true }], ngImport: i0, template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n    <ng-content></ng-content>\n    <ion-content>\n        <ng-content select=\"euim-sidebar-content\"></ng-content>\n    </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md{box-shadow:none}.euim-sidebar ion-header.header-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0;position:relative}.euim-sidebar-content__searchbar--sticky{position:sticky;top:0;z-index:var(--eui-zi-sticky)}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-item .euim-avatar--color-success{background-color:var(--eui-c-success-dark)}.euim-sidebar-content ion-item .euim-avatar--color-danger{background-color:var(--eui-c-danger-dark)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-s-m) 0 var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-s-m);height:var(--eui-s-m);opacity:1;color:var(--eui-c-neutral-lighter);margin-left:var(--eui-s-xs)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }, { kind: "ngmodule", type: RouterModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSidebarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
                         IonicModule,
                         RouterModule,
-                        EuimSidebarContentComponent,
                     ], template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n    <ng-content></ng-content>\n    <ion-content>\n        <ng-content select=\"euim-sidebar-content\"></ng-content>\n    </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md{box-shadow:none}.euim-sidebar ion-header.header-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0;position:relative}.euim-sidebar-content__searchbar--sticky{position:sticky;top:0;z-index:var(--eui-zi-sticky)}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-item .euim-avatar--color-success{background-color:var(--eui-c-success-dark)}.euim-sidebar-content ion-item .euim-avatar--color-danger{background-color:var(--eui-c-danger-dark)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-s-m) 0 var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-s-m);height:var(--eui-s-m);opacity:1;color:var(--eui-c-neutral-lighter);margin-left:var(--eui-s-xs)}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.Router }, { type: i1.MenuController }], propDecorators: { sidebarContent: [{
                 type: ContentChild,
@@ -1357,13 +1300,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_SIDEBAR} instead.
  */
 class EuimSidebarModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarModule, imports: [EuimSidebarComponent,
-            EuimSidebarContentComponent], exports: [EuimSidebarComponent, EuimSidebarContentComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarModule, imports: [EuimSidebarComponent,
-            EuimSidebarContentComponent] });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimSidebarModule, imports: [EuimSidebarComponent,
+            EuimSidebarContentComponent], exports: [EuimSidebarComponent, EuimSidebarContentComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSidebarModule, imports: [EuimSidebarComponent,
+            EuimSidebarContentComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSidebarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1380,13 +1323,12 @@ const EUIM_SIDEBAR = [
 ];
 
 class EuimHeaderDetailsComponent {
-    baseStatesDirective;
-    hasBorderBottom = true;
     get cssClasses() {
         return this.getCssClasses();
     }
     constructor(baseStatesDirective) {
         this.baseStatesDirective = baseStatesDirective;
+        this.hasBorderBottom = true;
     }
     getCssClasses() {
         return [
@@ -1394,10 +1336,10 @@ class EuimHeaderDetailsComponent {
             !this.hasBorderBottom ? 'euim-header-details--no-border-bottom' : '',
         ].join(' ');
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuimHeaderDetailsComponent, isStandalone: true, selector: "euim-header-details", inputs: { hasBorderBottom: ["hasBorderBottom", "hasBorderBottom", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-s-m);display:block;text-align:center;background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-lightest)}.euim-header-details--no-border-bottom{border-bottom:none}.euim-header-details--branding{background-color:var(--eui-c-branding);border-bottom:none}.euim-header-details--branding .euim-header-details__title,.euim-header-details--branding .euim-header-details__meta{color:var(--eui-c-branding-contrast)}.euim-header-details--branding .euim-avatar{background-color:var(--eui-c-branding-contrast)}.euim-header-details--branding .euim-avatar .euim-avatar-icon ion-icon{color:var(--eui-c-branding)}.euim-header-details__title{font:var(--eui-f-m-compact);color:var(--eui-c-neutral)}.euim-header-details__meta{color:var(--eui-c-neutral-light);font:var(--eui-f-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-s-xs)}.euim-header-details__title+.euim-header-details__meta,.euim-header-details__meta+.euim-header-details__meta{margin-top:var(--eui-s-2xs)}.euim-header-details p,.euim-header-details span{margin:0}.euim-header-details span[euimHeaderDetailsTitle],.euim-header-details span[euimHeaderDetailsMeta]{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimHeaderDetailsComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "19.2.17", type: EuimHeaderDetailsComponent, isStandalone: true, selector: "euim-header-details", inputs: { hasBorderBottom: ["hasBorderBottom", "hasBorderBottom", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-s-m);display:block;text-align:center;background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-lightest)}.euim-header-details--no-border-bottom{border-bottom:none}.euim-header-details--branding{background-color:var(--eui-c-branding);border-bottom:none}.euim-header-details--branding .euim-header-details__title,.euim-header-details--branding .euim-header-details__meta{color:var(--eui-c-branding-contrast)}.euim-header-details--branding .euim-avatar{background-color:var(--eui-c-branding-contrast)}.euim-header-details--branding .euim-avatar .euim-avatar-icon ion-icon{color:var(--eui-c-branding)}.euim-header-details__title{font:var(--eui-f-m-compact);color:var(--eui-c-neutral)}.euim-header-details__meta{color:var(--eui-c-neutral-light);font:var(--eui-f-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-s-xs)}.euim-header-details__title+.euim-header-details__meta,.euim-header-details__meta+.euim-header-details__meta{margin-top:var(--eui-s-2xs)}.euim-header-details p,.euim-header-details span{margin:0}.euim-header-details span[euimHeaderDetailsTitle],.euim-header-details span[euimHeaderDetailsMeta]{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimHeaderDetailsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-header-details', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
                         {
@@ -1416,11 +1358,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimHeaderDetailsMetaDirective {
-    className = 'euim-header-details__meta';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsMetaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimHeaderDetailsMetaDirective, isStandalone: true, selector: "[euimHeaderDetailsMeta]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-header-details__meta';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimHeaderDetailsMetaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimHeaderDetailsMetaDirective, isStandalone: true, selector: "[euimHeaderDetailsMeta]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsMetaDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimHeaderDetailsMetaDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimHeaderDetailsMeta]',
@@ -1432,11 +1376,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimHeaderDetailsTitleDirective {
-    className = 'euim-header-details__title';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimHeaderDetailsTitleDirective, isStandalone: true, selector: "[euimHeaderDetailsTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-header-details__title';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimHeaderDetailsTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimHeaderDetailsTitleDirective, isStandalone: true, selector: "[euimHeaderDetailsTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimHeaderDetailsTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimHeaderDetailsTitle]',
@@ -1448,11 +1394,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimHeaderDetailsIconDirective {
-    className = 'euim-header-details__icon';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimHeaderDetailsIconDirective, isStandalone: true, selector: "[euimHeaderDetailsIcon]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-header-details__icon';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimHeaderDetailsIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimHeaderDetailsIconDirective, isStandalone: true, selector: "[euimHeaderDetailsIcon]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimHeaderDetailsIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimHeaderDetailsIcon]',
@@ -1467,11 +1415,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_HEADER_DETAILS} instead.
  */
 class EuimHeaderDetailsModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsModule, imports: [EuimHeaderDetailsComponent, EuimHeaderDetailsTitleDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsIconDirective], exports: [EuimHeaderDetailsComponent, EuimHeaderDetailsTitleDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsIconDirective] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsModule });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimHeaderDetailsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimHeaderDetailsModule, imports: [EuimHeaderDetailsComponent, EuimHeaderDetailsTitleDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsIconDirective], exports: [EuimHeaderDetailsComponent, EuimHeaderDetailsTitleDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsIconDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimHeaderDetailsModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHeaderDetailsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimHeaderDetailsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuimHeaderDetailsComponent, EuimHeaderDetailsTitleDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsIconDirective],
@@ -1487,7 +1435,6 @@ const EUIM_HEADER_DETAILS = [
 ];
 
 class EuimBadgeComponent {
-    baseStatesDirective;
     get cssClasses() {
         return this.getCssClasses();
     }
@@ -1499,10 +1446,10 @@ class EuimBadgeComponent {
             this.baseStatesDirective.getCssClasses('euim-badge'),
         ].join(' ').trim();
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimBadgeComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimBadgeComponent, isStandalone: true, selector: "euim-badge", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimPositionTopEnd", "euimPositionTopEnd", "euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);height:var(--eui-is-m);min-width:var(--eui-is-m);padding:var(--eui-s-2xs) var(--eui-s-xs);color:var(--eui-c-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-s-bold-compact);box-sizing:border-box;letter-spacing:normal}.euim-avatar{position:relative;overflow:visible}ion-button .euim-badge--position-top-end,ion-tab-button span .euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-l.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-l.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-m.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-m.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-xs));left:var(--eui-s-s)}ion-button .euim-badge--size-s.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-s.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-2xs));left:var(--eui-s-m)}ion-button:has(euim-badge)::part(native){overflow:visible}ion-tab-button span{position:relative}ion-tab-button span ion-icon{font-size:var(--eui-f-size-2xl)}.euim-badge--info{background:var(--eui-c-info)}.euim-badge--primary{background:var(--eui-c-primary)}.euim-badge--success{background:var(--eui-c-success-dark)}.euim-badge--warning{background:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-badge--danger{background:var(--eui-c-danger-dark)}.euim-badge--white{background:var(--eui-c-neutral-min);color:var(--eui-c-primary)}.euim-badge--default{background:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral-lightest-contrast)}.euim-badge--size-s{min-width:var(--eui-is-xs);height:var(--eui-is-xs);padding:var(--eui-s-2xs);font:var(--eui-f-xs-bold-compact)!important}.euim-badge--size-m{min-width:var(--eui-is-s);height:var(--eui-is-s);padding:var(--eui-s-2xs);font:var(--eui-f-s-bold-compact)!important}.euim-badge--size-l{height:var(--eui-is-m);min-width:var(--eui-is-m);font:var(--eui-f-s-bold-compact)!important}.euim-badge--size-xl{height:var(--eui-is-xl);min-width:var(--eui-is-xl);font:var(--eui-f-l-bold-compact)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimBadgeComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimBadgeComponent, isStandalone: true, selector: "euim-badge", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimPositionTopEnd", "euimPositionTopEnd", "euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);height:var(--eui-is-m);min-width:var(--eui-is-m);padding:var(--eui-s-none) var(--eui-s-xs);color:var(--eui-c-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-s-bold);box-sizing:border-box;letter-spacing:normal}.euim-avatar{position:relative;overflow:visible}ion-button .euim-badge--position-top-end,ion-tab-button span .euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-l.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-l.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-m.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-m.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-xs));left:var(--eui-s-s)}ion-button .euim-badge--size-s.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-s.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-2xs));left:var(--eui-s-m)}ion-button:has(euim-badge)::part(native){overflow:visible}ion-tab-button span{position:relative}ion-tab-button span ion-icon{font-size:var(--eui-f-size-2xl)}.euim-badge--info{background:var(--eui-c-info-surface)}.euim-badge--primary{background:var(--eui-c-primary-surface)}.euim-badge--success{background:var(--eui-c-success-surface)}.euim-badge--warning{background:var(--eui-c-warning-surface);color:var(--eui-c-warning-on-surface)}.euim-badge--danger{background:var(--eui-c-danger-surface)}.euim-badge--default{background:var(--eui-c-neutral-surface);color:var(--eui-c-neutral-on-surface)}.euim-badge--size-s{min-width:var(--eui-is-xs);height:var(--eui-is-xs);padding:var(--eui-s-none) var(--eui-s-3xs);font:var(--eui-f-xs-bold)!important}.euim-badge--size-m{min-width:var(--eui-is-s);height:var(--eui-is-s);padding:var(--eui-s-none) var(--eui-s-2xs);font:var(--eui-f-s-bold)!important}.euim-badge--size-l{height:var(--eui-is-m);min-width:var(--eui-is-m);font:var(--eui-f-s-bold)!important}.euim-badge--size-xl{height:var(--eui-is-xl);min-width:var(--eui-is-xl);padding:var(--eui-s-none) var(--eui-s-xs);font:var(--eui-f-l-bold)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimBadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-badge', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
@@ -1516,7 +1463,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                                 'color',
                             ],
                         },
-                    ], standalone: true, template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);height:var(--eui-is-m);min-width:var(--eui-is-m);padding:var(--eui-s-2xs) var(--eui-s-xs);color:var(--eui-c-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-s-bold-compact);box-sizing:border-box;letter-spacing:normal}.euim-avatar{position:relative;overflow:visible}ion-button .euim-badge--position-top-end,ion-tab-button span .euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-l.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-l.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-m.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-m.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-xs));left:var(--eui-s-s)}ion-button .euim-badge--size-s.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-s.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-2xs));left:var(--eui-s-m)}ion-button:has(euim-badge)::part(native){overflow:visible}ion-tab-button span{position:relative}ion-tab-button span ion-icon{font-size:var(--eui-f-size-2xl)}.euim-badge--info{background:var(--eui-c-info)}.euim-badge--primary{background:var(--eui-c-primary)}.euim-badge--success{background:var(--eui-c-success-dark)}.euim-badge--warning{background:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-badge--danger{background:var(--eui-c-danger-dark)}.euim-badge--white{background:var(--eui-c-neutral-min);color:var(--eui-c-primary)}.euim-badge--default{background:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral-lightest-contrast)}.euim-badge--size-s{min-width:var(--eui-is-xs);height:var(--eui-is-xs);padding:var(--eui-s-2xs);font:var(--eui-f-xs-bold-compact)!important}.euim-badge--size-m{min-width:var(--eui-is-s);height:var(--eui-is-s);padding:var(--eui-s-2xs);font:var(--eui-f-s-bold-compact)!important}.euim-badge--size-l{height:var(--eui-is-m);min-width:var(--eui-is-m);font:var(--eui-f-s-bold-compact)!important}.euim-badge--size-xl{height:var(--eui-is-xl);min-width:var(--eui-is-xl);font:var(--eui-f-l-bold-compact)!important}\n"] }]
+                    ], standalone: true, template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);height:var(--eui-is-m);min-width:var(--eui-is-m);padding:var(--eui-s-none) var(--eui-s-xs);color:var(--eui-c-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-s-bold);box-sizing:border-box;letter-spacing:normal}.euim-avatar{position:relative;overflow:visible}ion-button .euim-badge--position-top-end,ion-tab-button span .euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-l.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-l.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-m.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-m.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-xs));left:var(--eui-s-s)}ion-button .euim-badge--size-s.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-s.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-2xs));left:var(--eui-s-m)}ion-button:has(euim-badge)::part(native){overflow:visible}ion-tab-button span{position:relative}ion-tab-button span ion-icon{font-size:var(--eui-f-size-2xl)}.euim-badge--info{background:var(--eui-c-info-surface)}.euim-badge--primary{background:var(--eui-c-primary-surface)}.euim-badge--success{background:var(--eui-c-success-surface)}.euim-badge--warning{background:var(--eui-c-warning-surface);color:var(--eui-c-warning-on-surface)}.euim-badge--danger{background:var(--eui-c-danger-surface)}.euim-badge--default{background:var(--eui-c-neutral-surface);color:var(--eui-c-neutral-on-surface)}.euim-badge--size-s{min-width:var(--eui-is-xs);height:var(--eui-is-xs);padding:var(--eui-s-none) var(--eui-s-3xs);font:var(--eui-f-xs-bold)!important}.euim-badge--size-m{min-width:var(--eui-is-s);height:var(--eui-is-s);padding:var(--eui-s-none) var(--eui-s-2xs);font:var(--eui-f-s-bold)!important}.euim-badge--size-l{height:var(--eui-is-m);min-width:var(--eui-is-m);font:var(--eui-f-s-bold)!important}.euim-badge--size-xl{height:var(--eui-is-xl);min-width:var(--eui-is-xl);padding:var(--eui-s-none) var(--eui-s-xs);font:var(--eui-f-l-bold)!important}\n"] }]
         }], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -1526,11 +1473,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_BADGE} instead.
  */
 class EuimBadgeModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimBadgeModule, imports: [EuimBadgeComponent], exports: [EuimBadgeComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimBadgeModule });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimBadgeModule, imports: [EuimBadgeComponent], exports: [EuimBadgeComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimBadgeModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimBadgeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimBadgeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuimBadgeComponent],
@@ -1546,7 +1493,6 @@ const EUIM_BADGE = [
  * @deprecated It will be removed on v20 release. Use {@link EuimAlertMessageComponent} instead.
  */
 class EuimMessageComponent {
-    baseStatesDirective;
     get icon() {
         switch (this.baseStatesDirective.color) {
             case 'warning':
@@ -1574,10 +1520,10 @@ class EuimMessageComponent {
                 this.baseStatesDirective.color !== 'info' ? 'euim-message--info' : '',
         ].join(' ');
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMessageComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimMessageComponent, isStandalone: true, selector: "euim-message", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], 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{border-width:2px;border-style:solid;display:flex;padding:var(--eui-s-m)}.euim-message__wrappericon{width:var(--eui-is-m);height:var(--eui-is-m);padding:0;margin:0}.euim-message__icon{padding:0;margin:0;width:var(--eui-is-m);height:var(--eui-is-m)}.euim-message__wrapper{margin-left:var(--eui-s-xs)}.euim-message--danger{border-color:var(--eui-c-danger-dark)}.euim-message--danger ion-icon{color:var(--eui-c-danger-dark)}.euim-message--info{border-color:var(--eui-c-info)}.euim-message--info ion-icon{color:var(--eui-c-info)}.euim-message--success{border-color:var(--eui-c-success-dark)}.euim-message--success ion-icon{color:var(--eui-c-success-dark)}.euim-message--warning{border-color:var(--eui-c-warning)}.euim-message--warning ion-icon{color:var(--eui-c-warning)}.euim-message-title{display:flex;align-items:center;font:var(--eui-f-m-bold-compact);padding:0;margin:0 0 var(--eui-s-xs)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { 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 });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMessageComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimMessageComponent, isStandalone: true, selector: "euim-message", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], 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{border-width:2px;border-style:solid;display:flex;padding:var(--eui-s-m)}.euim-message__wrappericon{width:var(--eui-is-m);height:var(--eui-is-m);padding:0;margin:0}.euim-message__icon{padding:0;margin:0;width:var(--eui-is-m);height:var(--eui-is-m)}.euim-message__wrapper{margin-left:var(--eui-s-xs)}.euim-message--danger{border-color:var(--eui-c-danger-dark)}.euim-message--danger ion-icon{color:var(--eui-c-danger-dark)}.euim-message--info{border-color:var(--eui-c-info)}.euim-message--info ion-icon{color:var(--eui-c-info)}.euim-message--success{border-color:var(--eui-c-success-dark)}.euim-message--success ion-icon{color:var(--eui-c-success-dark)}.euim-message--warning{border-color:var(--eui-c-warning)}.euim-message--warning ion-icon{color:var(--eui-c-warning)}.euim-message-title{display:flex;align-items:center;font:var(--eui-f-m-bold-compact);padding:0;margin:0 0 var(--eui-s-xs)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { 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: "18.2.13", ngImport: i0, type: EuimMessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMessageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
                         {
@@ -1593,11 +1539,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimMessageTitleComponent {
-    className = 'euim-message-title';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMessageTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimMessageTitleComponent, isStandalone: true, selector: "euim-message-title", host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    constructor() {
+        this.className = 'euim-message-title';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMessageTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimMessageTitleComponent, isStandalone: true, selector: "euim-message-title", host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMessageTitleComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMessageTitleComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-message-title', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { className: [{
@@ -1608,11 +1556,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_MESSAGE} instead.
  */
 class EuimMessageModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimMessageModule, imports: [EuimMessageComponent, EuimMessageTitleComponent], exports: [EuimMessageComponent, EuimMessageTitleComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMessageModule, imports: [EuimMessageComponent] });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimMessageModule, imports: [EuimMessageComponent, EuimMessageTitleComponent], exports: [EuimMessageComponent, EuimMessageTitleComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMessageModule, imports: [EuimMessageComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMessageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMessageModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuimMessageComponent, EuimMessageTitleComponent],
@@ -1626,7 +1574,9 @@ const EUIM_MESSAGE = [
 ];
 
 class EuimSpinnerComponent {
-    variant = 'default';
+    constructor() {
+        this.variant = 'default';
+    }
     get cssClasses() {
         return this.getCssClasses();
     }
@@ -1636,15 +1586,15 @@ class EuimSpinnerComponent {
             this.variant ? `euim-spinner--variant-${this.variant}` : '',
         ].join(' ');
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSpinnerComponent, isStandalone: true, selector: "euim-spinner", inputs: { variant: "variant" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ion-spinner class=\"euim-spinner__icon\"></ion-spinner>\n<ng-content></ng-content>\n", styles: [".euim-spinner{width:100%;margin:0;padding:0;display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center}.euim-spinner__icon{width:var(--eui-is-m);height:var(--eui-is-m);color:var(--eui-c-primary)}.euim-spinner--size-xs{font-size:var(--eui-f-xs-compact)}.euim-spinner--size-s{font-size:var(--eui-f-s-compact)}.euim-spinner--size-m{font-size:var(--eui-f-m-compact)}.euim-spinner--size-l{font-size:var(--eui-f-l-compact)}.euim-spinner--size-xl{font-size:var(--eui-f-xl-compact)}.euim-spinner--size-2xl{font-size:var(--eui-f-2xl-compact)}.euim-spinner--size-3xl{font-size:var(--eui-f-3xl-compact)}.euim-spinner--size-4xl{font-size:var(--eui-f-4xl-compact)}.euim-spinner--variant-inverted .euim-spinner-description,.euim-spinner--variant-inverted .euim-spinner-message{color:var(--eui-c-neutral-min)}.euim-spinner--variant-inverted ion-spinner{color:var(--eui-c-neutral-min)}.euim-spinner-message{font:var(--eui-f-m-compact);display:flex;justify-content:center;color:var(--eui-c-neutral);margin-top:var(--eui-s-2xs)}.euim-spinner-description{font:var(--eui-f-s-compact);display:flex;justify-content:center;color:var(--eui-c-neutral-light);margin-top:var(--eui-s-2xs)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "ngmodule", type: TranslateModule }], encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimSpinnerComponent, isStandalone: true, selector: "euim-spinner", inputs: { variant: "variant" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ion-spinner class=\"euim-spinner__icon\"></ion-spinner>\n<ng-content></ng-content>\n", styles: [".euim-spinner{width:100%;margin:var(--eui-s-none);padding:var(--eui-s-none);display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center}.euim-spinner__icon{width:var(--eui-is-m);height:var(--eui-is-m);color:var(--eui-c-primary)}.euim-spinner--variant-inverted .euim-spinner-description,.euim-spinner--variant-inverted .euim-spinner-message{color:var(--eui-c-white)}.euim-spinner--variant-inverted ion-spinner{color:var(--eui-c-white)}.euim-spinner-message{font:var(--eui-f-m);display:flex;justify-content:center;color:var(--eui-c-text);margin-top:var(--eui-s-3xs)}.euim-spinner-description{font:var(--eui-f-s);display:flex;justify-content:center;color:var(--eui-c-text-lighter);margin-top:var(--eui-s-4xs)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "ngmodule", type: TranslateModule }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSpinnerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-spinner', encapsulation: ViewEncapsulation.None, standalone: true, imports: [
                         IonicModule,
                         TranslateModule,
-                    ], template: "<ion-spinner class=\"euim-spinner__icon\"></ion-spinner>\n<ng-content></ng-content>\n", styles: [".euim-spinner{width:100%;margin:0;padding:0;display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center}.euim-spinner__icon{width:var(--eui-is-m);height:var(--eui-is-m);color:var(--eui-c-primary)}.euim-spinner--size-xs{font-size:var(--eui-f-xs-compact)}.euim-spinner--size-s{font-size:var(--eui-f-s-compact)}.euim-spinner--size-m{font-size:var(--eui-f-m-compact)}.euim-spinner--size-l{font-size:var(--eui-f-l-compact)}.euim-spinner--size-xl{font-size:var(--eui-f-xl-compact)}.euim-spinner--size-2xl{font-size:var(--eui-f-2xl-compact)}.euim-spinner--size-3xl{font-size:var(--eui-f-3xl-compact)}.euim-spinner--size-4xl{font-size:var(--eui-f-4xl-compact)}.euim-spinner--variant-inverted .euim-spinner-description,.euim-spinner--variant-inverted .euim-spinner-message{color:var(--eui-c-neutral-min)}.euim-spinner--variant-inverted ion-spinner{color:var(--eui-c-neutral-min)}.euim-spinner-message{font:var(--eui-f-m-compact);display:flex;justify-content:center;color:var(--eui-c-neutral);margin-top:var(--eui-s-2xs)}.euim-spinner-description{font:var(--eui-f-s-compact);display:flex;justify-content:center;color:var(--eui-c-neutral-light);margin-top:var(--eui-s-2xs)}\n"] }]
+                    ], template: "<ion-spinner class=\"euim-spinner__icon\"></ion-spinner>\n<ng-content></ng-content>\n", styles: [".euim-spinner{width:100%;margin:var(--eui-s-none);padding:var(--eui-s-none);display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center}.euim-spinner__icon{width:var(--eui-is-m);height:var(--eui-is-m);color:var(--eui-c-primary)}.euim-spinner--variant-inverted .euim-spinner-description,.euim-spinner--variant-inverted .euim-spinner-message{color:var(--eui-c-white)}.euim-spinner--variant-inverted ion-spinner{color:var(--eui-c-white)}.euim-spinner-message{font:var(--eui-f-m);display:flex;justify-content:center;color:var(--eui-c-text);margin-top:var(--eui-s-3xs)}.euim-spinner-description{font:var(--eui-f-s);display:flex;justify-content:center;color:var(--eui-c-text-lighter);margin-top:var(--eui-s-4xs)}\n"] }]
         }], propDecorators: { variant: [{
                 type: Input
             }], cssClasses: [{
@@ -1654,13 +1604,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 /* eslint-disable @angular-eslint/component-selector */
 class EuimSpinnerMessageComponent {
-    className = 'euim-spinner-message';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSpinnerMessageComponent, isStandalone: true, selector: "[euimSpinnerMessage]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-spinner-message{font:var(--eui-f-m-compact);display:flex;justify-content:center;color:var(--eui-c-neutral);margin-top:var(--eui-s-2xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    constructor() {
+        this.className = 'euim-spinner-message';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSpinnerMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimSpinnerMessageComponent, isStandalone: true, selector: "[euimSpinnerMessage]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-spinner-message{font:var(--eui-f-m);display:flex;justify-content:center;color:var(--eui-c-text);margin-top:var(--eui-s-3xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerMessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSpinnerMessageComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[euimSpinnerMessage]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [".euim-spinner-message{font:var(--eui-f-m-compact);display:flex;justify-content:center;color:var(--eui-c-neutral);margin-top:var(--eui-s-2xs)}\n"] }]
+            args: [{ selector: '[euimSpinnerMessage]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [".euim-spinner-message{font:var(--eui-f-m);display:flex;justify-content:center;color:var(--eui-c-text);margin-top:var(--eui-s-3xs)}\n"] }]
         }], propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class']
@@ -1668,13 +1620,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 /* eslint-disable @angular-eslint/component-selector */
 class EuimSpinnerDescriptionComponent {
-    className = 'euim-spinner-description';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSpinnerDescriptionComponent, isStandalone: true, selector: "[euimSpinnerDescription]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-spinner-description{font:var(--eui-f-s-compact);display:flex;justify-content:center;color:var(--eui-c-neutral-light);margin-top:var(--eui-s-2xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    constructor() {
+        this.className = 'euim-spinner-description';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSpinnerDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimSpinnerDescriptionComponent, isStandalone: true, selector: "[euimSpinnerDescription]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-spinner-description{font:var(--eui-f-s);display:flex;justify-content:center;color:var(--eui-c-text-lighter);margin-top:var(--eui-s-4xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerDescriptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSpinnerDescriptionComponent, decorators: [{
             type: Component,
-            args: [{ selector: '[euimSpinnerDescription]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [".euim-spinner-description{font:var(--eui-f-s-compact);display:flex;justify-content:center;color:var(--eui-c-neutral-light);margin-top:var(--eui-s-2xs)}\n"] }]
+            args: [{ selector: '[euimSpinnerDescription]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, styles: [".euim-spinner-description{font:var(--eui-f-s);display:flex;justify-content:center;color:var(--eui-c-text-lighter);margin-top:var(--eui-s-4xs)}\n"] }]
         }], propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class']
@@ -1684,15 +1638,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_SPINNER} instead.
  */
 class EuimSpinnerComponentModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponentModule, imports: [EuimSpinnerComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSpinnerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimSpinnerComponentModule, imports: [EuimSpinnerComponent,
             EuimSpinnerMessageComponent,
             EuimSpinnerDescriptionComponent], exports: [EuimSpinnerComponent,
             EuimSpinnerMessageComponent,
-            EuimSpinnerDescriptionComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponentModule, imports: [EuimSpinnerComponent] });
+            EuimSpinnerDescriptionComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSpinnerComponentModule, imports: [EuimSpinnerComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSpinnerComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1715,15 +1669,14 @@ const EUIM_SPINNER = [
 ];
 
 class EuimMediaHeaderComponent {
-    baseStatesDirective;
-    euimNoGradient = false;
-    euimTwoSidesGradient = false;
-    hasBlur = false;
     get cssClasses() {
         return this.getCssClasses();
     }
     constructor(baseStatesDirective) {
         this.baseStatesDirective = baseStatesDirective;
+        this.euimNoGradient = false;
+        this.euimTwoSidesGradient = false;
+        this.hasBlur = false;
     }
     getCssClasses() {
         let size;
@@ -1741,10 +1694,10 @@ class EuimMediaHeaderComponent {
             size ? `euim-media-header__size-${size}` : '',
         ].join(' ').trim();
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimMediaHeaderComponent, isStandalone: true, selector: "euim-media-header", inputs: { euimNoGradient: ["euimNoGradient", "euimNoGradient", booleanAttribute], euimTwoSidesGradient: ["euimTwoSidesGradient", "euimTwoSidesGradient", booleanAttribute], hasBlur: ["hasBlur", "hasBlur", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ng-content select=\"[euimMediaHeaderImage]\"></ng-content>\n@if (!euimNoGradient) {\n  <div [ngClass]=\"euimTwoSidesGradient ? 'euim-media-header__gradient euim-media-header__gradient--two-sides' : 'euim-media-header__gradient'\">\n  </div>\n}\n@if (hasBlur) {\n    <div class=\"euim-media-header__blur\">\n    </div>\n}\n<div class=\"euim-media-header__content\">\n  <ng-content></ng-content>\n</div>\n", styles: [".euim-media-header{position:relative;display:flex;overflow-y:auto;max-height:100vh}.euim-media-header__content{position:absolute;bottom:var(--eui-s-m);color:var(--eui-c-neutral-min);padding-left:var(--eui-s-m);padding-right:var(--eui-s-m)}.euim-media-header__content .euim-media-header__title{font:var(--eui-f-l-bold-compact);color:var(--eui-c-neutral-min)}.euim-media-header__content .euim-media-header__sub-title{color:var(--eui-c-neutral-min);font:var(--eui-f-m-compact)}.euim-media-header__content:has(.euim-media-header__custom-content){padding:0;top:0;right:0;width:100%;height:100%;overflow:auto}.euim-media-header__content:has(.euim-align-center){top:50%;right:50%;transform:translate(50%,-50%);width:100%;bottom:auto;text-align:center}.euim-media-header__custom-content,.euim-media-header .euim-media-header__blur,.euim-media-header .euim-media-header__gradient{padding:0;top:0;right:0;left:0;overflow:auto;height:100%}.euim-media-header .euim-media-header__image{height:auto}.euim-media-header__blur{position:absolute;inset:0;background-color:#0003;backdrop-filter:blur(25px)}.euim-media-header__gradient{width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#000);background-blend-mode:multiply;background-size:100%;position:absolute;inset:0}.euim-media-header__gradient--two-sides{background:linear-gradient(180deg,#000,#fff0 46.35%,#000 86.98%)!important}.euim-media-header__image{width:100%;height:100%;object-fit:cover}.euim-media-header__title{font:var(--eui-f-xl-bold-compact);color:var(--eui-c-neutral-min)}.euim-media-header__sub-title{color:var(--eui-c-neutral-min);font:var(--eui-f-m-compact)}.euim-media-header__title+.euim-media-header__sub-title{margin-top:var(--eui-s-2xs)}.euim-media-header p,.euim-media-header span{margin:0}.euim-media-header span[euimMediaHeaderTitle],.euim-media-header span[euimMediaHeaderSubTitle]{display:block}.euim-media-header__size-s .euim-media-header__image,.euim-media-header__size-s .euim-media-header__blur,.euim-media-header__size-s .euim-media-header__gradient{height:calc(var(--eui-s-m) * 8)}.euim-media-header__size-m .euim-media-header__image,.euim-media-header__size-m .euim-media-header__blur,.euim-media-header__size-m .euim-media-header__gradient{height:calc(var(--eui-s-m) * 16)}.euim-media-header__size-l .euim-media-header__image,.euim-media-header__size-l .euim-media-header__blur,.euim-media-header__size-l .euim-media-header__gradient{height:calc(var(--eui-s-m) * 25)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMediaHeaderComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuimMediaHeaderComponent, isStandalone: true, selector: "euim-media-header", inputs: { euimNoGradient: ["euimNoGradient", "euimNoGradient", booleanAttribute], euimTwoSidesGradient: ["euimTwoSidesGradient", "euimTwoSidesGradient", booleanAttribute], hasBlur: ["hasBlur", "hasBlur", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ng-content select=\"[euimMediaHeaderImage]\"></ng-content>\n@if (!euimNoGradient) {\n  <div [ngClass]=\"euimTwoSidesGradient ? 'euim-media-header__gradient euim-media-header__gradient--two-sides' : 'euim-media-header__gradient'\">\n  </div>\n}\n@if (hasBlur) {\n    <div class=\"euim-media-header__blur\">\n    </div>\n}\n<div class=\"euim-media-header__content\">\n  <ng-content></ng-content>\n</div>\n", styles: [".euim-media-header{position:relative;display:flex;overflow-y:auto;max-height:100vh}.euim-media-header__content{position:absolute;bottom:var(--eui-s-m);color:var(--eui-c-neutral-min);padding-left:var(--eui-s-m);padding-right:var(--eui-s-m)}.euim-media-header__content .euim-media-header__title{font:var(--eui-f-l-bold-compact);color:var(--eui-c-neutral-min)}.euim-media-header__content .euim-media-header__sub-title{color:var(--eui-c-neutral-min);font:var(--eui-f-m-compact)}.euim-media-header__content:has(.euim-media-header__custom-content){padding:0;top:0;right:0;width:100%;height:100%;overflow:auto}.euim-media-header__content:has(.euim-align-center){top:50%;right:50%;transform:translate(50%,-50%);width:100%;bottom:auto;text-align:center}.euim-media-header__custom-content,.euim-media-header .euim-media-header__blur,.euim-media-header .euim-media-header__gradient{padding:0;top:0;right:0;left:0;overflow:auto}.euim-media-header .euim-media-header__image{height:auto}.euim-media-header__blur{position:absolute;inset:0;background-color:#0003;backdrop-filter:blur(25px)}.euim-media-header__gradient{width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#000);background-blend-mode:multiply;background-size:100%;position:absolute;inset:0}.euim-media-header__gradient--two-sides{background:linear-gradient(180deg,#000,#fff0 46.35%,#000 86.98%)!important}.euim-media-header__image{width:100%;height:100%;object-fit:cover}.euim-media-header__title{font:var(--eui-f-xl-bold-compact);color:var(--eui-c-neutral-min)}.euim-media-header__sub-title{color:var(--eui-c-neutral-min);font:var(--eui-f-m-compact)}.euim-media-header__title+.euim-media-header__sub-title{margin-top:var(--eui-s-2xs)}.euim-media-header p,.euim-media-header span{margin:0}.euim-media-header span[euimMediaHeaderTitle],.euim-media-header span[euimMediaHeaderSubTitle]{display:block}.euim-media-header__size-s .euim-media-header__image,.euim-media-header__size-s .euim-media-header__blur,.euim-media-header__size-s .euim-media-header__gradient{height:calc(var(--eui-s-m) * 8)}.euim-media-header__size-m .euim-media-header__image,.euim-media-header__size-m .euim-media-header__blur,.euim-media-header__size-m .euim-media-header__gradient{height:calc(var(--eui-s-m) * 16)}.euim-media-header__size-l .euim-media-header__image,.euim-media-header__size-l .euim-media-header__blur,.euim-media-header__size-l .euim-media-header__gradient{height:calc(var(--eui-s-m) * 25)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMediaHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-media-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
                         {
@@ -1755,7 +1708,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                                 'euimSizeL',
                             ],
                         },
-                    ], standalone: true, imports: [CommonModule], template: "<ng-content select=\"[euimMediaHeaderImage]\"></ng-content>\n@if (!euimNoGradient) {\n  <div [ngClass]=\"euimTwoSidesGradient ? 'euim-media-header__gradient euim-media-header__gradient--two-sides' : 'euim-media-header__gradient'\">\n  </div>\n}\n@if (hasBlur) {\n    <div class=\"euim-media-header__blur\">\n    </div>\n}\n<div class=\"euim-media-header__content\">\n  <ng-content></ng-content>\n</div>\n", styles: [".euim-media-header{position:relative;display:flex;overflow-y:auto;max-height:100vh}.euim-media-header__content{position:absolute;bottom:var(--eui-s-m);color:var(--eui-c-neutral-min);padding-left:var(--eui-s-m);padding-right:var(--eui-s-m)}.euim-media-header__content .euim-media-header__title{font:var(--eui-f-l-bold-compact);color:var(--eui-c-neutral-min)}.euim-media-header__content .euim-media-header__sub-title{color:var(--eui-c-neutral-min);font:var(--eui-f-m-compact)}.euim-media-header__content:has(.euim-media-header__custom-content){padding:0;top:0;right:0;width:100%;height:100%;overflow:auto}.euim-media-header__content:has(.euim-align-center){top:50%;right:50%;transform:translate(50%,-50%);width:100%;bottom:auto;text-align:center}.euim-media-header__custom-content,.euim-media-header .euim-media-header__blur,.euim-media-header .euim-media-header__gradient{padding:0;top:0;right:0;left:0;overflow:auto;height:100%}.euim-media-header .euim-media-header__image{height:auto}.euim-media-header__blur{position:absolute;inset:0;background-color:#0003;backdrop-filter:blur(25px)}.euim-media-header__gradient{width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#000);background-blend-mode:multiply;background-size:100%;position:absolute;inset:0}.euim-media-header__gradient--two-sides{background:linear-gradient(180deg,#000,#fff0 46.35%,#000 86.98%)!important}.euim-media-header__image{width:100%;height:100%;object-fit:cover}.euim-media-header__title{font:var(--eui-f-xl-bold-compact);color:var(--eui-c-neutral-min)}.euim-media-header__sub-title{color:var(--eui-c-neutral-min);font:var(--eui-f-m-compact)}.euim-media-header__title+.euim-media-header__sub-title{margin-top:var(--eui-s-2xs)}.euim-media-header p,.euim-media-header span{margin:0}.euim-media-header span[euimMediaHeaderTitle],.euim-media-header span[euimMediaHeaderSubTitle]{display:block}.euim-media-header__size-s .euim-media-header__image,.euim-media-header__size-s .euim-media-header__blur,.euim-media-header__size-s .euim-media-header__gradient{height:calc(var(--eui-s-m) * 8)}.euim-media-header__size-m .euim-media-header__image,.euim-media-header__size-m .euim-media-header__blur,.euim-media-header__size-m .euim-media-header__gradient{height:calc(var(--eui-s-m) * 16)}.euim-media-header__size-l .euim-media-header__image,.euim-media-header__size-l .euim-media-header__blur,.euim-media-header__size-l .euim-media-header__gradient{height:calc(var(--eui-s-m) * 25)}\n"] }]
+                    ], standalone: true, imports: [CommonModule], template: "<ng-content select=\"[euimMediaHeaderImage]\"></ng-content>\n@if (!euimNoGradient) {\n  <div [ngClass]=\"euimTwoSidesGradient ? 'euim-media-header__gradient euim-media-header__gradient--two-sides' : 'euim-media-header__gradient'\">\n  </div>\n}\n@if (hasBlur) {\n    <div class=\"euim-media-header__blur\">\n    </div>\n}\n<div class=\"euim-media-header__content\">\n  <ng-content></ng-content>\n</div>\n", styles: [".euim-media-header{position:relative;display:flex;overflow-y:auto;max-height:100vh}.euim-media-header__content{position:absolute;bottom:var(--eui-s-m);color:var(--eui-c-neutral-min);padding-left:var(--eui-s-m);padding-right:var(--eui-s-m)}.euim-media-header__content .euim-media-header__title{font:var(--eui-f-l-bold-compact);color:var(--eui-c-neutral-min)}.euim-media-header__content .euim-media-header__sub-title{color:var(--eui-c-neutral-min);font:var(--eui-f-m-compact)}.euim-media-header__content:has(.euim-media-header__custom-content){padding:0;top:0;right:0;width:100%;height:100%;overflow:auto}.euim-media-header__content:has(.euim-align-center){top:50%;right:50%;transform:translate(50%,-50%);width:100%;bottom:auto;text-align:center}.euim-media-header__custom-content,.euim-media-header .euim-media-header__blur,.euim-media-header .euim-media-header__gradient{padding:0;top:0;right:0;left:0;overflow:auto}.euim-media-header .euim-media-header__image{height:auto}.euim-media-header__blur{position:absolute;inset:0;background-color:#0003;backdrop-filter:blur(25px)}.euim-media-header__gradient{width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#000);background-blend-mode:multiply;background-size:100%;position:absolute;inset:0}.euim-media-header__gradient--two-sides{background:linear-gradient(180deg,#000,#fff0 46.35%,#000 86.98%)!important}.euim-media-header__image{width:100%;height:100%;object-fit:cover}.euim-media-header__title{font:var(--eui-f-xl-bold-compact);color:var(--eui-c-neutral-min)}.euim-media-header__sub-title{color:var(--eui-c-neutral-min);font:var(--eui-f-m-compact)}.euim-media-header__title+.euim-media-header__sub-title{margin-top:var(--eui-s-2xs)}.euim-media-header p,.euim-media-header span{margin:0}.euim-media-header span[euimMediaHeaderTitle],.euim-media-header span[euimMediaHeaderSubTitle]{display:block}.euim-media-header__size-s .euim-media-header__image,.euim-media-header__size-s .euim-media-header__blur,.euim-media-header__size-s .euim-media-header__gradient{height:calc(var(--eui-s-m) * 8)}.euim-media-header__size-m .euim-media-header__image,.euim-media-header__size-m .euim-media-header__blur,.euim-media-header__size-m .euim-media-header__gradient{height:calc(var(--eui-s-m) * 16)}.euim-media-header__size-l .euim-media-header__image,.euim-media-header__size-l .euim-media-header__blur,.euim-media-header__size-l .euim-media-header__gradient{height:calc(var(--eui-s-m) * 25)}\n"] }]
         }], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimNoGradient: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -1771,11 +1724,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimMediaHeaderSubTitleDirective {
-    className = 'euim-media-header__sub-title';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderSubTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimMediaHeaderSubTitleDirective, isStandalone: true, selector: "[euimMediaHeaderSubTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-media-header__sub-title';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMediaHeaderSubTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimMediaHeaderSubTitleDirective, isStandalone: true, selector: "[euimMediaHeaderSubTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderSubTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMediaHeaderSubTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimMediaHeaderSubTitle]',
@@ -1787,11 +1742,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimMediaHeaderTitleDirective {
-    className = 'euim-media-header__title';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimMediaHeaderTitleDirective, isStandalone: true, selector: "[euimMediaHeaderTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-media-header__title';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMediaHeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimMediaHeaderTitleDirective, isStandalone: true, selector: "[euimMediaHeaderTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMediaHeaderTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimMediaHeaderTitle]',
@@ -1803,11 +1760,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimMediaHeaderImageDirective {
-    className = 'euim-media-header__image';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimMediaHeaderImageDirective, isStandalone: true, selector: "[euimMediaHeaderImage]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-media-header__image';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMediaHeaderImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimMediaHeaderImageDirective, isStandalone: true, selector: "[euimMediaHeaderImage]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMediaHeaderImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimMediaHeaderImage]',
@@ -1819,11 +1778,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimMediaHeaderCustomContentDirective {
-    className = 'euim-media-header__custom-content';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderCustomContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimMediaHeaderCustomContentDirective, isStandalone: true, selector: "[euimMediaHeaderCustomContent]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-media-header__custom-content';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMediaHeaderCustomContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimMediaHeaderCustomContentDirective, isStandalone: true, selector: "[euimMediaHeaderCustomContent]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderCustomContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMediaHeaderCustomContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimMediaHeaderCustomContent]',
@@ -1838,8 +1799,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_MEDIA_HEADER} instead.
  */
 class EuimMediaHeaderModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderModule, imports: [EuimMediaHeaderCustomContentDirective,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMediaHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimMediaHeaderModule, imports: [EuimMediaHeaderCustomContentDirective,
             EuimMediaHeaderComponent,
             EuimMediaHeaderTitleDirective,
             EuimMediaHeaderSubTitleDirective,
@@ -1847,10 +1808,10 @@ class EuimMediaHeaderModule {
             EuimMediaHeaderTitleDirective,
             EuimMediaHeaderSubTitleDirective,
             EuimMediaHeaderImageDirective,
-            EuimMediaHeaderCustomContentDirective] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderModule, imports: [EuimMediaHeaderComponent] });
+            EuimMediaHeaderCustomContentDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMediaHeaderModule, imports: [EuimMediaHeaderComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMediaHeaderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMediaHeaderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1879,7 +1840,6 @@ const EUIM_MEDIA_HEADER = [
 ];
 
 class EuimDataSummaryColLabelDirective {
-    baseStatesDirective;
     get cssClasses() {
         return this.getCssClasses();
     }
@@ -1891,10 +1851,10 @@ class EuimDataSummaryColLabelDirective {
             this.baseStatesDirective.getCssClasses('euim-data-summary__col-label'),
         ].join(' ').trim();
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryColLabelDirective, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimDataSummaryColLabelDirective, isStandalone: true, selector: "[euimDataSummaryColLabel]", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0 });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimDataSummaryColLabelDirective, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimDataSummaryColLabelDirective, isStandalone: true, selector: "[euimDataSummaryColLabel]", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryColLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimDataSummaryColLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimDataSummaryColLabel]',
@@ -1914,7 +1874,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimDataSummaryColValueDirective {
-    baseStatesDirective;
     get cssClasses() {
         return this.getCssClasses();
     }
@@ -1926,10 +1885,10 @@ class EuimDataSummaryColValueDirective {
             this.baseStatesDirective.getCssClasses('euim-data-summary__col-value'),
         ].join(' ').trim();
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryColValueDirective, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimDataSummaryColValueDirective, isStandalone: true, selector: "[euimDataSummaryColValue]", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimDataSummaryColValueDirective, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimDataSummaryColValueDirective, isStandalone: true, selector: "[euimDataSummaryColValue]", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryColValueDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimDataSummaryColValueDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimDataSummaryColValue]',
@@ -1941,9 +1900,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimDataSummaryComponent {
-    baseStatesDirective;
-    euimDataSummaryColLabelComponent;
-    euimDataSummaryColValueComponent;
     get cssClasses() {
         return this.getCssClasses();
     }
@@ -1968,10 +1924,10 @@ class EuimDataSummaryComponent {
             }
         }
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimDataSummaryComponent, isStandalone: true, selector: "euim-data-summary", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimDataSummaryColLabelComponent", predicate: EuimDataSummaryColLabelDirective, descendants: true }, { propertyName: "euimDataSummaryColValueComponent", predicate: EuimDataSummaryColValueDirective, descendants: true }], hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-summary{display:flex}.euim-data-summary__col{text-align:center;flex:1}.euim-data-summary__col:has([slot=start]),.euim-data-summary__col:has([slot=end]){display:flex;align-items:center;justify-content:center}.euim-data-summary__col [slot=start],.euim-data-summary__col [slot=end]{margin-left:var(--eui-s-m);margin-right:var(--eui-s-m);flex-shrink:0}.euim-data-summary__col>div{display:grid}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding .euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-branding-contrast)}.euim-data-summary__col-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold-compact);margin:0 0 var(--eui-s-2xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.euim-data-summary__col-label--branding{color:var(--eui-c-branding-contrast)}p:not(.euim-data-summary__col-label),span:not(.euim-data-summary__col-label){margin:0}.euim-data-summary span[euimDataSummaryColLabel]{display:block}.euim-data-summary__col-value{color:var(--eui-c-neutral-light);font:var(--eui-f-s-compact);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.euim-data-summary__col-value ion-icon{min-height:var(--eui-is-s);min-width:var(--eui-is-s);vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-data-summary__col-value--branding{color:var(--eui-c-branding-contrast)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimDataSummaryComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimDataSummaryComponent, isStandalone: true, selector: "euim-data-summary", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimDataSummaryColLabelComponent", predicate: EuimDataSummaryColLabelDirective, descendants: true }, { propertyName: "euimDataSummaryColValueComponent", predicate: EuimDataSummaryColValueDirective, descendants: true }], hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-summary{display:flex}.euim-data-summary__col{text-align:center;flex:1}.euim-data-summary__col:has([slot=start]),.euim-data-summary__col:has([slot=end]){display:flex;align-items:center;justify-content:center}.euim-data-summary__col [slot=start],.euim-data-summary__col [slot=end]{margin-left:var(--eui-s-m);margin-right:var(--eui-s-m);flex-shrink:0}.euim-data-summary__col>div{display:grid}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding .euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-branding-contrast)}.euim-data-summary__col-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold-compact);margin:0 0 var(--eui-s-2xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.euim-data-summary__col-label--branding{color:var(--eui-c-branding-contrast)}p:not(.euim-data-summary__col-label),span:not(.euim-data-summary__col-label){margin:0}.euim-data-summary span[euimDataSummaryColLabel]{display:block}.euim-data-summary__col-value{color:var(--eui-c-neutral-light);font:var(--eui-f-s-compact);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.euim-data-summary__col-value ion-icon{min-height:var(--eui-is-s);min-width:var(--eui-is-s);vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-data-summary__col-value--branding{color:var(--eui-c-branding-contrast)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimDataSummaryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-data-summary', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
                         {
@@ -1980,7 +1936,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                                 'color',
                             ],
                         },
-                    ], standalone: true, imports: [EuimDataSummaryColLabelDirective, EuimDataSummaryColValueDirective], template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-summary{display:flex}.euim-data-summary__col{text-align:center;flex:1}.euim-data-summary__col:has([slot=start]),.euim-data-summary__col:has([slot=end]){display:flex;align-items:center;justify-content:center}.euim-data-summary__col [slot=start],.euim-data-summary__col [slot=end]{margin-left:var(--eui-s-m);margin-right:var(--eui-s-m);flex-shrink:0}.euim-data-summary__col>div{display:grid}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding .euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-branding-contrast)}.euim-data-summary__col-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold-compact);margin:0 0 var(--eui-s-2xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.euim-data-summary__col-label--branding{color:var(--eui-c-branding-contrast)}p:not(.euim-data-summary__col-label),span:not(.euim-data-summary__col-label){margin:0}.euim-data-summary span[euimDataSummaryColLabel]{display:block}.euim-data-summary__col-value{color:var(--eui-c-neutral-light);font:var(--eui-f-s-compact);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.euim-data-summary__col-value ion-icon{min-height:var(--eui-is-s);min-width:var(--eui-is-s);vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-data-summary__col-value--branding{color:var(--eui-c-branding-contrast)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"] }]
+                    ], standalone: true, template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-summary{display:flex}.euim-data-summary__col{text-align:center;flex:1}.euim-data-summary__col:has([slot=start]),.euim-data-summary__col:has([slot=end]){display:flex;align-items:center;justify-content:center}.euim-data-summary__col [slot=start],.euim-data-summary__col [slot=end]{margin-left:var(--eui-s-m);margin-right:var(--eui-s-m);flex-shrink:0}.euim-data-summary__col>div{display:grid}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding .euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-branding-contrast)}.euim-data-summary__col-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold-compact);margin:0 0 var(--eui-s-2xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.euim-data-summary__col-label--branding{color:var(--eui-c-branding-contrast)}p:not(.euim-data-summary__col-label),span:not(.euim-data-summary__col-label){margin:0}.euim-data-summary span[euimDataSummaryColLabel]{display:block}.euim-data-summary__col-value{color:var(--eui-c-neutral-light);font:var(--eui-f-s-compact);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.euim-data-summary__col-value ion-icon{min-height:var(--eui-is-s);min-width:var(--eui-is-s);vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-data-summary__col-value--branding{color:var(--eui-c-branding-contrast)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"] }]
         }], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimDataSummaryColLabelComponent: [{
                 type: ContentChildren,
                 args: [EuimDataSummaryColLabelDirective, { descendants: true }]
@@ -1993,11 +1949,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimDataSummaryColComponent {
-    className = 'euim-data-summary__col';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimDataSummaryColComponent, isStandalone: true, selector: "euim-data-summary-col", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
+    constructor() {
+        this.className = 'euim-data-summary__col';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimDataSummaryColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimDataSummaryColComponent, isStandalone: true, 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: "18.2.13", ngImport: i0, type: EuimDataSummaryColComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimDataSummaryColComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'euim-data-summary-col',
@@ -2013,14 +1971,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_DATA_SUMMARY} instead.
  */
 class EuimDataSummaryModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryModule, imports: [EuimDataSummaryComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimDataSummaryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimDataSummaryModule, imports: [EuimDataSummaryComponent,
             EuimDataSummaryColComponent,
             EuimDataSummaryColLabelDirective,
-            EuimDataSummaryColValueDirective], exports: [EuimDataSummaryComponent, EuimDataSummaryColComponent, EuimDataSummaryColLabelDirective, EuimDataSummaryColValueDirective] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryModule });
+            EuimDataSummaryColValueDirective], exports: [EuimDataSummaryComponent, EuimDataSummaryColComponent, EuimDataSummaryColLabelDirective, EuimDataSummaryColValueDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimDataSummaryModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDataSummaryModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimDataSummaryModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2041,13 +1999,13 @@ const EUIM_DATA_SUMMARY = [
 ];
 
 class EuimCardImageDirective {
-    euimCardImageHeight;
-    euimCardImageWidth;
-    className = 'euim-card__image';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimCardImageDirective, isStandalone: true, selector: "[euimCardImage]", inputs: { euimCardImageHeight: "euimCardImageHeight", euimCardImageWidth: "euimCardImageWidth" }, host: { properties: { "style.--euimImageHeight": "this.euimCardImageHeight", "style.--euimImageWidth": "this.euimCardImageWidth", "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-card__image';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimCardImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimCardImageDirective, isStandalone: true, selector: "[euimCardImage]", inputs: { euimCardImageHeight: "euimCardImageHeight", euimCardImageWidth: "euimCardImageWidth" }, host: { properties: { "style.--euimImageHeight": "this.euimCardImageHeight", "style.--euimImageWidth": "this.euimCardImageWidth", "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardImageDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimCardImageDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimCardImage]',
@@ -2069,9 +2027,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimCardComponent {
-    baseStatesDirective;
-    cardImageDirective;
-    imageWidth;
     get cssClasses() {
         return this.getCssClasses();
     }
@@ -2088,10 +2043,10 @@ class EuimCardComponent {
             this.imageWidth = this.cardImageDirective.euimCardImageWidth;
         }
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimCardComponent, isStandalone: true, selector: "euim-card", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "cardImageDirective", first: true, predicate: EuimCardImageDirective, descendants: true }], hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ion-card [style.width]=\"imageWidth ? imageWidth : ''\">\n    <ng-content select=\"[euimCardImage]\"></ng-content>\n    <div class=\"euim-card__content\">\n        <ng-content></ng-content>\n    </div>\n</ion-card>\n", styles: [".euim-card{position:relative}.euim-card ion-card{margin:0;width:100%}.euim-card__header-image{width:100%}.euim-card__image{height:100%;width:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:0}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:0}.euim-card--size-s .euim-card__image{height:calc(var(--eui-s-m) * 6.25)}.euim-card--size-s .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-s .euim-card__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-s .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 1px)}.euim-card--size-s .euim-card__content ion-item::part(native){padding:0}.euim-card--size-s .euim-card__content ion-item:has([slot=end]){padding:0 0 0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 17px)}.euim-card--size-m .euim-card__image{height:calc(var(--eui-s-m) * 8)}.euim-card--size-m .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-m .euim-card__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-m .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 1px)}.euim-card--size-m .euim-card__content ion-item::part(native){padding:0}.euim-card--size-m .euim-card__content ion-item:has([slot=end]){padding:0 0 0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 17px);width:211px}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimCardComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimCardComponent, isStandalone: true, selector: "euim-card", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "cardImageDirective", first: true, predicate: EuimCardImageDirective, descendants: true }], hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ion-card [style.width]=\"imageWidth ? imageWidth : ''\">\n    <ng-content select=\"[euimCardImage]\"></ng-content>\n    <div class=\"euim-card__content\">\n        <ng-content></ng-content>\n    </div>\n</ion-card>\n", styles: [".euim-card{position:relative}.euim-card ion-card{margin:0;width:100%}.euim-card__header-image{width:100%}.euim-card__image{height:100%;width:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:0}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:0}.euim-card--size-s .euim-card__image{height:calc(var(--eui-s-m) * 6.25)}.euim-card--size-s .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-s .euim-card__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-s .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 1px)}.euim-card--size-s .euim-card__content ion-item::part(native){padding:0}.euim-card--size-s .euim-card__content ion-item:has([slot=end]){padding:0 0 0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 17px)}.euim-card--size-m .euim-card__image{height:calc(var(--eui-s-m) * 8)}.euim-card--size-m .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-m .euim-card__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-m .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 1px)}.euim-card--size-m .euim-card__content ion-item::part(native){padding:0}.euim-card--size-m .euim-card__content ion-item:has([slot=end]){padding:0 0 0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 17px);width:211px}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimCardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
                         {
@@ -2102,7 +2057,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                                 'euimSizeL',
                             ],
                         },
-                    ], standalone: true, imports: [IonicModule, EuimCardImageDirective], template: "<ion-card [style.width]=\"imageWidth ? imageWidth : ''\">\n    <ng-content select=\"[euimCardImage]\"></ng-content>\n    <div class=\"euim-card__content\">\n        <ng-content></ng-content>\n    </div>\n</ion-card>\n", styles: [".euim-card{position:relative}.euim-card ion-card{margin:0;width:100%}.euim-card__header-image{width:100%}.euim-card__image{height:100%;width:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:0}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:0}.euim-card--size-s .euim-card__image{height:calc(var(--eui-s-m) * 6.25)}.euim-card--size-s .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-s .euim-card__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-s .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 1px)}.euim-card--size-s .euim-card__content ion-item::part(native){padding:0}.euim-card--size-s .euim-card__content ion-item:has([slot=end]){padding:0 0 0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 17px)}.euim-card--size-m .euim-card__image{height:calc(var(--eui-s-m) * 8)}.euim-card--size-m .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-m .euim-card__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-m .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 1px)}.euim-card--size-m .euim-card__content ion-item::part(native){padding:0}.euim-card--size-m .euim-card__content ion-item:has([slot=end]){padding:0 0 0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 17px);width:211px}\n"] }]
+                    ], standalone: true, imports: [IonicModule], template: "<ion-card [style.width]=\"imageWidth ? imageWidth : ''\">\n    <ng-content select=\"[euimCardImage]\"></ng-content>\n    <div class=\"euim-card__content\">\n        <ng-content></ng-content>\n    </div>\n</ion-card>\n", styles: [".euim-card{position:relative}.euim-card ion-card{margin:0;width:100%}.euim-card__header-image{width:100%}.euim-card__image{height:100%;width:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:0}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:0}.euim-card--size-s .euim-card__image{height:calc(var(--eui-s-m) * 6.25)}.euim-card--size-s .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-s .euim-card__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-s .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 1px)}.euim-card--size-s .euim-card__content ion-item::part(native){padding:0}.euim-card--size-s .euim-card__content ion-item:has([slot=end]){padding:0 0 0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 17px)}.euim-card--size-m .euim-card__image{height:calc(var(--eui-s-m) * 8)}.euim-card--size-m .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-m .euim-card__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-m .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 1px)}.euim-card--size-m .euim-card__content ion-item::part(native){padding:0}.euim-card--size-m .euim-card__content ion-item:has([slot=end]){padding:0 0 0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 17px);width:211px}\n"] }]
         }], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cardImageDirective: [{
                 type: ContentChild,
                 args: [EuimCardImageDirective]
@@ -2115,11 +2070,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_CARD} instead.
  */
 class EuimCardModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimCardModule, imports: [EuimCardComponent, EuimCardImageDirective], exports: [EuimCardComponent, EuimCardImageDirective] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardModule, imports: [EuimCardComponent] });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimCardModule, imports: [EuimCardComponent, EuimCardImageDirective], exports: [EuimCardComponent, EuimCardImageDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimCardModule, imports: [EuimCardComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimCardModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuimCardComponent, EuimCardImageDirective],
@@ -2133,7 +2088,9 @@ const EUIM_CARD = [
 ];
 
 class EuimCardListComponent {
-    direction = '';
+    constructor() {
+        this.direction = '';
+    }
     get cssClasses() {
         return this.getCssClasses();
     }
@@ -2143,10 +2100,10 @@ class EuimCardListComponent {
             this.direction ? `euim-card-list--direction-${this.direction}` : '',
         ].join(' ').trim();
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimCardListComponent, isStandalone: true, selector: "euim-card-list", inputs: { direction: "direction" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-card-list{padding:var(--eui-s-xs) 0 var(--eui-s-xs) var(--eui-s-m);overflow-x:auto;display:flex;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-card-list::-webkit-scrollbar{height:0}.euim-card-list .euim-card{padding-right:var(--eui-s-m)}.euim-card-list--direction-column{flex-direction:column;padding:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card{padding-right:0;margin-bottom:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card:first-child{padding-left:0}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}.euim-card-list .euim-card{margin-bottom:var(--eui-s-m)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimCardListComponent, isStandalone: true, selector: "euim-card-list", inputs: { direction: "direction" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-card-list{padding:var(--eui-s-xs) 0 var(--eui-s-xs) var(--eui-s-m);overflow-x:auto;display:flex;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-card-list::-webkit-scrollbar{height:0}.euim-card-list .euim-card{padding-right:var(--eui-s-m)}.euim-card-list--direction-column{flex-direction:column;padding:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card{padding-right:0;margin-bottom:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card:first-child{padding-left:0}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}.euim-card-list .euim-card{margin-bottom:var(--eui-s-m)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimCardListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-card-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, template: "<ng-content></ng-content>\n", styles: [".euim-card-list{padding:var(--eui-s-xs) 0 var(--eui-s-xs) var(--eui-s-m);overflow-x:auto;display:flex;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-card-list::-webkit-scrollbar{height:0}.euim-card-list .euim-card{padding-right:var(--eui-s-m)}.euim-card-list--direction-column{flex-direction:column;padding:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card{padding-right:0;margin-bottom:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card:first-child{padding-left:0}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}.euim-card-list .euim-card{margin-bottom:var(--eui-s-m)}}\n"] }]
         }], propDecorators: { direction: [{
@@ -2160,11 +2117,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_CARD_LIST} instead.
  */
 class EuimCardListModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimCardListModule, imports: [EuimCardListComponent], exports: [EuimCardListComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardListModule });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimCardListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimCardListModule, imports: [EuimCardListComponent], exports: [EuimCardListComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimCardListModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimCardListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimCardListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuimCardListComponent],
@@ -2177,15 +2134,14 @@ const EUIM_CARD_LIST = [
 ];
 
 class EuimAlertMessageComponent {
-    baseStatesDirective;
-    _variant = 'default';
-    euimClose = new EventEmitter();
-    euimLabelTruncate = false;
-    hasIcon = false;
-    isCloseable = false;
-    isVisible = true;
     constructor(baseStatesDirective) {
         this.baseStatesDirective = baseStatesDirective;
+        this._variant = 'default';
+        this.euimClose = new EventEmitter();
+        this.euimLabelTruncate = false;
+        this.hasIcon = false;
+        this.isCloseable = false;
+        this.isVisible = true;
     }
     ngOnInit() {
         if (this.baseStatesDirective) {
@@ -2238,10 +2194,10 @@ class EuimAlertMessageComponent {
         this.isVisible = false;
         this.euimClose.emit();
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlertMessageComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimAlertMessageComponent, isStandalone: true, selector: "euim-alert-message", inputs: { euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute], hasIcon: ["hasIcon", "hasIcon", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute] }, outputs: { euimClose: "euimClose" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "@if (hasIcon && isVisible) {\n  <div class=\"euim-alert-message__wrappericon\">\n    @if (hasIcon) {\n      <ion-icon [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n    }\n  </div>\n}\n@if (isVisible) {\n  <div class=\"euim-alert-message__wrapper\">\n    <div class=\"slotStart\">\n      <ng-content select=\"[slotStart]\"></ng-content>\n    </div>\n    <div euimLabel [euimLabelTruncate]=\"euimLabelTruncate\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"slotEnd\">\n      <ng-content select=\"[slotEnd]\"></ng-content>\n    </div>\n  </div>\n}\n\n@if (isCloseable && isVisible) {\n  <a role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n    (click)=\"onClose($event)\">\n    <ion-icon name=\"close\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n  </a>\n}\n", styles: [".euim-alert-message{display:flex;align-items:center;font:var(--eui-f-s-compact);padding:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-m)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message__wrapper .euim-label span,.euim-alert-message__wrapper .euim-label p{margin:0}.euim-alert-message__wrapper .euim-label{font:var(--eui-f-s-compact)}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-s-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__close ion-icon.euim-alert-message__closeIcon{color:var(--eui-c-neutral)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex;align-items:center}.euim-alert-message--danger{color:var(--eui-c-danger-dark);background:var(--eui-c-danger-bg)}.euim-alert-message--danger .euim-label{color:var(--eui-c-danger-dark)}.euim-alert-message--danger ion-icon{color:var(--eui-c-danger-dark)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline),.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-c-danger-dark);color:var(--eui-c-danger-contrast)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-c-danger-contrast)}.euim-alert-message--info{color:var(--eui-c-info-dark);background:var(--eui-c-info-bg)}.euim-alert-message--info .euim-label{color:var(--eui-c-info-dark)}.euim-alert-message--info ion-icon{color:var(--eui-c-info-dark)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd]:not(.button-outline),.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--success{color:var(--eui-c-success-darker);background:var(--eui-c-success-bg)}.euim-alert-message--success .euim-label{color:var(--eui-c-success-darker)}.euim-alert-message--success ion-icon{color:var(--eui-c-success-darker)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd]:not(.button-outline),.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-c-success-darker);color:var(--eui-c-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-c-success)}.euim-alert-message--warning{color:var(--eui-c-warning-darker);background:var(--eui-c-warning-bg)}.euim-alert-message--warning .euim-label{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline),.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-warning-contrast)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-c-warning-contrast)}.euim-alert-message--dark{color:var(--eui-c-neutral-contrast);background:var(--eui-c-neutral)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-neutral-contrast)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-alert-message--primary{color:var(--eui-c-primary-dark);background:var(--eui-c-primary-bg)}.euim-alert-message--primary .euim-label{color:var(--eui-c-primary-dark)}.euim-alert-message--primary ion-icon{color:var(--eui-c-primary-dark)}.euim-alert-message--primary ion-badge[slotEnd],.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline),.euim-alert-message--primary ion-chip[slotEnd]{--background: var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-alert-message--primary ion-badge[slotEnd] ion-icon,.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--primary ion-chip[slotEnd] ion-icon{color:var(--eui-c-primary-contrast)}.euim-alert-message--primary [slotEnd] ion-icon{color:var(--eui-c-primary-contrast)}.euim-alert-message--branding{color:var(--eui-c-branding-contrast);background:var(--eui-c-branding)}.euim-alert-message--branding ion-icon,.euim-alert-message--branding .euim-label{color:var(--eui-c-branding-contrast)}.euim-alert-message--branding [slotEnd]{--background: none;--border-color: var(--eui-c-neutral-min);color:var(--eui-c-neutral-min)}.euim-alert-message--light{color:var(--eui-c-neutral);background:var(--eui-c-neutral-bg-light)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--light [slotEnd]{--background: var(--eui-bc-neutral-bg-light);color:var(--eui-c-neutral)}.euim-alert-message--default{color:var(--eui-c-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-c-black)}.euim-alert-message--clear{color:var(--eui-c-neutral);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:var(--eui-f-s-compact)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-s-xs);padding-left:var(--eui-s-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-s-2xs)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "ngmodule", type: EuimLabelModule }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAlertMessageComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuimAlertMessageComponent, isStandalone: true, selector: "euim-alert-message", inputs: { euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute], hasIcon: ["hasIcon", "hasIcon", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute] }, outputs: { euimClose: "euimClose" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "@if (hasIcon && isVisible) {\n  <div class=\"euim-alert-message__wrappericon\">\n    @if (hasIcon) {\n      <ion-icon [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n    }\n  </div>\n}\n@if (isVisible) {\n  <div class=\"euim-alert-message__wrapper\">\n    <div class=\"slotStart\">\n      <ng-content select=\"[slotStart]\"></ng-content>\n    </div>\n    <div euimLabel [euimLabelTruncate]=\"euimLabelTruncate\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"slotEnd\">\n      <ng-content select=\"[slotEnd]\"></ng-content>\n    </div>\n  </div>\n}\n\n@if (isCloseable && isVisible) {\n  <a role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n    (click)=\"onClose($event)\">\n    <ion-icon name=\"close\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n  </a>\n}\n", styles: [".euim-alert-message{display:flex;align-items:center;font:var(--eui-f-s);padding:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-m)}.euim-alert-message__wrapper{padding:var(--eui-s-none);margin:var(--eui-s-none);min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message__wrapper .euim-label span,.euim-alert-message__wrapper .euim-label p{margin:var(--eui-s-none)}.euim-alert-message__wrapper .euim-label{font:var(--eui-f-s)}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-s-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:var(--eui-s-none);margin:var(--eui-s-none);width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__close ion-icon.euim-alert-message__closeIcon{color:var(--eui-c-neutral)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex;align-items:center}.euim-alert-message--danger{color:var(--eui-c-danger-on-surface-light);background:var(--eui-c-danger-surface-light)}.euim-alert-message--danger .euim-label{color:var(--eui-c-danger-on-surface-light)}.euim-alert-message--danger ion-icon{color:var(--eui-c-danger-on-surface-light)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline),.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-c-danger-surface);color:var(--eui-c-danger-on-surface)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-danger-on-surface-light)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-c-danger-on-surface)}.euim-alert-message--info{color:var(--eui-c-info-on-surface-light);background:var(--eui-c-info-surface-light)}.euim-alert-message--info .euim-label{color:var(--eui-c-info-on-surface-light)}.euim-alert-message--info ion-icon{color:var(--eui-c-info-on-surface-light)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd]:not(.button-outline),.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-c-info-surface);color:var(--eui-c-info-on-surface)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-info-on-surface)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-c-info-on-surface)}.euim-alert-message--success{color:var(--eui-c-success-on-surface-light);background:var(--eui-c-success-surface-light)}.euim-alert-message--success .euim-label{color:var(--eui-c-success-on-surface-light)}.euim-alert-message--success ion-icon{color:var(--eui-c-success-on-surface-light)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd]:not(.button-outline),.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-c-success-surface);color:var(--eui-c-success-on-surface)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-success-on-surface)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-c-success-on-surface)}.euim-alert-message--warning{color:var(--eui-c-warning-on-surface-light);background:var(--eui-c-warning-surface-light)}.euim-alert-message--warning .euim-label{color:var(--eui-c-warning-on-surface-light)}.euim-alert-message--warning ion-icon{color:var(--eui-c-warning-on-surface-light)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline),.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-c-warning-surface);color:var(--eui-c-warning-contrast)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-warning-on-surface)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-c-warning-on-surface)}.euim-alert-message--dark{color:var(--eui-c-neutral-on-surface-dark);background:var(--eui-c-neutral-surface-dark)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-neutral-on-surface-dark)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-c-neutral-surface);color:var(--eui-c-neutral-on-surface)}.euim-alert-message--primary{color:var(--eui-c-primary-on-surface-light);background:var(--eui-c-primary-surface-light)}.euim-alert-message--primary .euim-label{color:var(--eui-c-primary-on-surface-light)}.euim-alert-message--primary ion-icon{color:var(--eui-c-primary-on-surface-light)}.euim-alert-message--primary ion-badge[slotEnd],.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline),.euim-alert-message--primary ion-chip[slotEnd]{--background: var(--eui-c-primary-surface);color:var(--eui-c-primary-on-surface)}.euim-alert-message--primary ion-badge[slotEnd] ion-icon,.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--primary ion-chip[slotEnd] ion-icon{color:var(--eui-c-primary-on-surface)}.euim-alert-message--primary [slotEnd] ion-icon{color:var(--eui-c-primary-on-surface)}.euim-alert-message--branding{color:var(--eui-c-branding-on-surface);background:var(--eui-c-branding-surface)}.euim-alert-message--branding ion-icon,.euim-alert-message--branding .euim-label{color:var(--eui-c-branding-on-surface)}.euim-alert-message--branding [slotEnd]{--background: none;--border-color: var(--eui-c-branding-on-surface);color:var(--eui-c-branding-on-surface)}.euim-alert-message--light{color:var(--eui-c-neutral-on-surface-light);background:var(--eui-c-neutral-surface-light)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-c-neutral-on-surface-light)}.euim-alert-message--light [slotEnd]{--background: var(--eui-c-neutral-surface-light);color:var(--eui-c-neutral-on-surface-light)}.euim-alert-message--default{color:var(--eui-c-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-c-black)}.euim-alert-message--clear{color:var(--eui-c-neutral);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:var(--eui-f-s)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-s-xs);padding-left:var(--eui-s-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-s-2xs)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "ngmodule", type: EuimLabelModule }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlertMessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAlertMessageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-alert-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [IonicModule, EuimLabelModule], hostDirectives: [
                         {
@@ -2250,7 +2206,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                                 'color',
                             ],
                         },
-                    ], template: "@if (hasIcon && isVisible) {\n  <div class=\"euim-alert-message__wrappericon\">\n    @if (hasIcon) {\n      <ion-icon [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n    }\n  </div>\n}\n@if (isVisible) {\n  <div class=\"euim-alert-message__wrapper\">\n    <div class=\"slotStart\">\n      <ng-content select=\"[slotStart]\"></ng-content>\n    </div>\n    <div euimLabel [euimLabelTruncate]=\"euimLabelTruncate\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"slotEnd\">\n      <ng-content select=\"[slotEnd]\"></ng-content>\n    </div>\n  </div>\n}\n\n@if (isCloseable && isVisible) {\n  <a role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n    (click)=\"onClose($event)\">\n    <ion-icon name=\"close\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n  </a>\n}\n", styles: [".euim-alert-message{display:flex;align-items:center;font:var(--eui-f-s-compact);padding:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-m)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message__wrapper .euim-label span,.euim-alert-message__wrapper .euim-label p{margin:0}.euim-alert-message__wrapper .euim-label{font:var(--eui-f-s-compact)}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-s-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__close ion-icon.euim-alert-message__closeIcon{color:var(--eui-c-neutral)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex;align-items:center}.euim-alert-message--danger{color:var(--eui-c-danger-dark);background:var(--eui-c-danger-bg)}.euim-alert-message--danger .euim-label{color:var(--eui-c-danger-dark)}.euim-alert-message--danger ion-icon{color:var(--eui-c-danger-dark)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline),.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-c-danger-dark);color:var(--eui-c-danger-contrast)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-c-danger-contrast)}.euim-alert-message--info{color:var(--eui-c-info-dark);background:var(--eui-c-info-bg)}.euim-alert-message--info .euim-label{color:var(--eui-c-info-dark)}.euim-alert-message--info ion-icon{color:var(--eui-c-info-dark)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd]:not(.button-outline),.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--success{color:var(--eui-c-success-darker);background:var(--eui-c-success-bg)}.euim-alert-message--success .euim-label{color:var(--eui-c-success-darker)}.euim-alert-message--success ion-icon{color:var(--eui-c-success-darker)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd]:not(.button-outline),.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-c-success-darker);color:var(--eui-c-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-c-success)}.euim-alert-message--warning{color:var(--eui-c-warning-darker);background:var(--eui-c-warning-bg)}.euim-alert-message--warning .euim-label{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline),.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-warning-contrast)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-c-warning-contrast)}.euim-alert-message--dark{color:var(--eui-c-neutral-contrast);background:var(--eui-c-neutral)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-neutral-contrast)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-alert-message--primary{color:var(--eui-c-primary-dark);background:var(--eui-c-primary-bg)}.euim-alert-message--primary .euim-label{color:var(--eui-c-primary-dark)}.euim-alert-message--primary ion-icon{color:var(--eui-c-primary-dark)}.euim-alert-message--primary ion-badge[slotEnd],.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline),.euim-alert-message--primary ion-chip[slotEnd]{--background: var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-alert-message--primary ion-badge[slotEnd] ion-icon,.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--primary ion-chip[slotEnd] ion-icon{color:var(--eui-c-primary-contrast)}.euim-alert-message--primary [slotEnd] ion-icon{color:var(--eui-c-primary-contrast)}.euim-alert-message--branding{color:var(--eui-c-branding-contrast);background:var(--eui-c-branding)}.euim-alert-message--branding ion-icon,.euim-alert-message--branding .euim-label{color:var(--eui-c-branding-contrast)}.euim-alert-message--branding [slotEnd]{--background: none;--border-color: var(--eui-c-neutral-min);color:var(--eui-c-neutral-min)}.euim-alert-message--light{color:var(--eui-c-neutral);background:var(--eui-c-neutral-bg-light)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--light [slotEnd]{--background: var(--eui-bc-neutral-bg-light);color:var(--eui-c-neutral)}.euim-alert-message--default{color:var(--eui-c-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-c-black)}.euim-alert-message--clear{color:var(--eui-c-neutral);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:var(--eui-f-s-compact)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-s-xs);padding-left:var(--eui-s-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-s-2xs)}\n"] }]
+                    ], template: "@if (hasIcon && isVisible) {\n  <div class=\"euim-alert-message__wrappericon\">\n    @if (hasIcon) {\n      <ion-icon [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n    }\n  </div>\n}\n@if (isVisible) {\n  <div class=\"euim-alert-message__wrapper\">\n    <div class=\"slotStart\">\n      <ng-content select=\"[slotStart]\"></ng-content>\n    </div>\n    <div euimLabel [euimLabelTruncate]=\"euimLabelTruncate\">\n      <ng-content></ng-content>\n    </div>\n    <div class=\"slotEnd\">\n      <ng-content select=\"[slotEnd]\"></ng-content>\n    </div>\n  </div>\n}\n\n@if (isCloseable && isVisible) {\n  <a role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n    (click)=\"onClose($event)\">\n    <ion-icon name=\"close\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n  </a>\n}\n", styles: [".euim-alert-message{display:flex;align-items:center;font:var(--eui-f-s);padding:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-m)}.euim-alert-message__wrapper{padding:var(--eui-s-none);margin:var(--eui-s-none);min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message__wrapper .euim-label span,.euim-alert-message__wrapper .euim-label p{margin:var(--eui-s-none)}.euim-alert-message__wrapper .euim-label{font:var(--eui-f-s)}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-s-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:var(--eui-s-none);margin:var(--eui-s-none);width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__close ion-icon.euim-alert-message__closeIcon{color:var(--eui-c-neutral)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex;align-items:center}.euim-alert-message--danger{color:var(--eui-c-danger-on-surface-light);background:var(--eui-c-danger-surface-light)}.euim-alert-message--danger .euim-label{color:var(--eui-c-danger-on-surface-light)}.euim-alert-message--danger ion-icon{color:var(--eui-c-danger-on-surface-light)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline),.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-c-danger-surface);color:var(--eui-c-danger-on-surface)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-danger-on-surface-light)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-c-danger-on-surface)}.euim-alert-message--info{color:var(--eui-c-info-on-surface-light);background:var(--eui-c-info-surface-light)}.euim-alert-message--info .euim-label{color:var(--eui-c-info-on-surface-light)}.euim-alert-message--info ion-icon{color:var(--eui-c-info-on-surface-light)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd]:not(.button-outline),.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-c-info-surface);color:var(--eui-c-info-on-surface)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-info-on-surface)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-c-info-on-surface)}.euim-alert-message--success{color:var(--eui-c-success-on-surface-light);background:var(--eui-c-success-surface-light)}.euim-alert-message--success .euim-label{color:var(--eui-c-success-on-surface-light)}.euim-alert-message--success ion-icon{color:var(--eui-c-success-on-surface-light)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd]:not(.button-outline),.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-c-success-surface);color:var(--eui-c-success-on-surface)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-success-on-surface)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-c-success-on-surface)}.euim-alert-message--warning{color:var(--eui-c-warning-on-surface-light);background:var(--eui-c-warning-surface-light)}.euim-alert-message--warning .euim-label{color:var(--eui-c-warning-on-surface-light)}.euim-alert-message--warning ion-icon{color:var(--eui-c-warning-on-surface-light)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline),.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-c-warning-surface);color:var(--eui-c-warning-contrast)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-warning-on-surface)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-c-warning-on-surface)}.euim-alert-message--dark{color:var(--eui-c-neutral-on-surface-dark);background:var(--eui-c-neutral-surface-dark)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-neutral-on-surface-dark)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-c-neutral-surface);color:var(--eui-c-neutral-on-surface)}.euim-alert-message--primary{color:var(--eui-c-primary-on-surface-light);background:var(--eui-c-primary-surface-light)}.euim-alert-message--primary .euim-label{color:var(--eui-c-primary-on-surface-light)}.euim-alert-message--primary ion-icon{color:var(--eui-c-primary-on-surface-light)}.euim-alert-message--primary ion-badge[slotEnd],.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline),.euim-alert-message--primary ion-chip[slotEnd]{--background: var(--eui-c-primary-surface);color:var(--eui-c-primary-on-surface)}.euim-alert-message--primary ion-badge[slotEnd] ion-icon,.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--primary ion-chip[slotEnd] ion-icon{color:var(--eui-c-primary-on-surface)}.euim-alert-message--primary [slotEnd] ion-icon{color:var(--eui-c-primary-on-surface)}.euim-alert-message--branding{color:var(--eui-c-branding-on-surface);background:var(--eui-c-branding-surface)}.euim-alert-message--branding ion-icon,.euim-alert-message--branding .euim-label{color:var(--eui-c-branding-on-surface)}.euim-alert-message--branding [slotEnd]{--background: none;--border-color: var(--eui-c-branding-on-surface);color:var(--eui-c-branding-on-surface)}.euim-alert-message--light{color:var(--eui-c-neutral-on-surface-light);background:var(--eui-c-neutral-surface-light)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-c-neutral-on-surface-light)}.euim-alert-message--light [slotEnd]{--background: var(--eui-c-neutral-surface-light);color:var(--eui-c-neutral-on-surface-light)}.euim-alert-message--default{color:var(--eui-c-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-c-black)}.euim-alert-message--clear{color:var(--eui-c-neutral);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:var(--eui-f-s)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-s-xs);padding-left:var(--eui-s-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-s-2xs)}\n"] }]
         }], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimClose: [{
                 type: Output
             }], euimLabelTruncate: [{
@@ -2271,11 +2227,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_ALERT_MESSAGE} instead.
  */
 class EuimAlertMessageModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlertMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimAlertMessageModule, imports: [EuimAlertMessageComponent], exports: [EuimAlertMessageComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlertMessageModule, imports: [EuimAlertMessageComponent] });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAlertMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimAlertMessageModule, imports: [EuimAlertMessageComponent], exports: [EuimAlertMessageComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAlertMessageModule, imports: [EuimAlertMessageComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlertMessageModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAlertMessageModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuimAlertMessageComponent],
@@ -2288,40 +2244,34 @@ const EUIM_ALERT_MESSAGE = [
 ];
 
 class EuimSliderInfoScreenComponent {
-    renderer;
-    gestureCtrl;
-    sliderElement;
-    cdr;
-    slides;
-    rightActionClicked = new EventEmitter();
-    lastStepActionClicked = new EventEmitter();
-    leftActionClicked = new EventEmitter();
-    isLastItemReached = false;
-    isCarousel = false;
-    showLeftBtn = false;
-    showRightBtn = false;
-    isPreviousBtn = false;
-    isNextBtn = false;
-    paginationColor;
-    actionBtnNames = {
-        rightBtnName: '',
-        lastStepActionBtnName: '',
-        leftBtnName: '',
-    };
-    actionBtnIconsNames = {
-        rightBtnIconName: '',
-        lastStepActionBtnIconName: '',
-        leftBtnIconName: '',
-    };
-    showLeftBtnAsPrevious = false;
-    slidesArray = [];
-    currentSlide = 0;
-    startX = 0;
     constructor(renderer, gestureCtrl, sliderElement, cdr) {
         this.renderer = renderer;
         this.gestureCtrl = gestureCtrl;
         this.sliderElement = sliderElement;
         this.cdr = cdr;
+        this.rightActionClicked = new EventEmitter();
+        this.lastStepActionClicked = new EventEmitter();
+        this.leftActionClicked = new EventEmitter();
+        this.isLastItemReached = false;
+        this.isCarousel = false;
+        this.showLeftBtn = false;
+        this.showRightBtn = false;
+        this.isPreviousBtn = false;
+        this.isNextBtn = false;
+        this.actionBtnNames = {
+            rightBtnName: '',
+            lastStepActionBtnName: '',
+            leftBtnName: '',
+        };
+        this.actionBtnIconsNames = {
+            rightBtnIconName: '',
+            lastStepActionBtnIconName: '',
+            leftBtnIconName: '',
+        };
+        this.showLeftBtnAsPrevious = false;
+        this.slidesArray = [];
+        this.currentSlide = 0;
+        this.startX = 0;
     }
     onResize(event) {
         this.setSliderStyles();
@@ -2446,10 +2396,10 @@ class EuimSliderInfoScreenComponent {
             paginationClass,
         ].join(' ').trim();
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenComponent, deps: [{ token: i0.Renderer2 }, { token: i1.GestureController }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSliderInfoScreenComponent, isStandalone: true, selector: "euim-slider-info-screen", inputs: { isCarousel: ["isCarousel", "isCarousel", booleanAttribute], showLeftBtn: ["showLeftBtn", "showLeftBtn", booleanAttribute], showRightBtn: ["showRightBtn", "showRightBtn", booleanAttribute], isPreviousBtn: ["isPreviousBtn", "isPreviousBtn", booleanAttribute], isNextBtn: ["isNextBtn", "isNextBtn", booleanAttribute], paginationColor: "paginationColor", actionBtnNames: "actionBtnNames", actionBtnIconsNames: "actionBtnIconsNames" }, outputs: { rightActionClicked: "rightActionClicked", lastStepActionClicked: "lastStepActionClicked", leftActionClicked: "leftActionClicked" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "slides", first: true, predicate: ["slides"], descendants: true, static: true }], ngImport: i0, template: "<div #sliderElement class=\"euim-slider-info-screen__slider-container\" >\n    <div #slides class=\"euim-slider-info-screen__slides\">\n        <ng-content></ng-content>\n    </div>\n\n    @if (!isImageOnly()) {\n    <div class=\"euim-slider-info-screen__pagination-container\">\n        @if (showLeftBtn || showRightBtn || isCarousel || isLastItemReached){\n        <div class=\"euim-slider-info-screen__pagination-container\">\n            @if (showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn) {\n            <ion-button (click)=\"onLeftBtnAction($event)\"\n                class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n                fill=\"clear\">\n                @if (actionBtnIconsNames.leftBtnIconName !== '') {\n                    <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n                }\n                {{actionBtnNames.leftBtnName}}\n            </ion-button>\n            }\n            @if (showLeftBtnAsPrevious) {\n            <ion-button (click)=\"onLeftBtnAction($event)\"\n                class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n                fill=\"clear\">\n                @if (actionBtnIconsNames.leftBtnIconName !== '') {\n                    <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n                }\n                {{actionBtnNames.leftBtnName || 'euim.slider-info-screen.LEFT-BTN-NAME' | translate}}</ion-button>\n            }\n            @if (isCarousel){\n            <div class=\"euim-slider-info-screen__pagination\">\n                <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n                    [ngClass]=\"{ 'active': currentSlide === i }\" class=\"euim-slider-info-screen__span\"></span>\n            </div>\n            }\n            @if (!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn) {\n            <ion-button (click)=\"onRightBtnAction($event)\"\n                class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n                fill=\"clear\">\n                {{actionBtnNames.rightBtnName || 'euim.slider-info-screen.RIGHT-BTN-NAME' | translate}}\n\n                @if (actionBtnIconsNames.rightBtnIconName !== '') {\n                    <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.rightBtnIconName\"></ion-icon>\n                }\n            </ion-button>\n            }\n\n            @if (isLastItemReached) {\n            <ion-button (click)=\"onLastStepAction($event)\"\n                class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n                fill=\"clear\">\n                {{actionBtnNames.lastStepActionBtnName || 'euim.slider-info-screen.LAST-STEP-ACTION-BTN-NAME' | translate}}\n\n                @if (actionBtnIconsNames.lastStepActionBtnIconName !== '') {\n                    <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.lastStepActionBtnIconName\"></ion-icon>\n                }\n            </ion-button>\n            }\n        </div>\n        }\n    </div>\n    }\n\n    @if (isImageOnly()) {\n    <div class=\"euim-slider-info-screen__pagination-container--over-image\">\n        <div class=\"euim-slider-info-screen__pagination\">\n            <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n                [ngClass]=\"{ 'active': currentSlide === i }\"\n                class=\"euim-slider-info-screen__span\" ></span>\n        </div>\n    </div>\n    }\n\n</div>\n", styles: [".euim-slider-info-screen__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider-info-screen__slides{display:flex;transition:all .5s ease;height:100%;width:100%}.euim-slider-info-screen__slide{width:100%;height:100%}.euim-slider-info-screen__pagination-container--over-image{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:1}.euim-slider-info-screen__pagination-container{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:60px;z-index:99}.euim-slider-info-screen__pagination{display:flex}.euim-slider-info-screen__span{width:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);height:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);border-radius:50%;cursor:pointer;border:1px solid var(--eui-c-primary)}.euim-slider-info-screen__span:not(:last-child){margin-right:var(--eui-s-xs)}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span{border:1px solid var(--eui-c-primary)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span.active{background-color:var(--eui-c-primary)!important}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span{border:1px solid var(--eui-c-white)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span.active{background-color:var(--eui-c-white)!important}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span{border:1px solid var(--eui-c-success-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span.active{background-color:var(--eui-c-success-dark)!important}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span{border:1px solid var(--eui-c-warning)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span.active{background-color:var(--eui-c-warning)!important}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span{border:1px solid var(--eui-c-info)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span.active{background-color:var(--eui-c-info)!important}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span{border:1px solid var(--eui-c-neutral)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span.active{background-color:var(--eui-c-neutral)!important}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span{border:1px solid var(--eui-c-danger-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span.active{background-color:var(--eui-c-danger-dark)!important}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-c-primary);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider-info-screen__action-button::part(native){padding:0 var(--eui-s-m)}.euim-slider-info-screen__action-button--right{right:0;margin:0 var(--eui-s-xs) 0 var(--eui-s-m)}.euim-slider-info-screen__action-button--left{margin:0 var(--eui-s-m) 0 var(--eui-s-xs);left:0}.euim-slider-info-screen__action-button ion-icon{color:var(--eui-c-primary)}.euim-slider-info-screen__title{font:var(--eui-f-xl-bold-compact);color:var(--eui-c-neutral);margin-top:var(--eui-s-l);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l)}.euim-slider-info-screen__sub-title{color:var(--eui-c-neutral-light);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m-compact)}.euim-slider-info-screen__content{color:var(--eui-c-neutral);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m-compact);display:flex;flex-direction:column}.euim-slider-info-screen__content--centered{text-align:center}.euim-slider-info-screen__title+.euim-slider-info-screen__sub-title{margin-top:var(--eui-s-2xs)}.euim-slider-info-screen__sub-title+.euim-slider-info-screen__content,title+.euim-slider-info-screen__content{margin-top:var(--eui-s-m)}.euim-slider-info-screen.image-only .euim-slider-info-screen__slider-container{height:auto}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { 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"] }, { kind: "ngmodule", type: CommonModule }, { 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: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSliderInfoScreenComponent, deps: [{ token: i0.Renderer2 }, { token: i1.GestureController }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuimSliderInfoScreenComponent, isStandalone: true, selector: "euim-slider-info-screen", inputs: { isCarousel: ["isCarousel", "isCarousel", booleanAttribute], showLeftBtn: ["showLeftBtn", "showLeftBtn", booleanAttribute], showRightBtn: ["showRightBtn", "showRightBtn", booleanAttribute], isPreviousBtn: ["isPreviousBtn", "isPreviousBtn", booleanAttribute], isNextBtn: ["isNextBtn", "isNextBtn", booleanAttribute], paginationColor: "paginationColor", actionBtnNames: "actionBtnNames", actionBtnIconsNames: "actionBtnIconsNames" }, outputs: { rightActionClicked: "rightActionClicked", lastStepActionClicked: "lastStepActionClicked", leftActionClicked: "leftActionClicked" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "slides", first: true, predicate: ["slides"], descendants: true, static: true }], ngImport: i0, template: "<div #sliderElement class=\"euim-slider-info-screen__slider-container\" >\n    <div #slides class=\"euim-slider-info-screen__slides\">\n        <ng-content></ng-content>\n    </div>\n\n    @if (!isImageOnly()) {\n    <div class=\"euim-slider-info-screen__pagination-container\">\n        @if (showLeftBtn || showRightBtn || isCarousel || isLastItemReached){\n        <div class=\"euim-slider-info-screen__pagination-container\">\n            @if (showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn) {\n            <ion-button (click)=\"onLeftBtnAction($event)\"\n                class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n                fill=\"clear\">\n                @if (actionBtnIconsNames.leftBtnIconName !== '') {\n                    <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n                }\n                {{actionBtnNames.leftBtnName}}\n            </ion-button>\n            }\n            @if (showLeftBtnAsPrevious) {\n            <ion-button (click)=\"onLeftBtnAction($event)\"\n                class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n                fill=\"clear\">\n                @if (actionBtnIconsNames.leftBtnIconName !== '') {\n                    <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n                }\n                {{actionBtnNames.leftBtnName || 'euim.slider-info-screen.LEFT-BTN-NAME' | translate}}</ion-button>\n            }\n            @if (isCarousel){\n            <div class=\"euim-slider-info-screen__pagination\">\n                <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n                    [ngClass]=\"{ 'active': currentSlide === i }\" class=\"euim-slider-info-screen__span\"></span>\n            </div>\n            }\n            @if (!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn) {\n            <ion-button (click)=\"onRightBtnAction($event)\"\n                class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n                fill=\"clear\">\n                {{actionBtnNames.rightBtnName || 'euim.slider-info-screen.RIGHT-BTN-NAME' | translate}}\n\n                @if (actionBtnIconsNames.rightBtnIconName !== '') {\n                    <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.rightBtnIconName\"></ion-icon>\n                }\n            </ion-button>\n            }\n\n            @if (isLastItemReached) {\n            <ion-button (click)=\"onLastStepAction($event)\"\n                class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n                fill=\"clear\">\n                {{actionBtnNames.lastStepActionBtnName || 'euim.slider-info-screen.LAST-STEP-ACTION-BTN-NAME' | translate}}\n\n                @if (actionBtnIconsNames.lastStepActionBtnIconName !== '') {\n                    <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.lastStepActionBtnIconName\"></ion-icon>\n                }\n            </ion-button>\n            }\n        </div>\n        }\n    </div>\n    }\n\n    @if (isImageOnly()) {\n    <div class=\"euim-slider-info-screen__pagination-container--over-image\">\n        <div class=\"euim-slider-info-screen__pagination\">\n            <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n                [ngClass]=\"{ 'active': currentSlide === i }\"\n                class=\"euim-slider-info-screen__span\" ></span>\n        </div>\n    </div>\n    }\n\n</div>\n", styles: [".euim-slider-info-screen__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider-info-screen__slides{display:flex;transition:all .5s ease;height:100%;width:100%}.euim-slider-info-screen__slide{width:100%;height:100%}.euim-slider-info-screen__pagination-container--over-image{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:1}.euim-slider-info-screen__pagination-container{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:60px;z-index:99}.euim-slider-info-screen__pagination{display:flex}.euim-slider-info-screen__span{width:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);height:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);border-radius:50%;cursor:pointer;border:1px solid var(--eui-c-primary)}.euim-slider-info-screen__span:not(:last-child){margin-right:var(--eui-s-xs)}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span{border:1px solid var(--eui-c-primary)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span.active{background-color:var(--eui-c-primary)!important}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span{border:1px solid var(--eui-c-white)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span.active{background-color:var(--eui-c-white)!important}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span{border:1px solid var(--eui-c-success-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span.active{background-color:var(--eui-c-success-dark)!important}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span{border:1px solid var(--eui-c-warning)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span.active{background-color:var(--eui-c-warning)!important}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span{border:1px solid var(--eui-c-info)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span.active{background-color:var(--eui-c-info)!important}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span{border:1px solid var(--eui-c-neutral)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span.active{background-color:var(--eui-c-neutral)!important}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span{border:1px solid var(--eui-c-danger-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span.active{background-color:var(--eui-c-danger-dark)!important}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-c-primary);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider-info-screen__action-button::part(native){padding:0 var(--eui-s-m)}.euim-slider-info-screen__action-button--right{right:0;margin:0 var(--eui-s-xs) 0 var(--eui-s-m)}.euim-slider-info-screen__action-button--left{margin:0 var(--eui-s-m) 0 var(--eui-s-xs);left:0}.euim-slider-info-screen__action-button ion-icon{color:var(--eui-c-primary)}.euim-slider-info-screen__title{font:var(--eui-f-xl-bold-compact);color:var(--eui-c-neutral);margin-top:var(--eui-s-l);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l)}.euim-slider-info-screen__sub-title{color:var(--eui-c-neutral-light);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m-compact)}.euim-slider-info-screen__content{color:var(--eui-c-neutral);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m-compact);display:flex;flex-direction:column}.euim-slider-info-screen__content--centered{text-align:center}.euim-slider-info-screen__title+.euim-slider-info-screen__sub-title{margin-top:var(--eui-s-2xs)}.euim-slider-info-screen__sub-title+.euim-slider-info-screen__content,title+.euim-slider-info-screen__content{margin-top:var(--eui-s-m)}.euim-slider-info-screen.image-only .euim-slider-info-screen__slider-container{height:auto}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { 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"] }, { kind: "ngmodule", type: CommonModule }, { 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: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSliderInfoScreenComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-slider-info-screen', encapsulation: ViewEncapsulation.None, standalone: true, imports: [
                         IonicModule,
@@ -2495,14 +2445,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimSlideInfoScreenComponent {
-    className = 'euim-slider-info-screen__slide';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSlideInfoScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSlideInfoScreenComponent, isStandalone: true, selector: "euim-slide-info-screen", host: { properties: { "class": "this.className" } }, ngImport: i0, template: `
+    constructor() {
+        this.className = 'euim-slider-info-screen__slide';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSlideInfoScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimSlideInfoScreenComponent, isStandalone: true, selector: "euim-slide-info-screen", host: { properties: { "class": "this.className" } }, ngImport: i0, template: `
         <div #slide>
             <ng-content></ng-content>
-        </div>`, isInline: true });
+        </div>`, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSlideInfoScreenComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSlideInfoScreenComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'euim-slide-info-screen',
@@ -2518,7 +2470,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimSliderInfoScreenContentDirective {
-    euimTextCenter = false;
+    constructor() {
+        this.euimTextCenter = false;
+    }
     get cssClasses() {
         return this.getCssClasses();
     }
@@ -2528,10 +2482,10 @@ class EuimSliderInfoScreenContentDirective {
             this.euimTextCenter ? 'euim-slider-info-screen__content--centered' : '',
         ].join(' ').trim();
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.13", type: EuimSliderInfoScreenContentDirective, isStandalone: true, selector: "[euimSliderInfoScreenContent]", inputs: { euimTextCenter: ["euimTextCenter", "euimTextCenter", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSliderInfoScreenContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.17", type: EuimSliderInfoScreenContentDirective, isStandalone: true, selector: "[euimSliderInfoScreenContent]", inputs: { euimTextCenter: ["euimTextCenter", "euimTextCenter", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSliderInfoScreenContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimSliderInfoScreenContent]',
@@ -2546,11 +2500,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimSliderInfoScreenTitleDirective {
-    className = 'euim-slider-info-screen__title';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimSliderInfoScreenTitleDirective, isStandalone: true, selector: "[euimSliderInfoScreenTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-slider-info-screen__title';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSliderInfoScreenTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimSliderInfoScreenTitleDirective, isStandalone: true, selector: "[euimSliderInfoScreenTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSliderInfoScreenTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimSliderInfoScreenTitle]',
@@ -2562,11 +2518,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimSliderInfoScreenSubTitleDirective {
-    className = 'euim-slider-info-screen__sub-title';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenSubTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimSliderInfoScreenSubTitleDirective, isStandalone: true, selector: "[euimSliderInfoScreenSubTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-slider-info-screen__sub-title';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSliderInfoScreenSubTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimSliderInfoScreenSubTitleDirective, isStandalone: true, selector: "[euimSliderInfoScreenSubTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenSubTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSliderInfoScreenSubTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimSliderInfoScreenSubTitle]',
@@ -2581,8 +2539,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_SLIDER_INFO_SCREEN} instead.
  */
 class EuimSliderInfoScreenModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenModule, imports: [EuimSliderInfoScreenComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSliderInfoScreenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimSliderInfoScreenModule, imports: [EuimSliderInfoScreenComponent,
             EuimSlideInfoScreenComponent,
             EuimSliderInfoScreenContentDirective,
             EuimSliderInfoScreenTitleDirective,
@@ -2590,10 +2548,10 @@ class EuimSliderInfoScreenModule {
             EuimSlideInfoScreenComponent,
             EuimSliderInfoScreenContentDirective,
             EuimSliderInfoScreenTitleDirective,
-            EuimSliderInfoScreenSubTitleDirective] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenModule, imports: [EuimSliderInfoScreenComponent] });
+            EuimSliderInfoScreenSubTitleDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSliderInfoScreenModule, imports: [EuimSliderInfoScreenComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSliderInfoScreenModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -2622,13 +2580,15 @@ const EUIM_SLIDER_INFO_SCREEN = [
 ];
 
 class EuimScrollerXComponent {
-    className = 'euim-scroller-x';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimScrollerXComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimScrollerXComponent, isStandalone: true, selector: "euim-scroller-x", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n\n", styles: [".euim-scroller-x{display:flex;overflow-x:auto;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-scroller-x::-webkit-scrollbar{height:0}.euim-scroller-x>*{flex:0 0 auto}.euim-scroller-x ion-chip{padding:0 var(--eui-s-s);margin:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) 0}.euim-scroller-x ion-chip:first-of-type{margin-left:var(--eui-s-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    constructor() {
+        this.className = 'euim-scroller-x';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimScrollerXComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimScrollerXComponent, isStandalone: true, selector: "euim-scroller-x", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n\n", styles: [".euim-scroller-x{display:flex;overflow-x:auto;scrollbar-color:transparent transparent;scrollbar-width:none;width:100%}.euim-scroller-x::-webkit-scrollbar{height:0}.euim-scroller-x>*{flex:0 0 auto}.euim-scroller-x ion-chip{padding:0 var(--eui-s-s);margin:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) 0}.euim-scroller-x ion-chip:first-of-type{margin-left:var(--eui-s-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimScrollerXComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimScrollerXComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-scroller-x', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n\n", styles: [".euim-scroller-x{display:flex;overflow-x:auto;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-scroller-x::-webkit-scrollbar{height:0}.euim-scroller-x>*{flex:0 0 auto}.euim-scroller-x ion-chip{padding:0 var(--eui-s-s);margin:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) 0}.euim-scroller-x ion-chip:first-of-type{margin-left:var(--eui-s-xs)}\n"] }]
+            args: [{ selector: 'euim-scroller-x', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n\n", styles: [".euim-scroller-x{display:flex;overflow-x:auto;scrollbar-color:transparent transparent;scrollbar-width:none;width:100%}.euim-scroller-x::-webkit-scrollbar{height:0}.euim-scroller-x>*{flex:0 0 auto}.euim-scroller-x ion-chip{padding:0 var(--eui-s-s);margin:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) 0}.euim-scroller-x ion-chip:first-of-type{margin-left:var(--eui-s-xs)}\n"] }]
         }], propDecorators: { className: [{
                 type: HostBinding,
                 args: ['class']
@@ -2638,11 +2598,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_SCROLLER_X} instead.
  */
 class EuimScrollerXComponentModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimScrollerXComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimScrollerXComponentModule, imports: [EuimScrollerXComponent], exports: [EuimScrollerXComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimScrollerXComponentModule });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimScrollerXComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimScrollerXComponentModule, imports: [EuimScrollerXComponent], exports: [EuimScrollerXComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimScrollerXComponentModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimScrollerXComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimScrollerXComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuimScrollerXComponent],
@@ -2655,20 +2615,17 @@ const EUIM_SCROLLER_X = [
 ];
 
 class EuimChipSelectorItemDirective {
-    renderer;
-    el;
-    clickEventAdded = false;
-    id;
-    euimChipSelectorAll = false;
-    className = 'euim-chip-selector__item';
     constructor(renderer, el) {
         this.renderer = renderer;
         this.el = el;
+        this.clickEventAdded = false;
+        this.euimChipSelectorAll = false;
+        this.className = 'euim-chip-selector__item';
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimChipSelectorItemDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.13", type: EuimChipSelectorItemDirective, isStandalone: true, selector: "[euimChipSelectorItem]", inputs: { id: ["id", "id", numberAttribute], euimChipSelectorAll: ["euimChipSelectorAll", "euimChipSelectorAll", booleanAttribute] }, host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimChipSelectorItemDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "19.2.17", type: EuimChipSelectorItemDirective, isStandalone: true, selector: "[euimChipSelectorItem]", inputs: { id: ["id", "id", numberAttribute], euimChipSelectorAll: ["euimChipSelectorAll", "euimChipSelectorAll", booleanAttribute] }, host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimChipSelectorItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimChipSelectorItemDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimChipSelectorItem]',
@@ -2686,32 +2643,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimChipSelectorComponent {
-    backgroundColor = 'branding';
-    color = 'white';
-    chipSelectedColor = 'white';
-    chipFill = 'default';
-    sourceData = [];
-    hasBoxShadow = false;
-    hasNoScrollerX = false;
-    hasColorTransparency = false;
-    selectedChips = [];
-    isMultiSelectionMode = false;
-    isCustomMode = false;
-    euimKeepSelection = false;
-    hasSearchbar = false;
-    filterData = new EventEmitter();
-    clickItems = new EventEmitter();
-    selectedChipsChange = new EventEmitter();
+    constructor() {
+        this.backgroundColor = 'branding';
+        this.color = 'white';
+        this.chipSelectedColor = 'white';
+        this.chipFill = 'default';
+        this.sourceData = [];
+        this.hasBoxShadow = false;
+        this.hasNoScrollerX = false;
+        this.hasColorTransparency = false;
+        this.selectedChips = [];
+        this.isMultiSelectionMode = false;
+        this.isCustomMode = false;
+        this.euimKeepSelection = false;
+        this.hasSearchbar = false;
+        this.filterData = new EventEmitter();
+        this.clickItems = new EventEmitter();
+        this.selectedChipsChange = new EventEmitter();
+        this.filteredData = [...this.sourceData];
+        this.filterConditions = [];
+        this.searchInput = '';
+        this.isEmitEvent = true;
+        this.clickEventHandled = false;
+    }
     get cssClasses() {
         return this.getCssClasses();
     }
-    euimChipSelectorItemComponent;
-    filteredData = [...this.sourceData];
-    filterConditions = [];
-    searchInput = '';
-    isEmitEvent = true;
-    euimChipSelectorItemSubscription;
-    clickEventHandled = false;
     ngAfterViewInit() {
         this.setCssItemClasses();
     }
@@ -2957,12 +2914,12 @@ class EuimChipSelectorComponent {
             return data;
         return data.filter(item => multipleFilterConditions.includes(item.filterId));
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimChipSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimChipSelectorComponent, isStandalone: true, selector: "euim-chip-selector", inputs: { backgroundColor: "backgroundColor", color: "color", chipSelectedColor: "chipSelectedColor", chipFill: "chipFill", sourceData: "sourceData", hasBoxShadow: ["hasBoxShadow", "hasBoxShadow", booleanAttribute], hasNoScrollerX: ["hasNoScrollerX", "hasNoScrollerX", booleanAttribute], hasColorTransparency: ["hasColorTransparency", "hasColorTransparency", booleanAttribute], selectedChips: "selectedChips", isMultiSelectionMode: ["isMultiSelectionMode", "isMultiSelectionMode", booleanAttribute], isCustomMode: ["isCustomMode", "isCustomMode", booleanAttribute], euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute], hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute] }, outputs: { filterData: "filterData", clickItems: "clickItems", selectedChipsChange: "selectedChipsChange" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimChipSelectorItemComponent", predicate: EuimChipSelectorItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (hasSearchbar) {\n    <ion-searchbar (ionInput)=\"handleChange($event)\"\n                   class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n@if (hasNoScrollerX) {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n    <euim-scroller-x>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </euim-scroller-x>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".euim-chip-selector{padding:var(--eui-s-xs) 0;display:flex;justify-content:center;flex-direction:column}.euim-chip-selector .euim-scroller-x ion-chip{margin:0 var(--eui-s-xs) 0 0;padding:0 var(--eui-s-s)}.euim-chip-selector ion-searchbar{padding-top:0;padding-bottom:var(--eui-s-s)}@media (min-width: 768px){.euim-chip-selector .euim-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs)}.euim-chip-selector .euim-scroller-x ion-chip{margin:0}}.euim-chip-selector--has-no-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs);flex-direction:row;padding:var(--eui-s-xs);justify-content:left}.euim-chip-selector--has-no-scroller-x ion-chip{padding:0 var(--eui-s-s);margin:0}ion-chip.euim-chip-selector__item--has-box-shadow{box-shadow:0 calc(var(--eui-s-2xs) / 2) var(--eui-s-2xs) #0003;margin-bottom:var(--eui-s-2xs)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-branding{background-color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-branding-contrast);background-color:transparent;border-color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-branding-contrast);border-color:var(--eui-c-branding-contrast);color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-branding)}.euim-chip-selector--background-color-transparent{background-color:transparent}.euim-chip-selector__item--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-success-dark);background-color:transparent;color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-warning);background-color:transparent;color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-danger-dark);background-color:transparent;color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary ion-icon{color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-primary);background-color:transparent;color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-branding);background-color:transparent;color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-info);background-color:transparent;color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark ion-icon{color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-neutral);background-color:transparent;color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-min);background-color:transparent;border-color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--color-white-with-transparency{background-color:#ffffff30;border-color:transparent;color:var(--eui-c-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-c-neutral-bg);border-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default ion-icon{color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-lighter);background-color:transparent;border-color:var(--eui-c-neutral-lighter)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-lighter)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }, { kind: "ngmodule", type: EuimScrollerXComponentModule }, { kind: "component", type: EuimScrollerXComponent, selector: "euim-scroller-x" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimChipSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuimChipSelectorComponent, isStandalone: true, selector: "euim-chip-selector", inputs: { backgroundColor: "backgroundColor", color: "color", chipSelectedColor: "chipSelectedColor", chipFill: "chipFill", sourceData: "sourceData", hasBoxShadow: ["hasBoxShadow", "hasBoxShadow", booleanAttribute], hasNoScrollerX: ["hasNoScrollerX", "hasNoScrollerX", booleanAttribute], hasColorTransparency: ["hasColorTransparency", "hasColorTransparency", booleanAttribute], selectedChips: "selectedChips", isMultiSelectionMode: ["isMultiSelectionMode", "isMultiSelectionMode", booleanAttribute], isCustomMode: ["isCustomMode", "isCustomMode", booleanAttribute], euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute], hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute] }, outputs: { filterData: "filterData", clickItems: "clickItems", selectedChipsChange: "selectedChipsChange" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimChipSelectorItemComponent", predicate: EuimChipSelectorItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (hasSearchbar) {\n    <ion-searchbar (ionInput)=\"handleChange($event)\"\n                   class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n@if (hasNoScrollerX) {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n    <euim-scroller-x>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </euim-scroller-x>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".euim-chip-selector{padding:var(--eui-s-xs) 0;display:flex;justify-content:center;flex-direction:column}.euim-chip-selector .euim-scroller-x ion-chip{margin:0 var(--eui-s-xs) 0 0;padding:0 var(--eui-s-s)}.euim-chip-selector ion-searchbar{padding-top:0;padding-bottom:var(--eui-s-s)}@media (min-width: 768px){.euim-chip-selector .euim-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs)}.euim-chip-selector .euim-scroller-x ion-chip{margin:0}}.euim-chip-selector--has-no-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs);flex-direction:row;padding:var(--eui-s-xs);justify-content:left}.euim-chip-selector--has-no-scroller-x ion-chip{padding:0 var(--eui-s-s);margin:0}ion-chip.euim-chip-selector__item--has-box-shadow{box-shadow:0 calc(var(--eui-s-2xs) / 2) var(--eui-s-2xs) #0003;margin-bottom:var(--eui-s-2xs)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-branding{background-color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-branding-contrast);background-color:transparent;border-color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-branding-contrast);border-color:var(--eui-c-branding-contrast);color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-branding)}.euim-chip-selector--background-color-transparent{background-color:transparent}.euim-chip-selector__item--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-success-dark);background-color:transparent;color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-warning);background-color:transparent;color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-danger-dark);background-color:transparent;color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary ion-icon{color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-primary);background-color:transparent;color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-branding);background-color:transparent;color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-info);background-color:transparent;color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark ion-icon{color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-neutral);background-color:transparent;color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-min);background-color:transparent;border-color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--color-white-with-transparency{background-color:#ffffff30;border-color:transparent;color:var(--eui-c-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-c-neutral-bg);border-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default ion-icon{color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-lighter);background-color:transparent;border-color:var(--eui-c-neutral-lighter)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-lighter)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }, { kind: "ngmodule", type: EuimScrollerXComponentModule }, { kind: "component", type: EuimScrollerXComponent, selector: "euim-scroller-x" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimChipSelectorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimChipSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-chip-selector', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IonicModule, EuimScrollerXComponentModule, EuimChipSelectorItemDirective, CommonModule], template: "@if (hasSearchbar) {\n    <ion-searchbar (ionInput)=\"handleChange($event)\"\n                   class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n@if (hasNoScrollerX) {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n    <euim-scroller-x>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </euim-scroller-x>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".euim-chip-selector{padding:var(--eui-s-xs) 0;display:flex;justify-content:center;flex-direction:column}.euim-chip-selector .euim-scroller-x ion-chip{margin:0 var(--eui-s-xs) 0 0;padding:0 var(--eui-s-s)}.euim-chip-selector ion-searchbar{padding-top:0;padding-bottom:var(--eui-s-s)}@media (min-width: 768px){.euim-chip-selector .euim-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs)}.euim-chip-selector .euim-scroller-x ion-chip{margin:0}}.euim-chip-selector--has-no-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs);flex-direction:row;padding:var(--eui-s-xs);justify-content:left}.euim-chip-selector--has-no-scroller-x ion-chip{padding:0 var(--eui-s-s);margin:0}ion-chip.euim-chip-selector__item--has-box-shadow{box-shadow:0 calc(var(--eui-s-2xs) / 2) var(--eui-s-2xs) #0003;margin-bottom:var(--eui-s-2xs)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-branding{background-color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-branding-contrast);background-color:transparent;border-color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-branding-contrast);border-color:var(--eui-c-branding-contrast);color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-branding)}.euim-chip-selector--background-color-transparent{background-color:transparent}.euim-chip-selector__item--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-success-dark);background-color:transparent;color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-warning);background-color:transparent;color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-danger-dark);background-color:transparent;color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary ion-icon{color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-primary);background-color:transparent;color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-branding);background-color:transparent;color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-info);background-color:transparent;color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark ion-icon{color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-neutral);background-color:transparent;color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-min);background-color:transparent;border-color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--color-white-with-transparency{background-color:#ffffff30;border-color:transparent;color:var(--eui-c-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-c-neutral-bg);border-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default ion-icon{color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-lighter);background-color:transparent;border-color:var(--eui-c-neutral-lighter)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-lighter)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}\n"] }]
+            args: [{ selector: 'euim-chip-selector', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IonicModule, EuimScrollerXComponentModule, CommonModule], template: "@if (hasSearchbar) {\n    <ion-searchbar (ionInput)=\"handleChange($event)\"\n                   class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n@if (hasNoScrollerX) {\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n    <euim-scroller-x>\n        <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n    </euim-scroller-x>\n}\n\n<ng-template #content>\n    <ng-content></ng-content>\n</ng-template>\n", styles: [".euim-chip-selector{padding:var(--eui-s-xs) 0;display:flex;justify-content:center;flex-direction:column}.euim-chip-selector .euim-scroller-x ion-chip{margin:0 var(--eui-s-xs) 0 0;padding:0 var(--eui-s-s)}.euim-chip-selector ion-searchbar{padding-top:0;padding-bottom:var(--eui-s-s)}@media (min-width: 768px){.euim-chip-selector .euim-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs)}.euim-chip-selector .euim-scroller-x ion-chip{margin:0}}.euim-chip-selector--has-no-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs);flex-direction:row;padding:var(--eui-s-xs);justify-content:left}.euim-chip-selector--has-no-scroller-x ion-chip{padding:0 var(--eui-s-s);margin:0}ion-chip.euim-chip-selector__item--has-box-shadow{box-shadow:0 calc(var(--eui-s-2xs) / 2) var(--eui-s-2xs) #0003;margin-bottom:var(--eui-s-2xs)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-branding{background-color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-branding-contrast);background-color:transparent;border-color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-branding-contrast);border-color:var(--eui-c-branding-contrast);color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-branding)}.euim-chip-selector--background-color-transparent{background-color:transparent}.euim-chip-selector__item--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-success-dark);background-color:transparent;color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-warning);background-color:transparent;color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-danger-dark);background-color:transparent;color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary ion-icon{color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-primary);background-color:transparent;color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-branding);background-color:transparent;color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-info);background-color:transparent;color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark ion-icon{color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-neutral);background-color:transparent;color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-min);background-color:transparent;border-color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--color-white-with-transparency{background-color:#ffffff30;border-color:transparent;color:var(--eui-c-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-c-neutral-bg);border-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default ion-icon{color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-lighter);background-color:transparent;border-color:var(--eui-c-neutral-lighter)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-lighter)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}\n"] }]
         }], propDecorators: { backgroundColor: [{
                 type: Input
             }], color: [{
@@ -3014,11 +2971,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_CHIP_SELECTOR} instead.
  */
 class EuimChipSelectorComponentModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimChipSelectorComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimChipSelectorComponentModule, imports: [EuimChipSelectorComponent, EuimChipSelectorItemDirective], exports: [EuimChipSelectorComponent, EuimChipSelectorItemDirective] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimChipSelectorComponentModule, imports: [EuimChipSelectorComponent] });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimChipSelectorComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimChipSelectorComponentModule, imports: [EuimChipSelectorComponent, EuimChipSelectorItemDirective], exports: [EuimChipSelectorComponent, EuimChipSelectorItemDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimChipSelectorComponentModule, imports: [EuimChipSelectorComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimChipSelectorComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimChipSelectorComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuimChipSelectorComponent, EuimChipSelectorItemDirective],
@@ -3032,22 +2989,19 @@ const EUIM_CHIP_SELECTOR = [
 ];
 
 class EuimSkeletonListItemComponent {
-    baseStatesDirective;
     get cssClasses() {
         return this.getCssClasses();
     }
-    hasAvatar = true;
-    hasTitle = true;
-    hasSubtitle = true;
-    hasMetaLine = true;
-    isAnimated = true;
-    avatarType;
-    separator;
-    titleWidth = '80%';
-    subTitleWidth = '60%';
-    metaLineWidth = '40%';
     constructor(baseStatesDirective) {
         this.baseStatesDirective = baseStatesDirective;
+        this.hasAvatar = true;
+        this.hasTitle = true;
+        this.hasSubtitle = true;
+        this.hasMetaLine = true;
+        this.isAnimated = true;
+        this.titleWidth = '80%';
+        this.subTitleWidth = '60%';
+        this.metaLineWidth = '40%';
     }
     getCssClasses() {
         return [
@@ -3057,10 +3011,10 @@ class EuimSkeletonListItemComponent {
             .join(' ')
             .trim();
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListItemComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSkeletonListItemComponent, isStandalone: true, selector: "euim-skeleton-list-item", inputs: { hasAvatar: ["hasAvatar", "hasAvatar", booleanAttribute], hasTitle: ["hasTitle", "hasTitle", booleanAttribute], hasSubtitle: ["hasSubtitle", "hasSubtitle", booleanAttribute], hasMetaLine: ["hasMetaLine", "hasMetaLine", booleanAttribute], isAnimated: ["isAnimated", "isAnimated", booleanAttribute], avatarType: "avatarType", separator: "separator", titleWidth: "titleWidth", subTitleWidth: "subTitleWidth", metaLineWidth: "metaLineWidth" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSize2XL", "euimSize2XL", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ion-item button [lines]=\"separator\">\n  @if (hasAvatar) {\n    <ion-thumbnail slot=\"start\">\n      <ion-skeleton-text [animated]=\"true\"></ion-skeleton-text>\n    </ion-thumbnail>\n  }\n  <ion-label>\n    @if (hasTitle) {\n      <ion-skeleton-text [animated]=\"isAnimated\"\n      [style.width]=\"titleWidth || '80%'\"></ion-skeleton-text>\n    }\n    @if (hasSubtitle) {\n      <ion-skeleton-text [animated]=\"isAnimated\"\n      [style.width]=\"subTitleWidth || '60%'\"></ion-skeleton-text>\n    }\n    @if (hasMetaLine) {\n      <ion-skeleton-text [animated]=\"isAnimated\"\n      [style.width]=\"metaLineWidth || '40%'\"></ion-skeleton-text>\n    }\n  </ion-label>\n</ion-item>\n", styles: [".euim-skeleton-list-item ion-label ion-skeleton-text{margin-bottom:var(--eui-s-xs)}.euim-skeleton-list-item ion-thumbnail{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-skeleton-list-item--size-l ion-thumbnail{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-skeleton-list-item--size-2xl ion-thumbnail{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-skeleton-list-item ion-thumbnail{--border-radius: 50%}.euim-skeleton-list-item--square ion-thumbnail{--border-radius: 0}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }, { kind: "component", type: i1.IonThumbnail, selector: "ion-thumbnail" }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSkeletonListItemComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuimSkeletonListItemComponent, isStandalone: true, selector: "euim-skeleton-list-item", inputs: { hasAvatar: ["hasAvatar", "hasAvatar", booleanAttribute], hasTitle: ["hasTitle", "hasTitle", booleanAttribute], hasSubtitle: ["hasSubtitle", "hasSubtitle", booleanAttribute], hasMetaLine: ["hasMetaLine", "hasMetaLine", booleanAttribute], isAnimated: ["isAnimated", "isAnimated", booleanAttribute], avatarType: "avatarType", separator: "separator", titleWidth: "titleWidth", subTitleWidth: "subTitleWidth", metaLineWidth: "metaLineWidth" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSize2XL", "euimSize2XL", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ion-item button [lines]=\"separator\">\n  @if (hasAvatar) {\n    <ion-thumbnail slot=\"start\">\n      <ion-skeleton-text [animated]=\"true\"></ion-skeleton-text>\n    </ion-thumbnail>\n  }\n  <ion-label>\n    @if (hasTitle) {\n      <ion-skeleton-text [animated]=\"isAnimated\"\n      [style.width]=\"titleWidth || '80%'\"></ion-skeleton-text>\n    }\n    @if (hasSubtitle) {\n      <ion-skeleton-text [animated]=\"isAnimated\"\n      [style.width]=\"subTitleWidth || '60%'\"></ion-skeleton-text>\n    }\n    @if (hasMetaLine) {\n      <ion-skeleton-text [animated]=\"isAnimated\"\n      [style.width]=\"metaLineWidth || '40%'\"></ion-skeleton-text>\n    }\n  </ion-label>\n</ion-item>\n", styles: [".euim-skeleton-list-item ion-label ion-skeleton-text{margin-bottom:var(--eui-s-xs);margin-top:var(--eui-s-none)}.euim-skeleton-list-item ion-thumbnail{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-skeleton-list-item--size-l ion-thumbnail{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-skeleton-list-item--size-2xl ion-thumbnail{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-skeleton-list-item ion-thumbnail{--border-radius: 50%}.euim-skeleton-list-item--square ion-thumbnail{--border-radius: var(--eui-br-none)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }, { kind: "component", type: i1.IonThumbnail, selector: "ion-thumbnail" }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSkeletonListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-skeleton-list-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {
@@ -3070,7 +3024,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                                 'euimSizeL',
                             ],
                         },
-                    ], standalone: true, imports: [IonicModule, CommonModule], template: "<ion-item button [lines]=\"separator\">\n  @if (hasAvatar) {\n    <ion-thumbnail slot=\"start\">\n      <ion-skeleton-text [animated]=\"true\"></ion-skeleton-text>\n    </ion-thumbnail>\n  }\n  <ion-label>\n    @if (hasTitle) {\n      <ion-skeleton-text [animated]=\"isAnimated\"\n      [style.width]=\"titleWidth || '80%'\"></ion-skeleton-text>\n    }\n    @if (hasSubtitle) {\n      <ion-skeleton-text [animated]=\"isAnimated\"\n      [style.width]=\"subTitleWidth || '60%'\"></ion-skeleton-text>\n    }\n    @if (hasMetaLine) {\n      <ion-skeleton-text [animated]=\"isAnimated\"\n      [style.width]=\"metaLineWidth || '40%'\"></ion-skeleton-text>\n    }\n  </ion-label>\n</ion-item>\n", styles: [".euim-skeleton-list-item ion-label ion-skeleton-text{margin-bottom:var(--eui-s-xs)}.euim-skeleton-list-item ion-thumbnail{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-skeleton-list-item--size-l ion-thumbnail{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-skeleton-list-item--size-2xl ion-thumbnail{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-skeleton-list-item ion-thumbnail{--border-radius: 50%}.euim-skeleton-list-item--square ion-thumbnail{--border-radius: 0}\n"] }]
+                    ], standalone: true, imports: [IonicModule, CommonModule], template: "<ion-item button [lines]=\"separator\">\n  @if (hasAvatar) {\n    <ion-thumbnail slot=\"start\">\n      <ion-skeleton-text [animated]=\"true\"></ion-skeleton-text>\n    </ion-thumbnail>\n  }\n  <ion-label>\n    @if (hasTitle) {\n      <ion-skeleton-text [animated]=\"isAnimated\"\n      [style.width]=\"titleWidth || '80%'\"></ion-skeleton-text>\n    }\n    @if (hasSubtitle) {\n      <ion-skeleton-text [animated]=\"isAnimated\"\n      [style.width]=\"subTitleWidth || '60%'\"></ion-skeleton-text>\n    }\n    @if (hasMetaLine) {\n      <ion-skeleton-text [animated]=\"isAnimated\"\n      [style.width]=\"metaLineWidth || '40%'\"></ion-skeleton-text>\n    }\n  </ion-label>\n</ion-item>\n", styles: [".euim-skeleton-list-item ion-label ion-skeleton-text{margin-bottom:var(--eui-s-xs);margin-top:var(--eui-s-none)}.euim-skeleton-list-item ion-thumbnail{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-skeleton-list-item--size-l ion-thumbnail{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-skeleton-list-item--size-2xl ion-thumbnail{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-skeleton-list-item ion-thumbnail{--border-radius: 50%}.euim-skeleton-list-item--square ion-thumbnail{--border-radius: var(--eui-br-none)}\n"] }]
         }], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -3105,11 +3059,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_SKELETON_LIST_ITEM} instead.
  */
 class EuimSkeletonListItemModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListItemModule, imports: [EuimSkeletonListItemComponent], exports: [EuimSkeletonListItemComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListItemModule, imports: [EuimSkeletonListItemComponent] });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSkeletonListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimSkeletonListItemModule, imports: [EuimSkeletonListItemComponent], exports: [EuimSkeletonListItemComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSkeletonListItemModule, imports: [EuimSkeletonListItemComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListItemModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSkeletonListItemModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuimSkeletonListItemComponent],
@@ -3122,10 +3076,11 @@ const EUIM_SKELETON_LIST_ITEM = [
 ];
 
 class EuimSkeletonListComponent {
-    items = 3;
-    skeletonListItem;
-    skeletonItem = null;
-    skeletonItemInputs = {};
+    constructor() {
+        this.items = 3;
+        this.skeletonItem = null;
+        this.skeletonItemInputs = {};
+    }
     ngAfterContentInit() {
         this.skeletonItem = EuimSkeletonListItemComponent;
         this.skeletonItemInputs = {
@@ -3144,10 +3099,10 @@ class EuimSkeletonListComponent {
     get itemsArray() {
         return Array.from({ length: this.items });
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSkeletonListComponent, isStandalone: true, selector: "euim-skeleton-list", inputs: { items: "items" }, queries: [{ propertyName: "skeletonListItem", first: true, predicate: EuimSkeletonListItemComponent, descendants: true }], ngImport: i0, template: "@for (item of itemsArray; track item) {\n  @if (!skeletonListItem) {\n    <euim-skeleton-list-item></euim-skeleton-list-item>\n  }\n  @if (skeletonListItem) {\n    <ng-container *ngComponentOutlet=\"skeletonItem; inputs: skeletonItemInputs\"></ng-container>\n  }\n}\n\n", dependencies: [{ kind: "component", type: EuimSkeletonListItemComponent, selector: "euim-skeleton-list-item", inputs: ["hasAvatar", "hasTitle", "hasSubtitle", "hasMetaLine", "isAnimated", "avatarType", "separator", "titleWidth", "subTitleWidth", "metaLineWidth"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSkeletonListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuimSkeletonListComponent, isStandalone: true, selector: "euim-skeleton-list", inputs: { items: "items" }, queries: [{ propertyName: "skeletonListItem", first: true, predicate: EuimSkeletonListItemComponent, descendants: true }], ngImport: i0, template: "@for (item of itemsArray; track item) {\n  @if (!skeletonListItem) {\n    <euim-skeleton-list-item></euim-skeleton-list-item>\n  }\n  @if (skeletonListItem) {\n    <ng-container *ngComponentOutlet=\"skeletonItem; inputs: skeletonItemInputs\"></ng-container>\n  }\n}\n\n", dependencies: [{ kind: "component", type: EuimSkeletonListItemComponent, selector: "euim-skeleton-list-item", inputs: ["hasAvatar", "hasTitle", "hasSubtitle", "hasMetaLine", "isAnimated", "avatarType", "separator", "titleWidth", "subTitleWidth", "metaLineWidth"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSkeletonListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-skeleton-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [EuimSkeletonListItemComponent, CommonModule], template: "@for (item of itemsArray; track item) {\n  @if (!skeletonListItem) {\n    <euim-skeleton-list-item></euim-skeleton-list-item>\n  }\n  @if (skeletonListItem) {\n    <ng-container *ngComponentOutlet=\"skeletonItem; inputs: skeletonItemInputs\"></ng-container>\n  }\n}\n\n" }]
         }], propDecorators: { items: [{
@@ -3161,11 +3116,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_SKELETON_LIST} instead.
  */
 class EuimSkeletonListModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListModule, imports: [EuimSkeletonListComponent], exports: [EuimSkeletonListComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListModule, imports: [EuimSkeletonListComponent] });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSkeletonListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimSkeletonListModule, imports: [EuimSkeletonListComponent], exports: [EuimSkeletonListComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSkeletonListModule, imports: [EuimSkeletonListComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSkeletonListModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuimSkeletonListComponent],
@@ -3178,19 +3133,11 @@ const EUIM_SKELETON_LIST = [
 ];
 
 class EuimMultiselectComponent {
-    ref;
-    className = 'euim-multiselect';
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    initialDataProvider;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    currentDataProvider;
-    toolbarTitle;
-    euimKeepSelection = false;
-    selectAll;
-    indeterminate;
-    numberOfSelected = 0;
     constructor(ref) {
         this.ref = ref;
+        this.className = 'euim-multiselect';
+        this.euimKeepSelection = false;
+        this.numberOfSelected = 0;
     }
     ngOnInit() {
         if (this.euimKeepSelection) {
@@ -3242,10 +3189,10 @@ class EuimMultiselectComponent {
             this.initialDataProvider = changes['currentDataProvider']?.currentValue;
         }
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimMultiselectComponent, isStandalone: true, selector: "euim-multiselect", inputs: { currentDataProvider: "currentDataProvider", toolbarTitle: "toolbarTitle", euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute] }, host: { properties: { "class": "this.className" } }, exportAs: ["euimMultiselect"], usesOnChanges: true, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"light\" class=\"euim-multiselect__toolbar\">\n    <ng-content select=\"euim-multiselect-toolbar\"></ng-content>\n    <ion-toolbar color=\"light\">\n      <ng-content select=\"euim-multiselect-filter\"></ng-content>\n    </ion-toolbar>\n  </ion-toolbar>\n</ion-header>\n\n@if (currentDataProvider?.length > 0) {\n  <ng-content select=\"euim-multiselect-list\"></ng-content>\n}\n\n@if (currentDataProvider?.length === 0) {\n  <ng-content select=\"euim-empty-list-placeholder\"></ng-content>\n}\n\n\n\n", styles: [".euim-multiselect__toolbar{color:var(--eui-bc-neutral-100)}.euim-multiselect__toolbar--title{font:var(--eui-f-xl-bold-compact)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "ngmodule", type: EuimEmptyListPlaceholderModule }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMultiselectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuimMultiselectComponent, isStandalone: true, selector: "euim-multiselect", inputs: { currentDataProvider: "currentDataProvider", toolbarTitle: "toolbarTitle", euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute] }, host: { properties: { "class": "this.className" } }, exportAs: ["euimMultiselect"], usesOnChanges: true, ngImport: i0, template: "<ion-header>\n  <ion-toolbar color=\"light\" class=\"euim-multiselect__toolbar\">\n    <ng-content select=\"euim-multiselect-toolbar\"></ng-content>\n    <ion-toolbar color=\"light\">\n      <ng-content select=\"euim-multiselect-filter\"></ng-content>\n    </ion-toolbar>\n  </ion-toolbar>\n</ion-header>\n\n@if (currentDataProvider?.length > 0) {\n  <ng-content select=\"euim-multiselect-list\"></ng-content>\n}\n\n@if (currentDataProvider?.length === 0) {\n  <ng-content select=\"euim-empty-list-placeholder\"></ng-content>\n}\n\n\n\n", styles: [".euim-multiselect__toolbar{color:var(--eui-bc-neutral-100)}.euim-multiselect__toolbar--title{font:var(--eui-f-xl-bold-compact)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "ngmodule", type: EuimEmptyListPlaceholderModule }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMultiselectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-multiselect', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'euimMultiselect', standalone: true, imports: [
                         IonicModule,
@@ -3265,11 +3212,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimMultiselectFilterComponent {
-    multiselect;
-    className = 'euim-multiselect-filter';
-    filterByFieldsNames;
     constructor(multiselect) {
         this.multiselect = multiselect;
+        this.className = 'euim-multiselect-filter';
     }
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     handleChange(event) {
@@ -3314,10 +3259,10 @@ class EuimMultiselectFilterComponent {
             this.multiselect.numberOfSelected = this.multiselect.countSelectedItems();
         }
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectFilterComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimMultiselectFilterComponent, isStandalone: true, selector: "euim-multiselect-filter", inputs: { filterByFieldsNames: "filterByFieldsNames" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-searchbar (ionInput)=\"handleChange($event)\"\n               class=\"euim-multiselect-filter__searchbar\"></ion-searchbar>\n", styles: [".euim-multiselect-filter__searchbar input::placeholder{opacity:1!important;color:var(--eui-bc-neutral-80)!important}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMultiselectFilterComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimMultiselectFilterComponent, isStandalone: true, selector: "euim-multiselect-filter", inputs: { filterByFieldsNames: "filterByFieldsNames" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-searchbar (ionInput)=\"handleChange($event)\"\n               class=\"euim-multiselect-filter__searchbar\"></ion-searchbar>\n", styles: [".euim-multiselect-filter__searchbar input::placeholder{opacity:1!important;color:var(--eui-bc-neutral-80)!important}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectFilterComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMultiselectFilterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-multiselect-filter', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [IonicModule], template: "<ion-searchbar (ionInput)=\"handleChange($event)\"\n               class=\"euim-multiselect-filter__searchbar\"></ion-searchbar>\n", styles: [".euim-multiselect-filter__searchbar input::placeholder{opacity:1!important;color:var(--eui-bc-neutral-80)!important}\n"] }]
         }], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
@@ -3328,10 +3273,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimMultiselectAllDirective {
-    euimMulti;
-    className = 'euim-multiselect__all';
     constructor(euimMulti) {
         this.euimMulti = euimMulti;
+        this.className = 'euim-multiselect__all';
     }
     onIonChange(event) {
         this.euimMulti.currentDataProvider?.forEach((item) => (item.selected = event.detail.checked));
@@ -3349,10 +3293,10 @@ class EuimMultiselectAllDirective {
     get checked() {
         return this.euimMulti.selectAll;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectAllDirective, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimMultiselectAllDirective, isStandalone: true, selector: "[euimMultiselectAll]", host: { listeners: { "ionChange": "onIonChange($event)" }, properties: { "class": "this.className", "indeterminate": "this.indeterminate", "checked": "this.checked" } }, ngImport: i0 });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMultiselectAllDirective, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimMultiselectAllDirective, isStandalone: true, selector: "[euimMultiselectAll]", host: { listeners: { "ionChange": "onIonChange($event)" }, properties: { "class": "this.className", "indeterminate": "this.indeterminate", "checked": "this.checked" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectAllDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMultiselectAllDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimMultiselectAll]',
@@ -3373,15 +3317,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimMultiselectListComponent {
-    multiselect;
-    className = 'euim-multiselect-list';
     constructor(multiselect) {
         this.multiselect = multiselect;
+        this.className = 'euim-multiselect-list';
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectListComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimMultiselectListComponent, isStandalone: true, selector: "euim-multiselect-list", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-list>\n    <ng-content></ng-content>\n</ion-list>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMultiselectListComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimMultiselectListComponent, isStandalone: true, selector: "euim-multiselect-list", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-list>\n    <ng-content></ng-content>\n</ion-list>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMultiselectListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-multiselect-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [IonicModule], template: "<ion-list>\n    <ng-content></ng-content>\n</ion-list>\n" }]
         }], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
@@ -3390,12 +3333,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimMultiselectSelectFieldDirective {
-    euimMulti;
-    className = 'euim-multiselect-all';
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    item;
     constructor(euimMulti) {
         this.euimMulti = euimMulti;
+        this.className = 'euim-multiselect-all';
     }
     onIonChange(event) {
         this.item.selected = event.detail.checked;
@@ -3420,10 +3360,10 @@ class EuimMultiselectSelectFieldDirective {
             this.euimMulti.numberOfSelected = this.euimMulti.countSelectedItems();
         }
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectSelectFieldDirective, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimMultiselectSelectFieldDirective, isStandalone: true, selector: "[euimMultiselectSelectField]", inputs: { item: "item" }, host: { listeners: { "ionChange": "onIonChange($event)" }, properties: { "class": "this.className", "item": "this.item" } }, ngImport: i0 });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMultiselectSelectFieldDirective, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimMultiselectSelectFieldDirective, isStandalone: true, selector: "[euimMultiselectSelectField]", inputs: { item: "item" }, host: { listeners: { "ionChange": "onIonChange($event)" }, properties: { "class": "this.className", "item": "this.item" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectSelectFieldDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMultiselectSelectFieldDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimMultiselectSelectField]',
@@ -3443,20 +3383,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimMultiselectInfoComponent {
-    multiselect;
-    ref;
-    className = 'euim-multiselect-info';
     constructor(multiselect, ref) {
         this.multiselect = multiselect;
         this.ref = ref;
+        this.className = 'euim-multiselect-info';
     }
     ngAfterContentChecked() {
         this.ref.detectChanges();
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectInfoComponent, deps: [{ token: EuimMultiselectComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimMultiselectInfoComponent, isStandalone: true, selector: "euim-multiselect-info", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "{{ \"euim.multiselect-info\" | translate:\n    { number: multiselect.countSelectedItems(),\n    arr: multiselect.currentDataProvider?.length } }}\n\n", styles: [".euim-multiselect-info{font:var(--eui-f-m);color:var(--eui-bc-neutral-80)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMultiselectInfoComponent, deps: [{ token: EuimMultiselectComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimMultiselectInfoComponent, isStandalone: true, selector: "euim-multiselect-info", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "{{ \"euim.multiselect-info\" | translate:\n    { number: multiselect.countSelectedItems(),\n    arr: multiselect.currentDataProvider?.length } }}\n\n", styles: [".euim-multiselect-info{font:var(--eui-f-m);color:var(--eui-bc-neutral-80)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectInfoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMultiselectInfoComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-multiselect-info', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [TranslateModule], template: "{{ \"euim.multiselect-info\" | translate:\n    { number: multiselect.countSelectedItems(),\n    arr: multiselect.currentDataProvider?.length } }}\n\n", styles: [".euim-multiselect-info{font:var(--eui-f-m);color:var(--eui-bc-neutral-80)}\n"] }]
         }], ctorParameters: () => [{ type: EuimMultiselectComponent }, { type: i0.ChangeDetectorRef }], propDecorators: { className: [{
@@ -3465,15 +3403,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimMultiselectToolbarComponent {
-    multiselect;
-    className = 'euim-multiselect__toolbar';
-    toolbarTitle;
-    euimCustomRender = false;
-    cancel = new EventEmitter();
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    confirm = new EventEmitter();
     constructor(multiselect) {
         this.multiselect = multiselect;
+        this.className = 'euim-multiselect__toolbar';
+        this.euimCustomRender = false;
+        // eslint-disable-next-line
+        this.cancel = new EventEmitter();
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        this.confirm = new EventEmitter();
     }
     onConfirm() {
         this.confirm.emit(this.multiselect?.selectedItems());
@@ -3481,10 +3418,10 @@ class EuimMultiselectToolbarComponent {
     onCancelClick() {
         this.cancel.emit(true);
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectToolbarComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimMultiselectToolbarComponent, isStandalone: true, selector: "euim-multiselect-toolbar", inputs: { toolbarTitle: "toolbarTitle", euimCustomRender: ["euimCustomRender", "euimCustomRender", booleanAttribute] }, outputs: { cancel: "cancel", confirm: "confirm" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "@if (!euimCustomRender) {\n  <euim-toolbar\n    [hasBackButton]=\"false\" [hasSidebarTrigger]=\"false\" >\n    <ion-button (click)=\"onCancelClick()\">\n      <ion-icon name=\"close\" slot=\"icon-only\"></ion-icon>\n    </ion-button>\n    <ng-content select=\"ion-button\"></ng-content>\n    <euim-toolbar-title class=\"euim-multiselect__toolbar--title\">\n      {{toolbarTitle}}\n    </euim-toolbar-title>\n    <euim-toolbar-action-items>\n      <ion-button (click)=\"onConfirm()\">\n        <ion-icon name=\"checkmark\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </euim-toolbar-action-items>\n  </euim-toolbar>\n}\n@if (euimCustomRender) {\n  <ng-content></ng-content>\n}\n\n", dependencies: [{ kind: "ngmodule", type: EuimToolbarComponentModule }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "ionMenuId", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: EuimToolbarActionItemsComponent, selector: "euim-toolbar-action-items" }, { kind: "ngmodule", type: IonicModule }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMultiselectToolbarComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuimMultiselectToolbarComponent, isStandalone: true, selector: "euim-multiselect-toolbar", inputs: { toolbarTitle: "toolbarTitle", euimCustomRender: ["euimCustomRender", "euimCustomRender", booleanAttribute] }, outputs: { cancel: "cancel", confirm: "confirm" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "@if (!euimCustomRender) {\n  <euim-toolbar\n    [hasBackButton]=\"false\" [hasSidebarTrigger]=\"false\" >\n    <ion-button (click)=\"onCancelClick()\">\n      <ion-icon name=\"close\" slot=\"icon-only\"></ion-icon>\n    </ion-button>\n    <ng-content select=\"ion-button\"></ng-content>\n    <euim-toolbar-title class=\"euim-multiselect__toolbar--title\">\n      {{toolbarTitle}}\n    </euim-toolbar-title>\n    <euim-toolbar-action-items>\n      <ion-button (click)=\"onConfirm()\">\n        <ion-icon name=\"checkmark\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </euim-toolbar-action-items>\n  </euim-toolbar>\n}\n@if (euimCustomRender) {\n  <ng-content></ng-content>\n}\n\n", dependencies: [{ kind: "ngmodule", type: EuimToolbarComponentModule }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "ionMenuId", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: EuimToolbarActionItemsComponent, selector: "euim-toolbar-action-items" }, { kind: "ngmodule", type: IonicModule }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMultiselectToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-multiselect-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [EuimToolbarComponentModule, IonicModule], template: "@if (!euimCustomRender) {\n  <euim-toolbar\n    [hasBackButton]=\"false\" [hasSidebarTrigger]=\"false\" >\n    <ion-button (click)=\"onCancelClick()\">\n      <ion-icon name=\"close\" slot=\"icon-only\"></ion-icon>\n    </ion-button>\n    <ng-content select=\"ion-button\"></ng-content>\n    <euim-toolbar-title class=\"euim-multiselect__toolbar--title\">\n      {{toolbarTitle}}\n    </euim-toolbar-title>\n    <euim-toolbar-action-items>\n      <ion-button (click)=\"onConfirm()\">\n        <ion-icon name=\"checkmark\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </euim-toolbar-action-items>\n  </euim-toolbar>\n}\n@if (euimCustomRender) {\n  <ng-content></ng-content>\n}\n\n" }]
         }], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
@@ -3505,8 +3442,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_MULTISELECT} instead.
  */
 class EuimMultiselectModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectModule, imports: [EuimMultiselectComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMultiselectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimMultiselectModule, imports: [EuimMultiselectComponent,
             EuimMultiselectFilterComponent,
             EuimMultiselectListComponent,
             EuimMultiselectInfoComponent,
@@ -3518,14 +3455,14 @@ class EuimMultiselectModule {
             EuimMultiselectInfoComponent,
             EuimMultiselectSelectFieldDirective,
             EuimMultiselectAllDirective,
-            EuimMultiselectToolbarComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectModule, imports: [EuimMultiselectComponent,
+            EuimMultiselectToolbarComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMultiselectModule, imports: [EuimMultiselectComponent,
             EuimMultiselectFilterComponent,
             EuimMultiselectListComponent,
             EuimMultiselectInfoComponent,
-            EuimMultiselectToolbarComponent] });
+            EuimMultiselectToolbarComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMultiselectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMultiselectModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3560,25 +3497,16 @@ const EUIM_MULTISELECT = [
 ];
 
 class EuimPdfViewerComponent {
-    alertService;
-    http;
-    url;
-    page = 1;
-    className = 'euim-pdf-viewer';
-    pinch;
-    zoom = 1;
-    loading = true;
-    errorMessage = '';
-    pdf;
-    eventResult;
-    pdfNumPages = 1;
-    data;
-    showDefaultError;
-    urlChange$ = new Subject();
-    subscription;
     constructor(alertService, http) {
         this.alertService = alertService;
         this.http = http;
+        this.page = 1;
+        this.className = 'euim-pdf-viewer';
+        this.zoom = 1;
+        this.loading = true;
+        this.errorMessage = '';
+        this.pdfNumPages = 1;
+        this.urlChange$ = new Subject();
         this.showDefaultError = true;
         setTimeout(() => {
             if (this.showDefaultError) {
@@ -3684,10 +3612,10 @@ class EuimPdfViewerComponent {
             return throwError(() => err);
         }));
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimPdfViewerComponent, deps: [{ token: i1.AlertController }, { token: i2$2.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimPdfViewerComponent, isStandalone: true, selector: "euim-pdf-viewer", inputs: { url: "url", page: "page" }, host: { properties: { "className": "this.className" } }, viewQueries: [{ propertyName: "pinch", first: true, predicate: ["pinch"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (loading || errorMessage) {\n<div>\n  @if (loading) {\n    <euim-spinner>\n      <div euimSpinnerMessage>{{'euim.pdf-viewer.SPINNER-MESSAGE' | translate }}</div>\n    </euim-spinner>\n  }\n  @if (errorMessage) {\n    <div>{{'euim.pdf-viewer.LOADING-PDF-ERROR-MESSAGE' | translate }}</div>\n  }\n</div>\n}\n\n<pinch-zoom [limit-zoom]=\"4\"\n            [transition-duration]=\"50\"\n            [zoomControlScale]=\"0.5\"\n            (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n    <div class=\"euim-pdf-viewer__container\">\n        @if (data) {\n        <pdf-viewer [src]=\"data\"\n                    [original-size]=\"false\"\n                    [zoom-scale]=\"'page-height'\"\n                    (after-load-complete)=\"onLoaded($event)\"\n                    (error)=\"onError()\"\n                    [(page)]=\"page\"\n                    [stick-to-page]=\"false\"\n                    [show-all]=\"false\"\n                    [render-text]=\"true\"\n                    style=\"width: 100%; height: 100%\">\n        </pdf-viewer>\n        }\n    </div>\n</pinch-zoom>\n\n<ion-footer>\n  <ion-toolbar color=\"primary\" class=\"euim-pdf-viewer__footer\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf || !data\">\n        <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-buttons>\n      <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n        <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button (click)=\"onResetZoom()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n        <ion-icon name=\"refresh-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button (click)=\"onZoomIn()\" [disabled]=\"zoom === 4 || !pdf || !data\">\n        <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"prevPage()\" [disabled]=\"page === 1 || !pdf || !data\">\n        <ion-icon name=\"arrow-back-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <span>{{ page }}/{{ pdfNumPages }}</span>\n      <ion-button (click)=\"nextPage()\" [disabled]=\"page === pdfNumPages || !pdf || !data\">\n        <ion-icon name=\"arrow-forward-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-footer>\n", styles: [".euim-pdf-viewer{display:flex;flex-direction:column;height:100%;min-height:550px}.euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl))}.euim-pdf-viewer__footer-zoom-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.euim-pdf-viewer pinch-zoom .pz-zoom-button{display:none}ion-content .euim-pdf-viewer{display:flex;flex-direction:column;height:calc(100vh - var(--eui-s-5xl))}ion-content .euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl) * 2)}ion-content .euim-pdf-viewer ion-footer{margin-top:auto}ion-modal .euim-pdf-viewer{height:100%;min-height:auto}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { 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.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { 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.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "ngmodule", type: PdfViewerModule }, { kind: "component", type: i3.PdfViewerComponent, selector: "pdf-viewer", inputs: ["src", "c-maps-url", "page", "render-text", "render-text-mode", "original-size", "show-all", "stick-to-page", "zoom", "zoom-scale", "rotation", "external-link-target", "autoresize", "fit-to-page", "show-borders"], outputs: ["after-load-complete", "page-rendered", "pages-initialized", "text-layer-rendered", "error", "on-progress", "pageChange"] }, { kind: "ngmodule", type: PinchZoomModule }, { kind: "component", type: i4.PinchZoomComponent, selector: "pinch-zoom, [pinch-zoom]", inputs: ["properties", "transition-duration", "transitionDuration", "double-tap", "doubleTap", "double-tap-scale", "doubleTapScale", "auto-zoom-out", "autoZoomOut", "limit-zoom", "limitZoom", "disabled", "disablePan", "overflow", "zoomControlScale", "disableZoomControl", "backgroundColor", "limitPan", "minPanScale", "minScale", "listeners", "wheel", "autoHeight", "stepZoomFactor", "wheelZoomFactor", "draggableImage"], outputs: ["onZoomChange"], exportAs: ["pinchZoom"] }, { kind: "ngmodule", type: EuimSpinnerComponentModule }, { kind: "component", type: EuimSpinnerComponent, selector: "euim-spinner", inputs: ["variant"] }, { kind: "component", type: EuimSpinnerMessageComponent, selector: "[euimSpinnerMessage]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: HttpClientModule }], encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimPdfViewerComponent, deps: [{ token: i1.AlertController }, { token: i2$2.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuimPdfViewerComponent, isStandalone: true, selector: "euim-pdf-viewer", inputs: { url: "url", page: "page" }, host: { properties: { "className": "this.className" } }, viewQueries: [{ propertyName: "pinch", first: true, predicate: ["pinch"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (loading || errorMessage) {\n<div>\n  @if (loading) {\n    <euim-spinner>\n      <div euimSpinnerMessage>{{'euim.pdf-viewer.SPINNER-MESSAGE' | translate }}</div>\n    </euim-spinner>\n  }\n  @if (errorMessage) {\n    <div>{{'euim.pdf-viewer.LOADING-PDF-ERROR-MESSAGE' | translate }}</div>\n  }\n</div>\n}\n\n<pinch-zoom [limit-zoom]=\"4\"\n            [transition-duration]=\"50\"\n            [zoomControlScale]=\"0.5\"\n            (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n    <div class=\"euim-pdf-viewer__container\">\n        @if (data) {\n        <pdf-viewer [src]=\"data\"\n                    [original-size]=\"false\"\n                    [zoom-scale]=\"'page-height'\"\n                    (after-load-complete)=\"onLoaded($event)\"\n                    (error)=\"onError()\"\n                    [(page)]=\"page\"\n                    [stick-to-page]=\"false\"\n                    [show-all]=\"false\"\n                    [render-text]=\"true\"\n                    style=\"width: 100%; height: 100%\">\n        </pdf-viewer>\n        }\n    </div>\n</pinch-zoom>\n\n<ion-footer>\n  <ion-toolbar color=\"primary\" class=\"euim-pdf-viewer__footer\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf || !data\">\n        <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-buttons>\n      <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n        <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button (click)=\"onResetZoom()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n        <ion-icon name=\"refresh-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button (click)=\"onZoomIn()\" [disabled]=\"zoom === 4 || !pdf || !data\">\n        <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"prevPage()\" [disabled]=\"page === 1 || !pdf || !data\">\n        <ion-icon name=\"arrow-back-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <span>{{ page }}/{{ pdfNumPages }}</span>\n      <ion-button (click)=\"nextPage()\" [disabled]=\"page === pdfNumPages || !pdf || !data\">\n        <ion-icon name=\"arrow-forward-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-footer>\n", styles: [".euim-pdf-viewer{display:flex;flex-direction:column;height:100%;min-height:550px}.euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl))}.euim-pdf-viewer__footer-zoom-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.euim-pdf-viewer pinch-zoom .pz-zoom-button{display:none}ion-content .euim-pdf-viewer{display:flex;flex-direction:column;height:calc(100vh - var(--eui-s-5xl))}ion-content .euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl) * 2)}ion-content .euim-pdf-viewer ion-footer{margin-top:auto}ion-modal .euim-pdf-viewer{height:100%;min-height:auto}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { 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.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { 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.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "ngmodule", type: PdfViewerModule }, { kind: "component", type: i3.PdfViewerComponent, selector: "pdf-viewer", inputs: ["src", "c-maps-url", "page", "render-text", "render-text-mode", "original-size", "show-all", "stick-to-page", "zoom", "zoom-scale", "rotation", "external-link-target", "autoresize", "fit-to-page", "show-borders"], outputs: ["after-load-complete", "page-rendered", "pages-initialized", "text-layer-rendered", "error", "on-progress", "pageChange"] }, { kind: "ngmodule", type: PinchZoomModule }, { kind: "component", type: i4.PinchZoomComponent, selector: "pinch-zoom, [pinch-zoom]", inputs: ["properties", "transition-duration", "transitionDuration", "double-tap", "doubleTap", "double-tap-scale", "doubleTapScale", "auto-zoom-out", "autoZoomOut", "limit-zoom", "limitZoom", "disabled", "disablePan", "overflow", "zoomControlScale", "disableZoomControl", "backgroundColor", "limitPan", "minPanScale", "minScale", "listeners", "wheel", "autoHeight", "stepZoomFactor", "wheelZoomFactor", "draggableImage"], outputs: ["onZoomChange"], exportAs: ["pinchZoom"] }, { kind: "ngmodule", type: EuimSpinnerComponentModule }, { kind: "component", type: EuimSpinnerComponent, selector: "euim-spinner", inputs: ["variant"] }, { kind: "component", type: EuimSpinnerMessageComponent, selector: "[euimSpinnerMessage]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: HttpClientModule }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimPdfViewerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimPdfViewerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-pdf-viewer', encapsulation: ViewEncapsulation.None, standalone: true, imports: [
                         IonicModule,
@@ -3712,11 +3640,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_PDF_VIEWER} instead.
  */
 class EuimPdfViewerModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimPdfViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimPdfViewerModule, imports: [EuimPdfViewerComponent], exports: [EuimPdfViewerComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimPdfViewerModule, imports: [EuimPdfViewerComponent] });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimPdfViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimPdfViewerModule, imports: [EuimPdfViewerComponent], exports: [EuimPdfViewerComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimPdfViewerModule, imports: [EuimPdfViewerComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimPdfViewerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimPdfViewerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuimPdfViewerComponent],
@@ -3729,14 +3657,15 @@ const EUIM_PDF_VIEWER = [
 ];
 
 class EuimAboutComponent {
-    className = 'euim-about';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimAboutComponent, isStandalone: true, selector: "euim-about", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".euim-about euim-toolbar-title{font:var(--eui-f-l-bold-compact)}.euim-about euim-toolbar-action-items ion-label{font:var(--eui-f-s-compact)}.euim-about ion-label{margin-inline-end:var(--eui-s-m);cursor:pointer}.euim-about ion-icon{color:var(--eui-c-neutral);margin-inline-end:var(--eui-s-m)}.euim-about__app-img{width:var(--eui-s-6xl);height:var(--eui-s-6xl);border-radius:var(--eui-s-m);border:calc(var(--eui-s-2xs) / 2) solid var(--eui-c-neutral-min)}\n"], dependencies: [{ kind: "ngmodule", type: QRCodeModule }, { kind: "ngmodule", type: PinchZoomModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: RouterModule }], encapsulation: i0.ViewEncapsulation.None });
+    constructor() {
+        this.className = 'euim-about';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimAboutComponent, isStandalone: true, selector: "euim-about", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".euim-about euim-toolbar-title{font:var(--eui-f-l-bold-compact)}.euim-about euim-toolbar-action-items ion-label{font:var(--eui-f-s-compact)}.euim-about ion-label{margin-inline-end:var(--eui-s-m);cursor:pointer}.euim-about ion-icon{color:var(--eui-c-neutral);margin-inline-end:var(--eui-s-m)}.euim-about__app-img{width:var(--eui-s-6xl);height:var(--eui-s-6xl);border-radius:var(--eui-s-m);border:calc(var(--eui-s-2xs) / 2) solid var(--eui-c-neutral-min)}\n"], dependencies: [{ kind: "ngmodule", type: PinchZoomModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: RouterModule }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAboutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAboutComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-about', encapsulation: ViewEncapsulation.None, standalone: true, imports: [
-                        QRCodeModule,
                         PinchZoomModule,
                         TranslateModule,
                         RouterModule,
@@ -3747,12 +3676,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimChangelogComponent {
-    className = 'euim-changelog';
-    changeLogs = [];
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimChangelogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimChangelogComponent, isStandalone: true, selector: "euim-changelog", inputs: { changeLogs: "changeLogs" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-list>\n    <ion-accordion-group [multiple]=\"true\" value=\"about\">\n        @for (logItem of changeLogs; track $index) {\n        <ion-accordion [value]=\"$index === 0 ? 'about' : logItem.version\">\n            <ion-item slot=\"header\">\n                <ion-icon name=\"build\" slot=\"start\"></ion-icon>\n                <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle>\n                    <strong>{{ logItem.version }}</strong>\n                </div>\n            </ion-item>\n            <ion-list slot=\"content\">\n                @for (section of logItem.sections; track section) {\n                @if (section.items && section.items.length > 0) {\n                <ion-item-divider>\n                    <ion-label>{{ section.name }}</ion-label>\n                </ion-item-divider>\n                <ion-item lines=\"none\">\n                    <ul>\n                        @for (item of section.items; track item) {\n                        <li>{{ item }}</li>\n                        }\n                    </ul>\n                </ion-item>\n                }\n                }\n            </ion-list>\n        </ion-accordion>\n        }\n    </ion-accordion-group>\n</ion-list>", styles: [".euim-changelog__euimVersionTitle{font:var(--eui-f-s-compact);color:var(--eui-c-neutral)}.euim-changelog ul{padding:var(--eui-s-xs) var(--eui-s-m);margin:0}.euim-changelog li{font:var(--eui-f-m-compact);color:var(--eui-c-neutral)}.euim-changelog ion-item ion-icon{color:var(--eui-c-neutral)}.euim-changelog ion-item ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-changelog ion-item ion-icon[slot=end]{color:var(--eui-c-neutral-light)}.euim-changelog ion-list{flex:1;display:flex;flex-direction:column}.euim-changelog ion-content ion-list{max-height:calc(100vh - var(--eui-s-4xl));overflow-y:auto;overflow-x:hidden}.euim-changelog ion-accordion ion-item{--background: var(--eui-c-neutral-min)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonAccordion, selector: "ion-accordion", inputs: ["disabled", "mode", "readonly", "toggleIcon", "toggleIconSlot", "value"] }, { kind: "component", type: i1.IonAccordionGroup, selector: "ion-accordion-group", inputs: ["animated", "disabled", "expand", "mode", "multiple", "readonly", "value"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }], encapsulation: i0.ViewEncapsulation.None });
+    constructor() {
+        this.className = 'euim-changelog';
+        this.changeLogs = [];
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimChangelogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuimChangelogComponent, isStandalone: true, selector: "euim-changelog", inputs: { changeLogs: "changeLogs" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-list>\n    <ion-accordion-group [multiple]=\"true\" value=\"about\">\n        @for (logItem of changeLogs; track $index) {\n        <ion-accordion [value]=\"$index === 0 ? 'about' : logItem.version\">\n            <ion-item slot=\"header\">\n                <ion-icon name=\"build\" slot=\"start\"></ion-icon>\n                <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle>\n                    <strong>{{ logItem.version }}</strong>\n                </div>\n            </ion-item>\n            <ion-list slot=\"content\">\n                @for (section of logItem.sections; track section) {\n                @if (section.items && section.items.length > 0) {\n                <ion-item-divider>\n                    <ion-label>{{ section.name }}</ion-label>\n                </ion-item-divider>\n                <ion-item lines=\"none\">\n                    <ul>\n                        @for (item of section.items; track item) {\n                        <li>{{ item }}</li>\n                        }\n                    </ul>\n                </ion-item>\n                }\n                }\n            </ion-list>\n        </ion-accordion>\n        }\n    </ion-accordion-group>\n</ion-list>", styles: [".euim-changelog__euimVersionTitle{font:var(--eui-f-s-compact);color:var(--eui-c-neutral)}.euim-changelog ul{padding:var(--eui-s-xs) var(--eui-s-m);margin:0}.euim-changelog li{font:var(--eui-f-m-compact);color:var(--eui-c-neutral)}.euim-changelog ion-item ion-icon{color:var(--eui-c-neutral)}.euim-changelog ion-item ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-changelog ion-item ion-icon[slot=end]{color:var(--eui-c-neutral-light)}.euim-changelog ion-list{flex:1;display:flex;flex-direction:column}.euim-changelog ion-content ion-list{max-height:calc(100vh - var(--eui-s-4xl));overflow-y:auto;overflow-x:hidden}.euim-changelog ion-accordion ion-item{--background: var(--eui-c-neutral-min)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonAccordion, selector: "ion-accordion", inputs: ["disabled", "mode", "readonly", "toggleIcon", "toggleIconSlot", "value"] }, { kind: "component", type: i1.IonAccordionGroup, selector: "ion-accordion-group", inputs: ["animated", "disabled", "expand", "mode", "multiple", "readonly", "value"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimChangelogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimChangelogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-changelog', encapsulation: ViewEncapsulation.None, standalone: true, imports: [TranslateModule, IonicModule], template: "<ion-list>\n    <ion-accordion-group [multiple]=\"true\" value=\"about\">\n        @for (logItem of changeLogs; track $index) {\n        <ion-accordion [value]=\"$index === 0 ? 'about' : logItem.version\">\n            <ion-item slot=\"header\">\n                <ion-icon name=\"build\" slot=\"start\"></ion-icon>\n                <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle>\n                    <strong>{{ logItem.version }}</strong>\n                </div>\n            </ion-item>\n            <ion-list slot=\"content\">\n                @for (section of logItem.sections; track section) {\n                @if (section.items && section.items.length > 0) {\n                <ion-item-divider>\n                    <ion-label>{{ section.name }}</ion-label>\n                </ion-item-divider>\n                <ion-item lines=\"none\">\n                    <ul>\n                        @for (item of section.items; track item) {\n                        <li>{{ item }}</li>\n                        }\n                    </ul>\n                </ion-item>\n                }\n                }\n            </ion-list>\n        </ion-accordion>\n        }\n    </ion-accordion-group>\n</ion-list>", styles: [".euim-changelog__euimVersionTitle{font:var(--eui-f-s-compact);color:var(--eui-c-neutral)}.euim-changelog ul{padding:var(--eui-s-xs) var(--eui-s-m);margin:0}.euim-changelog li{font:var(--eui-f-m-compact);color:var(--eui-c-neutral)}.euim-changelog ion-item ion-icon{color:var(--eui-c-neutral)}.euim-changelog ion-item ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-changelog ion-item ion-icon[slot=end]{color:var(--eui-c-neutral-light)}.euim-changelog ion-list{flex:1;display:flex;flex-direction:column}.euim-changelog ion-content ion-list{max-height:calc(100vh - var(--eui-s-4xl));overflow-y:auto;overflow-x:hidden}.euim-changelog ion-accordion ion-item{--background: var(--eui-c-neutral-min)}\n"] }]
         }], propDecorators: { className: [{
@@ -3763,11 +3694,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimHelpSupportComponent {
-    router;
-    helpAndSupportItems = [];
-    className = 'euim-help-support';
     constructor(router) {
         this.router = router;
+        this.helpAndSupportItems = [];
+        this.className = 'euim-help-support';
     }
     onItemClick(item, linkType, linkTitle) {
         if (item?.routerLink) {
@@ -3809,12 +3739,12 @@ class EuimHelpSupportComponent {
         }
         return '_blank';
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHelpSupportComponent, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimHelpSupportComponent, isStandalone: true, selector: "euim-help-support", inputs: { helpAndSupportItems: "helpAndSupportItems" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "@if (helpAndSupportItems.length > 0) {\n  <ion-list>\n      @for (helpSupportItem of helpAndSupportItems; track $index;) {\n        <ion-item-divider>{{helpSupportItem.sectionTitle}}</ion-item-divider>\n        @for (item of helpSupportItem.items; track item;) {\n            <ion-item button [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n                @if (item.startIcon) {\n                    <euim-avatar fill=\"solid\" slot=\"start\">\n                        <euim-avatar-icon>\n                            <ion-icon [name]=\"item.startIcon\"></ion-icon>\n                        </euim-avatar-icon>\n                    </euim-avatar>\n                }\n                @if (item.title || item.subtitle) {\n                    <ion-label>\n                        @if (item.title) {\n                            <a [ngClass]=\"getLinkClass(item)\">\n                                @if (!isEndIconLink(item)) {\n                                <div class=\"euim-help-support__title\">{{ item.title }}</div>\n                                }\n                                @if (isEndIconLink(item)) {\n                                <div euimLabel euimLabelTitle>{{ item.title }}</div>\n                                }\n                            </a>\n                        }\n                        @if (item.subtitle) {\n                            <div euimLabel euimLabelSubTitle>\n                                {{ item.subtitle }}\n                            </div>\n                        }\n                    </ion-label>\n                }\n                @if (item.endIcon) {\n                    <ion-buttons>\n                        <ion-button fill=\"clear\">\n                            <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n                        </ion-button>\n                    </ion-buttons>\n                }\n            </ion-item>\n        }\n      }\n  </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__title{font:var(--eui-f-m-compact);color:var(--eui-c-primary)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: IonicModule }, { 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.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "ngmodule", type: EuimAvatarModule }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "ngmodule", type: EuimLabelModule }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }], encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimHelpSupportComponent, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuimHelpSupportComponent, isStandalone: true, selector: "euim-help-support", inputs: { helpAndSupportItems: "helpAndSupportItems" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "@if (helpAndSupportItems.length > 0) {\n  <ion-list>\n      @for (helpSupportItem of helpAndSupportItems; track $index;) {\n        <ion-item-divider>{{helpSupportItem.sectionTitle}}</ion-item-divider>\n        @for (item of helpSupportItem.items; track item;) {\n            <ion-item button [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n                @if (item.startIcon) {\n                    <euim-avatar fill=\"solid\" slot=\"start\">\n                        <euim-avatar-icon>\n                            <ion-icon [name]=\"item.startIcon\"></ion-icon>\n                        </euim-avatar-icon>\n                    </euim-avatar>\n                }\n                @if (item.title || item.subtitle) {\n                    <ion-label>\n                        @if (item.title) {\n                            <a [ngClass]=\"getLinkClass(item)\">\n                                @if (!isEndIconLink(item)) {\n                                <div class=\"euim-help-support__title\">{{ item.title }}</div>\n                                }\n                                @if (isEndIconLink(item)) {\n                                <div euimLabel euimLabelTitle>{{ item.title }}</div>\n                                }\n                            </a>\n                        }\n                        @if (item.subtitle) {\n                            <div euimLabel euimLabelSubTitle>\n                                {{ item.subtitle }}\n                            </div>\n                        }\n                    </ion-label>\n                }\n                @if (item.endIcon) {\n                    <ion-buttons>\n                        <ion-button fill=\"clear\">\n                            <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n                        </ion-button>\n                    </ion-buttons>\n                }\n            </ion-item>\n        }\n      }\n  </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__title{font:var(--eui-f-m-compact);color:var(--eui-c-primary)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: IonicModule }, { 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.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "ngmodule", type: EuimAvatarModule }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHelpSupportComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimHelpSupportComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-help-support', encapsulation: ViewEncapsulation.None, standalone: true, imports: [TranslateModule, CommonModule, IonicModule, EuimAvatarModule, EuimLabelModule], template: "@if (helpAndSupportItems.length > 0) {\n  <ion-list>\n      @for (helpSupportItem of helpAndSupportItems; track $index;) {\n        <ion-item-divider>{{helpSupportItem.sectionTitle}}</ion-item-divider>\n        @for (item of helpSupportItem.items; track item;) {\n            <ion-item button [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n                @if (item.startIcon) {\n                    <euim-avatar fill=\"solid\" slot=\"start\">\n                        <euim-avatar-icon>\n                            <ion-icon [name]=\"item.startIcon\"></ion-icon>\n                        </euim-avatar-icon>\n                    </euim-avatar>\n                }\n                @if (item.title || item.subtitle) {\n                    <ion-label>\n                        @if (item.title) {\n                            <a [ngClass]=\"getLinkClass(item)\">\n                                @if (!isEndIconLink(item)) {\n                                <div class=\"euim-help-support__title\">{{ item.title }}</div>\n                                }\n                                @if (isEndIconLink(item)) {\n                                <div euimLabel euimLabelTitle>{{ item.title }}</div>\n                                }\n                            </a>\n                        }\n                        @if (item.subtitle) {\n                            <div euimLabel euimLabelSubTitle>\n                                {{ item.subtitle }}\n                            </div>\n                        }\n                    </ion-label>\n                }\n                @if (item.endIcon) {\n                    <ion-buttons>\n                        <ion-button fill=\"clear\">\n                            <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n                        </ion-button>\n                    </ion-buttons>\n                }\n            </ion-item>\n        }\n      }\n  </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__title{font:var(--eui-f-m-compact);color:var(--eui-c-primary)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"] }]
+            args: [{ selector: 'euim-help-support', encapsulation: ViewEncapsulation.None, standalone: true, imports: [TranslateModule, CommonModule, IonicModule, EuimAvatarModule], template: "@if (helpAndSupportItems.length > 0) {\n  <ion-list>\n      @for (helpSupportItem of helpAndSupportItems; track $index;) {\n        <ion-item-divider>{{helpSupportItem.sectionTitle}}</ion-item-divider>\n        @for (item of helpSupportItem.items; track item;) {\n            <ion-item button [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n                @if (item.startIcon) {\n                    <euim-avatar fill=\"solid\" slot=\"start\">\n                        <euim-avatar-icon>\n                            <ion-icon [name]=\"item.startIcon\"></ion-icon>\n                        </euim-avatar-icon>\n                    </euim-avatar>\n                }\n                @if (item.title || item.subtitle) {\n                    <ion-label>\n                        @if (item.title) {\n                            <a [ngClass]=\"getLinkClass(item)\">\n                                @if (!isEndIconLink(item)) {\n                                <div class=\"euim-help-support__title\">{{ item.title }}</div>\n                                }\n                                @if (isEndIconLink(item)) {\n                                <div euimLabel euimLabelTitle>{{ item.title }}</div>\n                                }\n                            </a>\n                        }\n                        @if (item.subtitle) {\n                            <div euimLabel euimLabelSubTitle>\n                                {{ item.subtitle }}\n                            </div>\n                        }\n                    </ion-label>\n                }\n                @if (item.endIcon) {\n                    <ion-buttons>\n                        <ion-button fill=\"clear\">\n                            <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n                        </ion-button>\n                    </ion-buttons>\n                }\n            </ion-item>\n        }\n      }\n  </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__title{font:var(--eui-f-m-compact);color:var(--eui-c-primary)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"] }]
         }], ctorParameters: () => [{ type: i1$2.Router }], propDecorators: { helpAndSupportItems: [{
                 type: Input
             }], className: [{
@@ -3823,16 +3753,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimOpenSourceLicencesComponent {
-    className = 'euim-opensource-licences';
-    items = [];
-    clickItem = new EventEmitter();
+    constructor() {
+        this.className = 'euim-opensource-licences';
+        this.items = [];
+        this.clickItem = new EventEmitter();
+    }
     emitItemClick(itemName) {
         this.clickItem.emit([itemName]);
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimOpenSourceLicencesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimOpenSourceLicencesComponent, isStandalone: true, selector: "euim-opensource-licences", inputs: { items: "items" }, outputs: { clickItem: "clickItem" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\r\n<ion-list>\r\n    @for (item of items; track item) {\r\n    <ion-item class=\"euim-about__item\" button [detail]=\"true\" (click)=\"emitItemClick(item.name)\">\r\n        <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n        <div euimLabel class=\"euim-about__label\">{{ item.name }}</div>\r\n    </ion-item> }\r\n</ion-list>", styles: [".euim-opensource-licences ion-item ion-icon{margin-inline-end:var(--eui-s-m);color:var(--eui-c-neutral)}.euim-opensource-licences ion-item ion-icon__item{cursor:pointer!important}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }], encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimOpenSourceLicencesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuimOpenSourceLicencesComponent, isStandalone: true, selector: "euim-opensource-licences", inputs: { items: "items" }, outputs: { clickItem: "clickItem" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\r\n<ion-list>\r\n    @for (item of items; track item) {\r\n    <ion-item class=\"euim-about__item\" button [detail]=\"true\" (click)=\"emitItemClick(item.name)\">\r\n        <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n        <div euimLabel class=\"euim-about__label\">{{ item.name }}</div>\r\n    </ion-item> }\r\n</ion-list>", styles: [".euim-opensource-licences ion-item ion-icon{margin-inline-end:var(--eui-s-m);color:var(--eui-c-neutral)}.euim-opensource-licences ion-item ion-icon__item{cursor:pointer!important}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimOpenSourceLicencesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimOpenSourceLicencesComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-opensource-licences', encapsulation: ViewEncapsulation.None, standalone: true, imports: [TranslateModule, IonicModule], template: "<ng-content></ng-content>\r\n<ion-list>\r\n    @for (item of items; track item) {\r\n    <ion-item class=\"euim-about__item\" button [detail]=\"true\" (click)=\"emitItemClick(item.name)\">\r\n        <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n        <div euimLabel class=\"euim-about__label\">{{ item.name }}</div>\r\n    </ion-item> }\r\n</ion-list>", styles: [".euim-opensource-licences ion-item ion-icon{margin-inline-end:var(--eui-s-m);color:var(--eui-c-neutral)}.euim-opensource-licences ion-item ion-icon__item{cursor:pointer!important}\n"] }]
         }], propDecorators: { className: [{
@@ -3845,20 +3777,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimAboutContentLoadingComponent {
-    sanitizer;
-    className = 'euim-about-content-loading';
-    webUrl = '';
-    sanitizedUrl;
     constructor(sanitizer) {
         this.sanitizer = sanitizer;
+        this.className = 'euim-about-content-loading';
+        this.webUrl = '';
     }
     ngOnInit() {
         this.sanitizedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.webUrl);
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAboutContentLoadingComponent, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimAboutContentLoadingComponent, isStandalone: true, selector: "euim-about-content-loading", inputs: { webUrl: "webUrl" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<div class=\"euim-about-content-loading__content\">\r\n    <ng-content></ng-content>\r\n</div>\r\n@if(webUrl) {\r\n<div class=\"euim-about-content-loading__iframe-container\">\r\n    <iframe [src]=\"sanitizedUrl\" class=\"euim-about-content-loading__iframe\" allowfullscreen></iframe>\r\n</div>\r\n}", styles: [".euim-about-content-loading__iframe-container{position:fixed;top:0;left:0;width:100vw;height:calc(100vh - var(--eui-s-5xl));overflow:hidden;z-index:1000;margin-top:var(--eui-s-5xl)}.euim-about-content-loading__iframe{width:100%;height:100%;border:none;overflow:auto}.euim-about-content-loading__content:not(:has(euim-pdf-viewer)){display:block;padding:var(--eui-s-2xs) var(--eui-s-m);font:var(--eui-f-s-compact);color:var(--eui-c-neutral)}.euim-about-content-loading .euim-pdf-viewer{display:flex;flex-direction:column}.euim-about-content-loading .euim-pdf-viewer__container{height:calc(100vh - var(--eui-s-5xl) * 2)}.euim-about-content-loading .euim-pdf-viewer ion-footer{margin-top:0}\n"], encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAboutContentLoadingComponent, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuimAboutContentLoadingComponent, isStandalone: true, selector: "euim-about-content-loading", inputs: { webUrl: "webUrl" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<div class=\"euim-about-content-loading__content\">\r\n    <ng-content></ng-content>\r\n</div>\r\n@if(webUrl) {\r\n<div class=\"euim-about-content-loading__iframe-container\">\r\n    <iframe [src]=\"sanitizedUrl\" class=\"euim-about-content-loading__iframe\" allowfullscreen></iframe>\r\n</div>\r\n}", styles: [".euim-about-content-loading__iframe-container{position:fixed;top:0;left:0;width:100vw;height:calc(100vh - var(--eui-s-5xl));overflow:hidden;z-index:1000;margin-top:var(--eui-s-5xl)}.euim-about-content-loading__iframe{width:100%;height:100%;border:none;overflow:auto}.euim-about-content-loading__content:not(:has(euim-pdf-viewer)){display:block;padding:var(--eui-s-2xs) var(--eui-s-m);font:var(--eui-f-s-compact);color:var(--eui-c-neutral)}.euim-about-content-loading .euim-pdf-viewer{display:flex;flex-direction:column}.euim-about-content-loading .euim-pdf-viewer__container{height:calc(100vh - var(--eui-s-5xl) * 2)}.euim-about-content-loading .euim-pdf-viewer ion-footer{margin-top:0}\n"], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAboutContentLoadingComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAboutContentLoadingComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-about-content-loading', encapsulation: ViewEncapsulation.None, standalone: true, template: "<div class=\"euim-about-content-loading__content\">\r\n    <ng-content></ng-content>\r\n</div>\r\n@if(webUrl) {\r\n<div class=\"euim-about-content-loading__iframe-container\">\r\n    <iframe [src]=\"sanitizedUrl\" class=\"euim-about-content-loading__iframe\" allowfullscreen></iframe>\r\n</div>\r\n}", styles: [".euim-about-content-loading__iframe-container{position:fixed;top:0;left:0;width:100vw;height:calc(100vh - var(--eui-s-5xl));overflow:hidden;z-index:1000;margin-top:var(--eui-s-5xl)}.euim-about-content-loading__iframe{width:100%;height:100%;border:none;overflow:auto}.euim-about-content-loading__content:not(:has(euim-pdf-viewer)){display:block;padding:var(--eui-s-2xs) var(--eui-s-m);font:var(--eui-f-s-compact);color:var(--eui-c-neutral)}.euim-about-content-loading .euim-pdf-viewer{display:flex;flex-direction:column}.euim-about-content-loading .euim-pdf-viewer__container{height:calc(100vh - var(--eui-s-5xl) * 2)}.euim-about-content-loading .euim-pdf-viewer ion-footer{margin-top:0}\n"] }]
         }], ctorParameters: () => [{ type: i1$3.DomSanitizer }], propDecorators: { className: [{
@@ -3872,8 +3802,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_ABOUT} instead.
  */
 class EuimAboutModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimAboutModule, imports: [PinchZoomModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimAboutModule, imports: [PinchZoomModule,
             TranslateModule,
             RouterModule,
             EuimAboutComponent,
@@ -3884,16 +3814,16 @@ class EuimAboutModule {
             EuimChangelogComponent,
             EuimOpenSourceLicencesComponent,
             EuimHelpSupportComponent,
-            EuimAboutContentLoadingComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAboutModule, imports: [PinchZoomModule,
+            EuimAboutContentLoadingComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAboutModule, imports: [PinchZoomModule,
             TranslateModule,
             RouterModule,
             EuimAboutComponent,
             EuimChangelogComponent,
             EuimOpenSourceLicencesComponent,
-            EuimHelpSupportComponent] });
+            EuimHelpSupportComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAboutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAboutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -3925,15 +3855,15 @@ const EUIM_ABOUT = [
 ];
 
 class EuimToolbarQrcodeComponent {
-    qrCodeUrl;
-    logoUrl = '';
-    showCode;
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarQrcodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimToolbarQrcodeComponent, isStandalone: true, selector: "euim-toolbar-qrcode", inputs: { qrCodeUrl: "qrCodeUrl", logoUrl: "logoUrl", showCode: "showCode" }, ngImport: i0, template: "<div>\n    @if (showCode) {\n    <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\" [elementType]=\"'svg'\"\n      [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\n    @if (!showCode) {\n    @if (logoUrl) { <img [src]=\"logoUrl\" class=\"euim-about__app-img\" alt=\"Image\" /> } }\n  </div>", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: QRCodeModule }, { kind: "component", type: i1$4.QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "imageSrc", "imageHeight", "imageWidth", "margin", "qrdata", "scale", "version", "width", "alt", "ariaLabel", "title"], outputs: ["qrCodeURL"] }], encapsulation: i0.ViewEncapsulation.None });
+    constructor() {
+        this.logoUrl = '';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarQrcodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuimToolbarQrcodeComponent, isStandalone: true, selector: "euim-toolbar-qrcode", inputs: { qrCodeUrl: "qrCodeUrl", logoUrl: "logoUrl", showCode: "showCode" }, ngImport: i0, template: "<div>\n    @if (showCode) {\n    <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\" [elementType]=\"'svg'\"\n      [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\n    @if (!showCode) {\n    @if (logoUrl) { <img [src]=\"logoUrl\" class=\"euim-about__app-img\" alt=\"Image\" /> } }\n  </div>", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "imageSrc", "imageHeight", "imageWidth", "margin", "qrdata", "scale", "version", "width", "alt", "ariaLabel", "title"], outputs: ["qrCodeURL"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarQrcodeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarQrcodeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-toolbar-qrcode', encapsulation: ViewEncapsulation.None, standalone: true, imports: [TranslateModule, QRCodeModule], template: "<div>\n    @if (showCode) {\n    <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\" [elementType]=\"'svg'\"\n      [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\n    @if (!showCode) {\n    @if (logoUrl) { <img [src]=\"logoUrl\" class=\"euim-about__app-img\" alt=\"Image\" /> } }\n  </div>" }]
+            args: [{ selector: 'euim-toolbar-qrcode', encapsulation: ViewEncapsulation.None, standalone: true, imports: [TranslateModule, QRCodeComponent], template: "<div>\n    @if (showCode) {\n    <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\" [elementType]=\"'svg'\"\n      [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\n    @if (!showCode) {\n    @if (logoUrl) { <img [src]=\"logoUrl\" class=\"euim-about__app-img\" alt=\"Image\" /> } }\n  </div>" }]
         }], propDecorators: { qrCodeUrl: [{
                 type: Input
             }], logoUrl: [{
@@ -3946,11 +3876,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_TOOLBAR_QRCODE} instead.
  */
 class EuimToolbarQrcodeModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarQrcodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarQrcodeModule, imports: [EuimToolbarQrcodeComponent], exports: [EuimToolbarQrcodeComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarQrcodeModule, imports: [EuimToolbarQrcodeComponent] });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarQrcodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarQrcodeModule, imports: [EuimToolbarQrcodeComponent], exports: [EuimToolbarQrcodeComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarQrcodeModule, imports: [EuimToolbarQrcodeComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarQrcodeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarQrcodeModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuimToolbarQrcodeComponent],
@@ -3962,106 +3892,7 @@ const EUIM_TOOLBAR_QRCODE = [
     EuimToolbarQrcodeComponent,
 ];
 
-class EuimToolbarDatepickerDatetimeDirective {
-    euimToolbarDatepickerComponent;
-    className = 'euim-toolbar-datepicker';
-    value;
-    showDefaultButtons = true;
-    id;
-    size = 'cover';
-    presentation = 'date';
-    displayFormat = 'DD-MM-YYYY';
-    constructor(euimToolbarDatepickerComponent) {
-        this.euimToolbarDatepickerComponent = euimToolbarDatepickerComponent;
-    }
-    onIonChange(event) {
-        this.euimToolbarDatepickerComponent.calendarDateChanged(event);
-    }
-    ngOnInit() {
-        this.id = this.euimToolbarDatepickerComponent.dateTimeId;
-        if (this.value) {
-            this.euimToolbarDatepickerComponent.updateCurrentDate(this.value);
-        }
-        this.euimToolbarDatepickerComponent.prevBtnClick.subscribe((item) => {
-            this.value = item.toISOString();
-        });
-        this.euimToolbarDatepickerComponent.nextBtnClick.subscribe((item) => {
-            this.value = item.toISOString();
-        });
-    }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerDatetimeDirective, deps: [{ token: EuimToolbarDatepickerComponent }], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimToolbarDatepickerDatetimeDirective, isStandalone: true, selector: "[euimToolbarDatepickerDatetime]", inputs: { value: "value", showDefaultButtons: "showDefaultButtons", id: "id", size: "size", presentation: "presentation", displayFormat: "displayFormat" }, host: { listeners: { "ionChange": "onIonChange($event)" }, properties: { "class": "this.className", "value": "this.value", "showDefaultButtons": "this.showDefaultButtons", "id": "this.id", "size": "this.size", "presentation": "this.presentation", "displayFormat": "this.displayFormat" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerDatetimeDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[euimToolbarDatepickerDatetime]',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: EuimToolbarDatepickerComponent }], propDecorators: { className: [{
-                type: HostBinding,
-                args: ['class']
-            }], value: [{
-                type: HostBinding,
-                args: ['value']
-            }, {
-                type: Input
-            }], showDefaultButtons: [{
-                type: HostBinding,
-                args: ['showDefaultButtons']
-            }, {
-                type: Input
-            }], id: [{
-                type: HostBinding,
-                args: ['id']
-            }, {
-                type: Input
-            }], size: [{
-                type: HostBinding,
-                args: ['size']
-            }, {
-                type: Input
-            }], presentation: [{
-                type: HostBinding,
-                args: ['presentation']
-            }, {
-                type: Input
-            }], displayFormat: [{
-                type: HostBinding,
-                args: ['displayFormat']
-            }, {
-                type: Input
-            }], onIonChange: [{
-                type: HostListener,
-                args: ['ionChange', ['$event']]
-            }] } });
-
 class EuimToolbarDatepickerComponent {
-    baseStatesDirective;
-    router;
-    location;
-    translate;
-    modalController;
-    icon = 'calendar-clear';
-    title;
-    subTitle;
-    euimPrevBtnDisabled;
-    euimNextBtnDisabled;
-    euimReadOnly;
-    closeModalOnBack;
-    selectDateBy;
-    prevBtnClick = new EventEmitter();
-    nextBtnClick = new EventEmitter();
-    dateChanged = new EventEmitter();
-    weekDayName;
-    formattedDate;
-    selectedDate;
-    isModalOpen = false;
-    weekdays = [];
-    _dateTimeId = 'date';
-    langChangeSubscription;
-    currentLang;
-    modalId;
     get cssClasses() {
         return this.getCssClasses();
     }
@@ -4071,6 +3902,13 @@ class EuimToolbarDatepickerComponent {
         this.location = location;
         this.translate = translate;
         this.modalController = modalController;
+        this.icon = 'calendar-clear';
+        this.prevBtnClick = new EventEmitter();
+        this.nextBtnClick = new EventEmitter();
+        this.dateChanged = new EventEmitter();
+        this.isModalOpen = false;
+        this.weekdays = [];
+        this._dateTimeId = 'date';
         this.dateTimeId = crypto.randomUUID();
         this.modalId = crypto.randomUUID();
         this.currentDate = new Date();
@@ -4088,7 +3926,6 @@ class EuimToolbarDatepickerComponent {
     set dateTimeId(val) {
         this._dateTimeId = val;
     }
-    currentDate;
     ngOnInit() {
         if (!this.baseStatesDirective.color) {
             this.baseStatesDirective.color = 'primary';
@@ -4171,10 +4008,10 @@ class EuimToolbarDatepickerComponent {
     formatDateAndWeekDay() {
         this.weekDayName = this.weekdays[this.currentDate.getDay()];
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerComponent, deps: [{ token: BaseStatesDirective }, { token: i1$2.Router }, { token: i2$1.Location }, { token: i2.TranslateService }, { token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimToolbarDatepickerComponent, isStandalone: true, selector: "euim-toolbar-datepicker", inputs: { icon: "icon", title: "title", subTitle: "subTitle", euimPrevBtnDisabled: ["euimPrevBtnDisabled", "euimPrevBtnDisabled", booleanAttribute], euimNextBtnDisabled: ["euimNextBtnDisabled", "euimNextBtnDisabled", booleanAttribute], euimReadOnly: ["euimReadOnly", "euimReadOnly", booleanAttribute], closeModalOnBack: ["closeModalOnBack", "closeModalOnBack", booleanAttribute], selectDateBy: "selectDateBy" }, outputs: { prevBtnClick: "prevBtnClick", nextBtnClick: "nextBtnClick", dateChanged: "dateChanged" }, host: { listeners: { "window:popstate": "dismissModal($event)" }, properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ion-item class=\"euim-toolbar-datepicker__item\" color=\"branding\">\n    <euim-avatar  fill=\"clear\" slot=\"start\" >\n        <euim-avatar-icon>\n            <ion-icon [name]=\"icon\"\n                      class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n        </euim-avatar-icon>\n    </euim-avatar>\n    @if (!euimReadOnly){\n    <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n                         [datetime]=\"dateTimeId\">\n    </ion-datetime-button>\n    }\n    <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n        <ion-label class=\"euim-toolbar-datepicker__date\">\n            <div class=\"euim-toolbar-datepicker__title\"\n                 euimLabel\n                 euimLabelTitle\n                 euimLabelTruncate\n                 disabled=\"euimReadOnly\">{{!title ? weekDayName : title}}</div>\n\n            <div euimLabel\n                 euimLabelSubTitle\n                 euimLabelTruncate\n                 disabled=\"euimReadOnly\">{{!subTitle ? formattedDate : subTitle}}</div>\n        </ion-label>\n        @if (!euimReadOnly){\n            <ion-icon class=\"euim-toolbar-datepicker__datetime-caret\"\n                      name=\"caret-down\"></ion-icon>\n        }\n    </div>\n\n    @if (!euimReadOnly) {\n        <ion-buttons slot=\"end\">\n            <ion-button (click)=\"selectPrevDate()\"\n                        [disabled] = \"euimPrevBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button\">\n                <ion-icon name=\"chevron-back-circle\">\n                </ion-icon>\n            </ion-button>\n            <ion-button\n                        (click)=\"selectNextDate()\"\n                        [disabled]=\"euimNextBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n                <ion-icon name=\"chevron-forward-circle\"></ion-icon>\n            </ion-button>\n        </ion-buttons>\n    }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n           (ionModalDidPresent)=\"onModalPresent()\"\n           (ionModalDidDismiss)=\"onModalDismiss()\"\n           [trigger]=\"modalId\">\n    <ng-template>\n        <ion-datetime\n            [showDefaultButtons]=\"true\"\n            (ionChange)=\"calendarDateChanged($event)\"\n            size=\"cover\"\n            [id]=\"dateTimeId\"\n            [locale]=\"currentLang\"\n            presentation=\"date\"\n            [(ngModel)]=\"selectedDate\"></ion-datetime>\n    </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-s-xs)}.euim-toolbar-datepicker ion-item ion-buttons[slot=end]{margin-inline-start:0}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-s-l);margin-right:var(--eui-s-l);width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-toolbar-datepicker__datetime-button{display:flex;align-items:center;height:100%;padding-top:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.euim-toolbar-datepicker__datetime-button--hidden{display:none}.euim-toolbar-datepicker__datetime-button .euim-toolbar-datepicker__date{display:grid}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-s-xs)!important;margin-right:var(--eui-s-xs)!important;width:var(--eui-s-m);height:var(--eui-s-m);flex-shrink:0;color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-is-l);height:var(--eui-is-l);color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button:first-child{margin-right:var(--eui-s-xl)}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__calendar,.euim-toolbar-datepicker--primary .euim-label{color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { 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.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "formatOptions", "highlightedDates", "hourCycle", "hourValues", "isDateEnabled", "locale", "max", "min", "minuteValues", "mode", "monthValues", "multiple", "name", "preferWheel", "presentation", "readonly", "showAdjacentDays", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }, { kind: "component", type: i1.IonDatetimeButton, selector: "ion-datetime-button", inputs: ["color", "datetime", "disabled", "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", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonModal, selector: "ion-modal" }, { kind: "directive", type: i1.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: EuimAvatarModule }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "ngmodule", type: EuimLabelModule }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarDatepickerComponent, deps: [{ token: BaseStatesDirective }, { token: i1$2.Router }, { token: i2$1.Location }, { token: i2.TranslateService }, { token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuimToolbarDatepickerComponent, isStandalone: true, selector: "euim-toolbar-datepicker", inputs: { icon: "icon", title: "title", subTitle: "subTitle", euimPrevBtnDisabled: ["euimPrevBtnDisabled", "euimPrevBtnDisabled", booleanAttribute], euimNextBtnDisabled: ["euimNextBtnDisabled", "euimNextBtnDisabled", booleanAttribute], euimReadOnly: ["euimReadOnly", "euimReadOnly", booleanAttribute], closeModalOnBack: ["closeModalOnBack", "closeModalOnBack", booleanAttribute], selectDateBy: "selectDateBy" }, outputs: { prevBtnClick: "prevBtnClick", nextBtnClick: "nextBtnClick", dateChanged: "dateChanged" }, host: { listeners: { "window:popstate": "dismissModal($event)" }, properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ion-item class=\"euim-toolbar-datepicker__item\" color=\"branding\">\n    <euim-avatar  fill=\"clear\" slot=\"start\" >\n        <euim-avatar-icon>\n            <ion-icon [name]=\"icon\"\n                      class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n        </euim-avatar-icon>\n    </euim-avatar>\n    @if (!euimReadOnly){\n    <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n                         [datetime]=\"dateTimeId\">\n    </ion-datetime-button>\n    }\n    <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n        <ion-label class=\"euim-toolbar-datepicker__date\">\n            <div class=\"euim-toolbar-datepicker__title\"\n                 euimLabel\n                 euimLabelTitle\n                 euimLabelTruncate\n                 disabled=\"euimReadOnly\">{{!title ? weekDayName : title}}</div>\n\n            <div euimLabel\n                 euimLabelSubTitle\n                 euimLabelTruncate\n                 disabled=\"euimReadOnly\">{{!subTitle ? formattedDate : subTitle}}</div>\n        </ion-label>\n        @if (!euimReadOnly){\n            <ion-icon class=\"euim-toolbar-datepicker__datetime-caret\"\n                      name=\"caret-down\"></ion-icon>\n        }\n    </div>\n\n    @if (!euimReadOnly) {\n        <ion-buttons slot=\"end\">\n            <ion-button (click)=\"selectPrevDate()\"\n                        [disabled] = \"euimPrevBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button\">\n                <ion-icon name=\"chevron-back-circle\">\n                </ion-icon>\n            </ion-button>\n            <ion-button\n                        (click)=\"selectNextDate()\"\n                        [disabled]=\"euimNextBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n                <ion-icon name=\"chevron-forward-circle\"></ion-icon>\n            </ion-button>\n        </ion-buttons>\n    }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n           (ionModalDidPresent)=\"onModalPresent()\"\n           (ionModalDidDismiss)=\"onModalDismiss()\"\n           [trigger]=\"modalId\">\n    <ng-template>\n        <ion-datetime\n            [showDefaultButtons]=\"true\"\n            (ionChange)=\"calendarDateChanged($event)\"\n            size=\"cover\"\n            [id]=\"dateTimeId\"\n            [locale]=\"currentLang\"\n            presentation=\"date\"\n            [(ngModel)]=\"selectedDate\"></ion-datetime>\n    </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-s-xs)}.euim-toolbar-datepicker ion-item ion-buttons[slot=end]{margin-inline-start:0}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-s-l);margin-right:var(--eui-s-l);width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-toolbar-datepicker__datetime-button{display:flex;align-items:center;height:100%;padding-top:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.euim-toolbar-datepicker__datetime-button--hidden{display:none}.euim-toolbar-datepicker__datetime-button .euim-toolbar-datepicker__date{display:grid}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-s-xs)!important;margin-right:var(--eui-s-xs)!important;width:var(--eui-s-m);height:var(--eui-s-m);flex-shrink:0;color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-is-l);height:var(--eui-is-l);color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button:first-child{margin-right:var(--eui-s-xl)}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__calendar,.euim-toolbar-datepicker--primary .euim-label{color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { 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.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "formatOptions", "highlightedDates", "hourCycle", "hourValues", "isDateEnabled", "locale", "max", "min", "minuteValues", "mode", "monthValues", "multiple", "name", "preferWheel", "presentation", "readonly", "showAdjacentDays", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }, { kind: "component", type: i1.IonDatetimeButton, selector: "ion-datetime-button", inputs: ["color", "datetime", "disabled", "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", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonModal, selector: "ion-modal" }, { kind: "directive", type: i1.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: EuimAvatarModule }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "ngmodule", type: EuimLabelModule }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarDatepickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-toolbar-datepicker', encapsulation: ViewEncapsulation.None, hostDirectives: [
                         {
@@ -4183,7 +4020,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                                 'color',
                             ],
                         },
-                    ], standalone: true, imports: [IonicModule, TranslateModule, EuimAvatarModule, EuimLabelModule, FormsModule, EuimToolbarDatepickerDatetimeDirective], template: "<ion-item class=\"euim-toolbar-datepicker__item\" color=\"branding\">\n    <euim-avatar  fill=\"clear\" slot=\"start\" >\n        <euim-avatar-icon>\n            <ion-icon [name]=\"icon\"\n                      class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n        </euim-avatar-icon>\n    </euim-avatar>\n    @if (!euimReadOnly){\n    <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n                         [datetime]=\"dateTimeId\">\n    </ion-datetime-button>\n    }\n    <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n        <ion-label class=\"euim-toolbar-datepicker__date\">\n            <div class=\"euim-toolbar-datepicker__title\"\n                 euimLabel\n                 euimLabelTitle\n                 euimLabelTruncate\n                 disabled=\"euimReadOnly\">{{!title ? weekDayName : title}}</div>\n\n            <div euimLabel\n                 euimLabelSubTitle\n                 euimLabelTruncate\n                 disabled=\"euimReadOnly\">{{!subTitle ? formattedDate : subTitle}}</div>\n        </ion-label>\n        @if (!euimReadOnly){\n            <ion-icon class=\"euim-toolbar-datepicker__datetime-caret\"\n                      name=\"caret-down\"></ion-icon>\n        }\n    </div>\n\n    @if (!euimReadOnly) {\n        <ion-buttons slot=\"end\">\n            <ion-button (click)=\"selectPrevDate()\"\n                        [disabled] = \"euimPrevBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button\">\n                <ion-icon name=\"chevron-back-circle\">\n                </ion-icon>\n            </ion-button>\n            <ion-button\n                        (click)=\"selectNextDate()\"\n                        [disabled]=\"euimNextBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n                <ion-icon name=\"chevron-forward-circle\"></ion-icon>\n            </ion-button>\n        </ion-buttons>\n    }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n           (ionModalDidPresent)=\"onModalPresent()\"\n           (ionModalDidDismiss)=\"onModalDismiss()\"\n           [trigger]=\"modalId\">\n    <ng-template>\n        <ion-datetime\n            [showDefaultButtons]=\"true\"\n            (ionChange)=\"calendarDateChanged($event)\"\n            size=\"cover\"\n            [id]=\"dateTimeId\"\n            [locale]=\"currentLang\"\n            presentation=\"date\"\n            [(ngModel)]=\"selectedDate\"></ion-datetime>\n    </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-s-xs)}.euim-toolbar-datepicker ion-item ion-buttons[slot=end]{margin-inline-start:0}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-s-l);margin-right:var(--eui-s-l);width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-toolbar-datepicker__datetime-button{display:flex;align-items:center;height:100%;padding-top:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.euim-toolbar-datepicker__datetime-button--hidden{display:none}.euim-toolbar-datepicker__datetime-button .euim-toolbar-datepicker__date{display:grid}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-s-xs)!important;margin-right:var(--eui-s-xs)!important;width:var(--eui-s-m);height:var(--eui-s-m);flex-shrink:0;color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-is-l);height:var(--eui-is-l);color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button:first-child{margin-right:var(--eui-s-xl)}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__calendar,.euim-toolbar-datepicker--primary .euim-label{color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}\n"] }]
+                    ], standalone: true, imports: [IonicModule, TranslateModule, EuimAvatarModule, EuimLabelModule, FormsModule], template: "<ion-item class=\"euim-toolbar-datepicker__item\" color=\"branding\">\n    <euim-avatar  fill=\"clear\" slot=\"start\" >\n        <euim-avatar-icon>\n            <ion-icon [name]=\"icon\"\n                      class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n        </euim-avatar-icon>\n    </euim-avatar>\n    @if (!euimReadOnly){\n    <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n                         [datetime]=\"dateTimeId\">\n    </ion-datetime-button>\n    }\n    <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n        <ion-label class=\"euim-toolbar-datepicker__date\">\n            <div class=\"euim-toolbar-datepicker__title\"\n                 euimLabel\n                 euimLabelTitle\n                 euimLabelTruncate\n                 disabled=\"euimReadOnly\">{{!title ? weekDayName : title}}</div>\n\n            <div euimLabel\n                 euimLabelSubTitle\n                 euimLabelTruncate\n                 disabled=\"euimReadOnly\">{{!subTitle ? formattedDate : subTitle}}</div>\n        </ion-label>\n        @if (!euimReadOnly){\n            <ion-icon class=\"euim-toolbar-datepicker__datetime-caret\"\n                      name=\"caret-down\"></ion-icon>\n        }\n    </div>\n\n    @if (!euimReadOnly) {\n        <ion-buttons slot=\"end\">\n            <ion-button (click)=\"selectPrevDate()\"\n                        [disabled] = \"euimPrevBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button\">\n                <ion-icon name=\"chevron-back-circle\">\n                </ion-icon>\n            </ion-button>\n            <ion-button\n                        (click)=\"selectNextDate()\"\n                        [disabled]=\"euimNextBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n                <ion-icon name=\"chevron-forward-circle\"></ion-icon>\n            </ion-button>\n        </ion-buttons>\n    }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n           (ionModalDidPresent)=\"onModalPresent()\"\n           (ionModalDidDismiss)=\"onModalDismiss()\"\n           [trigger]=\"modalId\">\n    <ng-template>\n        <ion-datetime\n            [showDefaultButtons]=\"true\"\n            (ionChange)=\"calendarDateChanged($event)\"\n            size=\"cover\"\n            [id]=\"dateTimeId\"\n            [locale]=\"currentLang\"\n            presentation=\"date\"\n            [(ngModel)]=\"selectedDate\"></ion-datetime>\n    </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-s-xs)}.euim-toolbar-datepicker ion-item ion-buttons[slot=end]{margin-inline-start:0}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-s-l);margin-right:var(--eui-s-l);width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-toolbar-datepicker__datetime-button{display:flex;align-items:center;height:100%;padding-top:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.euim-toolbar-datepicker__datetime-button--hidden{display:none}.euim-toolbar-datepicker__datetime-button .euim-toolbar-datepicker__date{display:grid}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-s-xs)!important;margin-right:var(--eui-s-xs)!important;width:var(--eui-s-m);height:var(--eui-s-m);flex-shrink:0;color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-is-l);height:var(--eui-is-l);color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button:first-child{margin-right:var(--eui-s-xl)}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__calendar,.euim-toolbar-datepicker--primary .euim-label{color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}\n"] }]
         }], ctorParameters: () => [{ type: BaseStatesDirective }, { type: i1$2.Router }, { type: i2$1.Location }, { type: i2.TranslateService }, { type: i1.ModalController }], propDecorators: { icon: [{
                 type: Input
             }], title: [{
@@ -4222,11 +4059,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_TOOLBAR_DATEPICKER} instead.
  */
 class EuimToolbarDatepickerModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerModule, imports: [EuimToolbarDatepickerComponent], exports: [EuimToolbarDatepickerComponent] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerModule, imports: [EuimToolbarDatepickerComponent] });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarDatepickerModule, imports: [EuimToolbarDatepickerComponent], exports: [EuimToolbarDatepickerComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarDatepickerModule, imports: [EuimToolbarDatepickerComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarDatepickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuimToolbarDatepickerComponent],
@@ -4239,11 +4076,13 @@ const EUIM_TOOLBAR_DATEPICKER = [
 ];
 
 class EuimReadOnlyFormLabelDirective {
-    className = 'euim-read-only-form__label';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimReadOnlyFormLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimReadOnlyFormLabelDirective, isStandalone: true, selector: "[euimReadOnlyFormLabel]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-read-only-form__label';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimReadOnlyFormLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimReadOnlyFormLabelDirective, isStandalone: true, selector: "[euimReadOnlyFormLabel]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimReadOnlyFormLabelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimReadOnlyFormLabelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimReadOnlyFormLabel]',
@@ -4255,11 +4094,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimReadOnlyFormValueDirective {
-    className = 'euim-read-only-form__value';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimReadOnlyFormValueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimReadOnlyFormValueDirective, isStandalone: true, selector: "[euimReadOnlyFormValue]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-read-only-form__value';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimReadOnlyFormValueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimReadOnlyFormValueDirective, isStandalone: true, selector: "[euimReadOnlyFormValue]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimReadOnlyFormValueDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimReadOnlyFormValueDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimReadOnlyFormValue]',
@@ -4271,11 +4112,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimReadOnlyFormDirective {
-    className = 'euim-read-only-form';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimReadOnlyFormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimReadOnlyFormDirective, isStandalone: true, selector: "[euimReadOnlyForm]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-read-only-form';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimReadOnlyFormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimReadOnlyFormDirective, isStandalone: true, selector: "[euimReadOnlyForm]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimReadOnlyFormDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimReadOnlyFormDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimReadOnlyForm]',
@@ -4287,13 +4130,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimHelperTextComponent {
-    baseStatesDirective;
-    hasNoPadding = input(false, { transform: booleanAttribute });
     get cssClasses() {
         return this.getCssClasses();
     }
     constructor(baseStatesDirective) {
         this.baseStatesDirective = baseStatesDirective;
+        this.hasNoPadding = input(false, { transform: booleanAttribute });
     }
     getCssClasses() {
         return [
@@ -4301,10 +4143,10 @@ class EuimHelperTextComponent {
             this.hasNoPadding() ? 'euim-helper-text--no-padding' : '',
         ].join(' ');
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHelperTextComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: EuimHelperTextComponent, isStandalone: true, selector: "euim-helper-text", inputs: { hasNoPadding: { classPropertyName: "hasNoPadding", publicName: "hasNoPadding", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: '<p><ng-content></ng-content></p>', isInline: true, styles: [".euim-helper-text{color:var(--eui-c-neutral-light);padding:var(--eui-s-xs) var(--eui-s-m);display:inline-block}.euim-helper-text p{margin:0;font:var(--eui-f-xs-compact)}.euim-helper-text--no-padding{padding:0}.euim-helper-text--primary{color:var(--eui-c-primary)}.euim-helper-text--secondary{color:var(--eui-c-neutral-lighter)}.euim-helper-text--default{color:var(--eui-c-neutral-light)}.euim-helper-text--dark{color:var(--eui-c-neutral)}.euim-helper-text--info{color:var(--eui-c-info)}.euim-helper-text--success{color:var(--eui-c-success-dark)}.euim-helper-text--warning{color:var(--eui-c-warning-darker)}.euim-helper-text--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-helper-text--danger{color:var(--eui-c-danger-dark)}.euim-helper-text--white{color:var(--eui-c-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimHelperTextComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.17", type: EuimHelperTextComponent, isStandalone: true, selector: "euim-helper-text", inputs: { hasNoPadding: { classPropertyName: "hasNoPadding", publicName: "hasNoPadding", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: '<p><ng-content></ng-content></p>', isInline: true, styles: [".euim-helper-text{color:var(--eui-c-neutral-light);padding:var(--eui-s-xs) var(--eui-s-m);display:inline-block}.euim-helper-text p{margin:0;font:var(--eui-f-xs-compact)}.euim-helper-text--no-padding{padding:0}.euim-helper-text--primary{color:var(--eui-c-primary)}.euim-helper-text--secondary{color:var(--eui-c-neutral-lighter)}.euim-helper-text--default{color:var(--eui-c-neutral-light)}.euim-helper-text--dark{color:var(--eui-c-neutral)}.euim-helper-text--info{color:var(--eui-c-info)}.euim-helper-text--success{color:var(--eui-c-success-dark)}.euim-helper-text--warning{color:var(--eui-c-warning-darker)}.euim-helper-text--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-helper-text--danger{color:var(--eui-c-danger-dark)}.euim-helper-text--white{color:var(--eui-c-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimHelperTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimHelperTextComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-helper-text', template: '<p><ng-content></ng-content></p>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, hostDirectives: [
                         {
@@ -4320,7 +4162,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimDividerDirective {
-    lines;
     get cssClasses() {
         return this.getCssClasses('euim-divider');
     }
@@ -4330,10 +4171,10 @@ class EuimDividerDirective {
             this.lines ? `${rootClass}--lines-${this.lines}` : '',
         ].join(' ').trim();
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDividerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimDividerDirective, isStandalone: true, selector: "[euimDivider]", inputs: { lines: "lines" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimDividerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimDividerDirective, isStandalone: true, selector: "[euimDivider]", inputs: { lines: "lines" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDividerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimDividerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimDivider]',
@@ -4350,11 +4191,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_DIVIDER} instead.
  */
 class EuimDividerModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimDividerModule, imports: [EuimDividerDirective], exports: [EuimDividerDirective] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDividerModule });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimDividerModule, imports: [EuimDividerDirective], exports: [EuimDividerDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimDividerModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimDividerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimDividerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuimDividerDirective],
@@ -4367,7 +4208,6 @@ const EUIM_DIVIDER = [
 ];
 
 class EuimListHeaderDirective {
-    border;
     get cssClasses() {
         return this.getCssClasses('euim-list-header');
     }
@@ -4377,10 +4217,10 @@ class EuimListHeaderDirective {
             this.border ? `${rootClass}--border-${this.border}` : '',
         ].join(' ').trim();
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimListHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimListHeaderDirective, isStandalone: true, selector: "[euimListHeader]", inputs: { border: "border" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimListHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimListHeaderDirective, isStandalone: true, selector: "[euimListHeader]", inputs: { border: "border" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimListHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimListHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimListHeader]',
@@ -4397,11 +4237,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_LIST_HEADER} instead.
  */
 class EuimListHeaderModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimListHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimListHeaderModule, imports: [EuimListHeaderDirective], exports: [EuimListHeaderDirective] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimListHeaderModule });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimListHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimListHeaderModule, imports: [EuimListHeaderDirective], exports: [EuimListHeaderDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimListHeaderModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimListHeaderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimListHeaderModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuimListHeaderDirective],
@@ -4414,11 +4254,13 @@ const EUIM_LIST_HEADER = [
 ];
 
 class EuimAlignCenterDirective {
-    className = 'euim-align-center';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlignCenterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimAlignCenterDirective, isStandalone: true, selector: "[euimAlignCenter]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-align-center';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAlignCenterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimAlignCenterDirective, isStandalone: true, selector: "[euimAlignCenter]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlignCenterDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAlignCenterDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimAlignCenter]',
@@ -4430,11 +4272,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimAlignTopDirective {
-    className = 'euim-align-top';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlignTopDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimAlignTopDirective, isStandalone: true, selector: "[euimAlignTop]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-align-top';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAlignTopDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimAlignTopDirective, isStandalone: true, selector: "[euimAlignTop]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAlignTopDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAlignTopDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimAlignTop]',
@@ -4446,10 +4290,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimToolbarTransparentDirective {
-    scrollThreshold = 150;
-    hasTitle = false;
-    isLightToolbar = false;
-    className = 'euim-toolbar--transparent';
+    constructor() {
+        this.scrollThreshold = 150;
+        this.hasTitle = false;
+        this.isLightToolbar = false;
+        this.className = 'euim-toolbar--transparent';
+    }
     get cssClasses() {
         return this.getCssClasses();
     }
@@ -4477,10 +4323,10 @@ class EuimToolbarTransparentDirective {
             this.isLightToolbar ? 'euim-toolbar--solid-light' : '',
         ].join(' ');
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarTransparentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimToolbarTransparentDirective, isStandalone: true, selector: "[euimToolbarTransparent]", inputs: { scrollThreshold: "scrollThreshold", hasTitle: "hasTitle", isLightToolbar: "isLightToolbar" }, host: { listeners: { "ionScroll": "onContentScroll($event)" }, properties: { "class": "this.cssClasses" } }, ngImport: i0 });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarTransparentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimToolbarTransparentDirective, isStandalone: true, selector: "[euimToolbarTransparent]", inputs: { scrollThreshold: "scrollThreshold", hasTitle: "hasTitle", isLightToolbar: "isLightToolbar" }, host: { listeners: { "ionScroll": "onContentScroll($event)" }, properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarTransparentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimToolbarTransparentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimToolbarTransparent]',
@@ -4504,11 +4350,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimFooterTransparentDirective {
-    className = 'euim-footer--transparent';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimFooterTransparentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimFooterTransparentDirective, isStandalone: true, selector: "[euimFooterTransparent]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-footer--transparent';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimFooterTransparentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimFooterTransparentDirective, isStandalone: true, selector: "[euimFooterTransparent]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimFooterTransparentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimFooterTransparentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimFooterTransparent]',
@@ -4520,15 +4368,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimMinWidthDirective {
-    minWidth = '20%';
-    widthVar;
+    constructor() {
+        this.minWidth = '20%';
+    }
     ngOnInit() {
         this.widthVar = this.minWidth;
     }
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMinWidthDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimMinWidthDirective, isStandalone: true, selector: "[euimMinWidth]", inputs: { minWidth: "minWidth" }, host: { properties: { "style.width": "this.widthVar" } }, ngImport: i0 });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMinWidthDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimMinWidthDirective, isStandalone: true, selector: "[euimMinWidth]", inputs: { minWidth: "minWidth" }, host: { properties: { "style.width": "this.widthVar" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimMinWidthDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimMinWidthDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimMinWidth]',
@@ -4542,11 +4391,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimListItemNoPaddingsDirective {
-    className = 'euim-list-item--no-paddings';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimListItemNoPaddingsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimListItemNoPaddingsDirective, isStandalone: true, selector: "[euimListItemNoPaddings]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-list-item--no-paddings';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimListItemNoPaddingsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimListItemNoPaddingsDirective, isStandalone: true, selector: "[euimListItemNoPaddings]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimListItemNoPaddingsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimListItemNoPaddingsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimListItemNoPaddings]',
@@ -4558,11 +4409,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimSidebarFooterNoBordersDirective {
-    className = 'euim-sidebar-footer--no-borders';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarFooterNoBordersDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimSidebarFooterNoBordersDirective, isStandalone: true, selector: "[euimSidebarFooterNoBorders]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-sidebar-footer--no-borders';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSidebarFooterNoBordersDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimSidebarFooterNoBordersDirective, isStandalone: true, selector: "[euimSidebarFooterNoBorders]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSidebarFooterNoBordersDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSidebarFooterNoBordersDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimSidebarFooterNoBorders]',
@@ -4574,11 +4427,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 
 class EuimSkeletonTextAvatarDirective {
-    className = 'euim-skeleton-text-avatar';
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonTextAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    /** @nocollapse */ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimSkeletonTextAvatarDirective, isStandalone: true, selector: "[euimSkeletonTextAvatar]", host: { properties: { "class": "this.className" } }, ngImport: i0 });
+    constructor() {
+        this.className = 'euim-skeleton-text-avatar';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSkeletonTextAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.17", type: EuimSkeletonTextAvatarDirective, isStandalone: true, selector: "[euimSkeletonTextAvatar]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonTextAvatarDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSkeletonTextAvatarDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimSkeletonTextAvatar]',
@@ -4593,11 +4448,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * @deprecated Use {@link EUIM_SKELETON_TEXT_AVATAR} instead.
  */
 class EuimSkeletonTextAvatarModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonTextAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonTextAvatarModule, imports: [EuimSkeletonTextAvatarDirective], exports: [EuimSkeletonTextAvatarDirective] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonTextAvatarModule });
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSkeletonTextAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimSkeletonTextAvatarModule, imports: [EuimSkeletonTextAvatarDirective], exports: [EuimSkeletonTextAvatarDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSkeletonTextAvatarModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonTextAvatarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSkeletonTextAvatarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [EuimSkeletonTextAvatarDirective],
@@ -4657,8 +4512,8 @@ const MODULES = [
     EuimSkeletonTextAvatarModule,
 ];
 class EuimAllModule {
-    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    /** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimAllModule, imports: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.17", ngImport: i0, type: EuimAllModule, imports: [
             // Layout
             EuimAppModule,
             // Components
@@ -4748,8 +4603,8 @@ class EuimAllModule {
             EuimReadOnlyFormValueDirective,
             EuimReadOnlyFormLabelDirective,
             EuimMediaHeaderCustomContentDirective,
-            EuimSkeletonTextAvatarModule] });
-    /** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAllModule, imports: [
+            EuimSkeletonTextAvatarModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAllModule, imports: [
             // Layout
             EuimAppModule,
             // Components
@@ -4817,9 +4672,9 @@ class EuimAllModule {
             EuimSpinnerComponentModule,
             EuimDividerModule,
             EuimListHeaderModule,
-            EuimSkeletonTextAvatarModule] });
+            EuimSkeletonTextAvatarModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimAllModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimAllModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [