@eui/mobile-core 18.0.0-next.14 → 18.0.0-next.16

package/esm2022/lib/components/euim-scroller-x/euim-scroller-x.module.mjs

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

package/esm2022/lib/components/euim-search-bar/euim-search-bar.component.mjs

@@ -8,15 +8,15 @@ export class EuimSearchBarComponent {
         this.hasSlotStart = false;
         this.hasSlotEnd = false;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: EuimSearchBarComponent, isStandalone: true, selector: "euim-search-bar", inputs: { hasSlotStart: "hasSlotStart", hasSlotEnd: "hasSlotEnd" }, ngImport: i0, template: "<div class=\"euim-search-bar__wrapper\">\n  <ion-searchbar [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\"\n    [class.custom-searchbar]=\"hasSlotStart\"\n    placeholder=\"Search\">\n    @if (!hasSlotStart) {\n      <ng-container >\n      <ion-icon name=\"search\"></ion-icon>\n    </ng-container> }\n  </ion-searchbar>\n\n  <div class=\"slotStart\" [style.display]=\"hasSlotStart ? 'block' : 'none'\">\n    <ng-content select=\"[slotStart]\"></ng-content>\n  </div>\n\n  <div class=\"slotEnd\" [style.display]=\"hasSlotEnd ? 'block' : 'none'\">\n    <ng-content select=\"[slotEnd]\"></ng-content>\n  </div>\n</div>\n", styles: [".euim-search-bar__wrapper{position:relative}.custom-searchbar{--icon-color: transparent;width:100%}.slotStart,.slotEnd{position:absolute;top:50%;transform:translateY(-50%);color:var(--eui-c-neutral);font-size:var(--eui-s-l);cursor:pointer}.slotStart{left:var(--eui-s-m)}.slotEnd{right:var(--eui-s-m)}\n"], dependencies: [{ kind: "ngmodule", type: EuimLabelModule }, { 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.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-textarea,ion-searchbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSearchBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSearchBarComponent, isStandalone: true, selector: "euim-search-bar", inputs: { hasSlotStart: "hasSlotStart", hasSlotEnd: "hasSlotEnd" }, ngImport: i0, template: "<div class=\"euim-search-bar__wrapper\">\n  <ion-searchbar [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\"\n    [class.custom-searchbar]=\"hasSlotStart\"\n    placeholder=\"Search\">\n    @if (!hasSlotStart) {\n      <ng-container >\n      <ion-icon name=\"search\"></ion-icon>\n    </ng-container> }\n  </ion-searchbar>\n\n  <div class=\"slotStart\" [style.display]=\"hasSlotStart ? 'block' : 'none'\">\n    <ng-content select=\"[slotStart]\"></ng-content>\n  </div>\n\n  <div class=\"slotEnd\" [style.display]=\"hasSlotEnd ? 'block' : 'none'\">\n    <ng-content select=\"[slotEnd]\"></ng-content>\n  </div>\n</div>\n", styles: [".euim-search-bar__wrapper{position:relative}.custom-searchbar{--icon-color: transparent;width:100%}.slotStart,.slotEnd{position:absolute;top:50%;transform:translateY(-50%);color:var(--eui-c-neutral);cursor:pointer}.slotStart ion-icon,.slotEnd ion-icon{width:var(--eui-is-m);height:var(--eui-is-m);display:flex;align-items:center}.slotStart{margin-inline-start:var(--eui-s-m)}.slotEnd{right:var(--eui-s-m)}\n"], dependencies: [{ kind: "ngmodule", type: EuimLabelModule }, { 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.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-textarea,ion-searchbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSearchBarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSearchBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-search-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [EuimLabelModule, IonicModule], template: "<div class=\"euim-search-bar__wrapper\">\n  <ion-searchbar [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\"\n    [class.custom-searchbar]=\"hasSlotStart\"\n    placeholder=\"Search\">\n    @if (!hasSlotStart) {\n      <ng-container >\n      <ion-icon name=\"search\"></ion-icon>\n    </ng-container> }\n  </ion-searchbar>\n\n  <div class=\"slotStart\" [style.display]=\"hasSlotStart ? 'block' : 'none'\">\n    <ng-content select=\"[slotStart]\"></ng-content>\n  </div>\n\n  <div class=\"slotEnd\" [style.display]=\"hasSlotEnd ? 'block' : 'none'\">\n    <ng-content select=\"[slotEnd]\"></ng-content>\n  </div>\n</div>\n", styles: [".euim-search-bar__wrapper{position:relative}.custom-searchbar{--icon-color: transparent;width:100%}.slotStart,.slotEnd{position:absolute;top:50%;transform:translateY(-50%);color:var(--eui-c-neutral);font-size:var(--eui-s-l);cursor:pointer}.slotStart{left:var(--eui-s-m)}.slotEnd{right:var(--eui-s-m)}\n"] }]
+            args: [{ selector: 'euim-search-bar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [EuimLabelModule, IonicModule], template: "<div class=\"euim-search-bar__wrapper\">\n  <ion-searchbar [attr.show-clear-button]=\"hasSlotEnd ? 'never' : 'always'\"\n    [class.custom-searchbar]=\"hasSlotStart\"\n    placeholder=\"Search\">\n    @if (!hasSlotStart) {\n      <ng-container >\n      <ion-icon name=\"search\"></ion-icon>\n    </ng-container> }\n  </ion-searchbar>\n\n  <div class=\"slotStart\" [style.display]=\"hasSlotStart ? 'block' : 'none'\">\n    <ng-content select=\"[slotStart]\"></ng-content>\n  </div>\n\n  <div class=\"slotEnd\" [style.display]=\"hasSlotEnd ? 'block' : 'none'\">\n    <ng-content select=\"[slotEnd]\"></ng-content>\n  </div>\n</div>\n", styles: [".euim-search-bar__wrapper{position:relative}.custom-searchbar{--icon-color: transparent;width:100%}.slotStart,.slotEnd{position:absolute;top:50%;transform:translateY(-50%);color:var(--eui-c-neutral);cursor:pointer}.slotStart ion-icon,.slotEnd ion-icon{width:var(--eui-is-m);height:var(--eui-is-m);display:flex;align-items:center}.slotStart{margin-inline-start:var(--eui-s-m)}.slotEnd{right:var(--eui-s-m)}\n"] }]
         }], propDecorators: { hasSlotStart: [{
                 type: Input
             }], hasSlotEnd: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1zZWFyY2gtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLXNlYXJjaC1iYXIvZXVpbS1zZWFyY2gtYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLXNlYXJjaC1iYXIvZXVpbS1zZWFyY2gtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBWTdDLE1BQU0sT0FBTyxzQkFBc0I7SUFWbkM7UUFXVyxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixlQUFVLEdBQUcsS0FBSyxDQUFDO0tBQzdCO2tJQUhZLHNCQUFzQjtzSEFBdEIsc0JBQXNCLCtJQ25CbkMseW5CQWtCQSx1V0RGWSxlQUFlLDhCQUFFLFdBQVc7OzRGQUczQixzQkFBc0I7a0JBVmxDLFNBQVM7K0JBQ0UsaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksY0FDekIsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLFdBQVcsQ0FBQzs4QkFJOUIsWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV1aW1MYWJlbE1vZHVsZSB9IGZyb20gJy4uL2F0b21zL2V1aW0tbGFiZWwnO1xuaW1wb3J0IHsgSW9uaWNNb2R1bGUgfSBmcm9tICdAaW9uaWMvYW5ndWxhcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2V1aW0tc2VhcmNoLWJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ldWltLXNlYXJjaC1iYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtFdWltTGFiZWxNb2R1bGUsIElvbmljTW9kdWxlXSxcbn0pXG5cbmV4cG9ydCBjbGFzcyBFdWltU2VhcmNoQmFyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaGFzU2xvdFN0YXJ0ID0gZmFsc2U7XG4gIEBJbnB1dCgpIGhhc1Nsb3RFbmQgPSBmYWxzZTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJldWltLXNlYXJjaC1iYXJfX3dyYXBwZXJcIj5cbiAgPGlvbi1zZWFyY2hiYXIgW2F0dHIuc2hvdy1jbGVhci1idXR0b25dPVwiaGFzU2xvdEVuZCA/ICduZXZlcicgOiAnYWx3YXlzJ1wiXG4gICAgW2NsYXNzLmN1c3RvbS1zZWFyY2hiYXJdPVwiaGFzU2xvdFN0YXJ0XCJcbiAgICBwbGFjZWhvbGRlcj1cIlNlYXJjaFwiPlxuICAgIEBpZiAoIWhhc1Nsb3RTdGFydCkge1xuICAgICAgPG5nLWNvbnRhaW5lciA+XG4gICAgICA8aW9uLWljb24gbmFtZT1cInNlYXJjaFwiPjwvaW9uLWljb24+XG4gICAgPC9uZy1jb250YWluZXI+IH1cbiAgPC9pb24tc2VhcmNoYmFyPlxuXG4gIDxkaXYgY2xhc3M9XCJzbG90U3RhcnRcIiBbc3R5bGUuZGlzcGxheV09XCJoYXNTbG90U3RhcnQgPyAnYmxvY2snIDogJ25vbmUnXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3Nsb3RTdGFydF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJzbG90RW5kXCIgW3N0eWxlLmRpc3BsYXldPVwiaGFzU2xvdEVuZCA/ICdibG9jaycgOiAnbm9uZSdcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2xvdEVuZF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS1zZWFyY2gtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLXNlYXJjaC1iYXIvZXVpbS1zZWFyY2gtYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLXNlYXJjaC1iYXIvZXVpbS1zZWFyY2gtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsdUJBQXVCLEVBQ3ZCLGlCQUFpQixFQUNqQixLQUFLLEdBQ04sTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7O0FBWTdDLE1BQU0sT0FBTyxzQkFBc0I7SUFWbkM7UUFXVyxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixlQUFVLEdBQUcsS0FBSyxDQUFDO0tBQzdCO2tJQUhZLHNCQUFzQjtzSEFBdEIsc0JBQXNCLCtJQ25CbkMseW5CQWtCQSxnZERGWSxlQUFlLDhCQUFFLFdBQVc7OzRGQUczQixzQkFBc0I7a0JBVmxDLFNBQVM7K0JBQ0UsaUJBQWlCLG1CQUdWLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksY0FDekIsSUFBSSxXQUNQLENBQUMsZUFBZSxFQUFFLFdBQVcsQ0FBQzs4QkFJOUIsWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEV1aW1MYWJlbE1vZHVsZSB9IGZyb20gJy4uL2F0b21zL2V1aW0tbGFiZWwnO1xuaW1wb3J0IHsgSW9uaWNNb2R1bGUgfSBmcm9tICdAaW9uaWMvYW5ndWxhcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2V1aW0tc2VhcmNoLWJhcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9ldWltLXNlYXJjaC1iYXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zdHlsZXMvX2luZGV4LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtFdWltTGFiZWxNb2R1bGUsIElvbmljTW9kdWxlXSxcbn0pXG5cbmV4cG9ydCBjbGFzcyBFdWltU2VhcmNoQmFyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaGFzU2xvdFN0YXJ0ID0gZmFsc2U7XG4gIEBJbnB1dCgpIGhhc1Nsb3RFbmQgPSBmYWxzZTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJldWltLXNlYXJjaC1iYXJfX3dyYXBwZXJcIj5cbiAgPGlvbi1zZWFyY2hiYXIgW2F0dHIuc2hvdy1jbGVhci1idXR0b25dPVwiaGFzU2xvdEVuZCA/ICduZXZlcicgOiAnYWx3YXlzJ1wiXG4gICAgW2NsYXNzLmN1c3RvbS1zZWFyY2hiYXJdPVwiaGFzU2xvdFN0YXJ0XCJcbiAgICBwbGFjZWhvbGRlcj1cIlNlYXJjaFwiPlxuICAgIEBpZiAoIWhhc1Nsb3RTdGFydCkge1xuICAgICAgPG5nLWNvbnRhaW5lciA+XG4gICAgICA8aW9uLWljb24gbmFtZT1cInNlYXJjaFwiPjwvaW9uLWljb24+XG4gICAgPC9uZy1jb250YWluZXI+IH1cbiAgPC9pb24tc2VhcmNoYmFyPlxuXG4gIDxkaXYgY2xhc3M9XCJzbG90U3RhcnRcIiBbc3R5bGUuZGlzcGxheV09XCJoYXNTbG90U3RhcnQgPyAnYmxvY2snIDogJ25vbmUnXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3Nsb3RTdGFydF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJzbG90RW5kXCIgW3N0eWxlLmRpc3BsYXldPVwiaGFzU2xvdEVuZCA/ICdibG9jaycgOiAnbm9uZSdcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2xvdEVuZF1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2022/lib/components/euim-skeleton-list/euim-skeleton-list.component.mjs

@@ -27,10 +27,10 @@ export class EuimSkeletonListComponent {
     get itemsArray() {
         return Array.from({ length: this.items });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: EuimSkeletonListComponent, 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: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "component", type: i2.EuimSkeletonListItemComponent, selector: "euim-skeleton-list-item", inputs: ["hasAvatar", "hasTitle", "hasSubtitle", "hasMetaLine", "isAnimated", "avatarType", "separator", "titleWidth", "subTitleWidth", "metaLineWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSkeletonListComponent, 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: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "component", type: i2.EuimSkeletonListItemComponent, selector: "euim-skeleton-list-item", inputs: ["hasAvatar", "hasTitle", "hasSubtitle", "hasMetaLine", "isAnimated", "avatarType", "separator", "titleWidth", "subTitleWidth", "metaLineWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-skeleton-list', changeDetection: ChangeDetectionStrategy.OnPush, 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: [{

package/esm2022/lib/components/euim-skeleton-list/euim-skeleton-list.module.mjs

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

package/esm2022/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.mjs

@@ -26,10 +26,10 @@ export class EuimSkeletonListItemComponent {
             .join(' ')
             .trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonListItemComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: EuimSkeletonListItemComponent, 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: i1.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: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }, { kind: "component", type: i2.IonThumbnail, selector: "ion-thumbnail" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListItemComponent, deps: [{ token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSkeletonListItemComponent, 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: i1.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: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }, { kind: "component", type: i2.IonThumbnail, selector: "ion-thumbnail" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-skeleton-list-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
                         {

package/esm2022/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.module.mjs

@@ -7,13 +7,13 @@ const COMPONENTS = [
     EuimSkeletonListItemComponent,
 ];
 export class EuimSkeletonListItemModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonListItemModule, declarations: [EuimSkeletonListItemComponent], imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListItemModule, declarations: [EuimSkeletonListItemComponent], imports: [CommonModule,
             IonicModule], exports: [EuimSkeletonListItemComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonListItemModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListItemModule, imports: [CommonModule,
             IonicModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonListItemModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSkeletonListItemModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/euim-slider-info-screen/euim-slide-info-screen/euim-slide-info-screen.component.mjs

@@ -4,13 +4,13 @@ export class EuimSlideInfoScreenComponent {
     constructor() {
         this.className = 'euim-slider-info-screen__slide';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSlideInfoScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: EuimSlideInfoScreenComponent, selector: "euim-slide-info-screen", host: { properties: { "class": "this.className" } }, ngImport: i0, template: `
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSlideInfoScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSlideInfoScreenComponent, selector: "euim-slide-info-screen", host: { properties: { "class": "this.className" } }, ngImport: i0, template: `
         <div #slide>
             <ng-content></ng-content>
         </div>`, isInline: true }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSlideInfoScreenComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSlideInfoScreenComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'euim-slide-info-screen',

package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen-content/euim-slider-info-screen-content.directive.mjs

@@ -13,10 +13,10 @@ export class EuimSliderInfoScreenContentDirective {
             this.euimTextCenter ? 'euim-slider-info-screen__content--centered' : '',
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.10", type: EuimSliderInfoScreenContentDirective, 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: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.13", type: EuimSliderInfoScreenContentDirective, selector: "[euimSliderInfoScreenContent]", inputs: { euimTextCenter: ["euimTextCenter", "euimTextCenter", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimSliderInfoScreenContent]',

package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen-sub-title/euim-slider-info-screen-sub-title.directive.mjs

@@ -4,10 +4,10 @@ export class EuimSliderInfoScreenSubTitleDirective {
     constructor() {
         this.className = 'euim-slider-info-screen__sub-title';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenSubTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimSliderInfoScreenSubTitleDirective, selector: "[euimSliderInfoScreenSubTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenSubTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimSliderInfoScreenSubTitleDirective, selector: "[euimSliderInfoScreenSubTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenSubTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenSubTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimSliderInfoScreenSubTitle]',

package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen-title/euim-slider-info-screen-title.directive.mjs

@@ -4,10 +4,10 @@ export class EuimSliderInfoScreenTitleDirective {
     constructor() {
         this.className = 'euim-slider-info-screen__title';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimSliderInfoScreenTitleDirective, selector: "[euimSliderInfoScreenTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimSliderInfoScreenTitleDirective, selector: "[euimSliderInfoScreenTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimSliderInfoScreenTitle]',

package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.mjs

@@ -156,10 +156,10 @@ export class EuimSliderInfoScreenComponent {
             paginationClass,
         ].join(' ').trim();
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", 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: "18.2.10", type: EuimSliderInfoScreenComponent, 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}.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)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span.active{background-color:var(--eui-c-success)!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)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span.active{background-color:var(--eui-c-danger)!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-2xl-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-l-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-l-compact)}.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: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵ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 { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimSliderInfoScreenComponent, 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}.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)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span.active{background-color:var(--eui-c-success)!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)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span.active{background-color:var(--eui-c-danger)!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-2xl-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-l-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-l-compact)}.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: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: "pipe", type: i3.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-slider-info-screen', encapsulation: ViewEncapsulation.None, 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}.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)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span.active{background-color:var(--eui-c-success)!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)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span.active{background-color:var(--eui-c-danger)!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-2xl-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-l-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-l-compact)}.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"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1.GestureController }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { slides: [{

package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen.module.mjs

@@ -16,8 +16,8 @@ const COMPONENTS = [
     EuimSliderInfoScreenSubTitleDirective,
 ];
 export class EuimSliderInfoScreenModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenModule, declarations: [EuimSliderInfoScreenComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenModule, declarations: [EuimSliderInfoScreenComponent,
             EuimSlideInfoScreenComponent,
             EuimSliderInfoScreenContentDirective,
             EuimSliderInfoScreenTitleDirective,
@@ -28,11 +28,11 @@ export class EuimSliderInfoScreenModule {
             EuimSliderInfoScreenContentDirective,
             EuimSliderInfoScreenTitleDirective,
             EuimSliderInfoScreenSubTitleDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenModule, imports: [CommonModule,
             IonicModule,
             TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSliderInfoScreenModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/euim-spinner/euim-spinner-description/euim-spinner-description.component.mjs

@@ -5,10 +5,10 @@ export class EuimSpinnerDescriptionComponent {
     constructor() {
         this.className = 'euim-spinner-description';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSpinnerDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: EuimSpinnerDescriptionComponent, 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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSpinnerDescriptionComponent, 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 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSpinnerDescriptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerDescriptionComponent, decorators: [{
             type: Component,
             args: [{ selector: '[euimSpinnerDescription]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, 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"] }]
         }], propDecorators: { className: [{

package/esm2022/lib/components/euim-spinner/euim-spinner-message/euim-spinner-message.component.mjs

@@ -5,10 +5,10 @@ export class EuimSpinnerMessageComponent {
     constructor() {
         this.className = 'euim-spinner-message';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSpinnerMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: EuimSpinnerMessageComponent, 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)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSpinnerMessageComponent, 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)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSpinnerMessageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerMessageComponent, decorators: [{
             type: Component,
             args: [{ selector: '[euimSpinnerMessage]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".euim-spinner-message{font:var(--eui-f-m-compact);display:flex;justify-content:center;color:var(--eui-c-neutral)}\n"] }]
         }], propDecorators: { className: [{

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

@@ -5,10 +5,10 @@ export class EuimSpinnerComponent {
     constructor() {
         this.className = 'euim-spinner';
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: EuimSpinnerComponent, selector: "euim-spinner", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-spinner class=\"euim-spinner__icon\">\n</ion-spinner>\n<ng-content>\n</ng-content>\n\n\n", styles: [".euim-spinner{width:100%;margin:0;padding:0}.euim-spinner__icon{width:100%;height:var(--eui-s-2xl);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--primary{color:var(--eui-c-primary)}.euim-spinner--secondary{color:var(--eui-c-neutral-light)}.euim-spinner--info{color:var(--eui-c-info)}.euim-spinner--success{color:var(--eui-c-success)}.euim-spinner--warning{color:var(--eui-c-warning)}.euim-spinner--danger{color:var(--eui-c-danger)}.euim-spinner-message{font:var(--eui-f-m-compact);display:flex;justify-content:center;color:var(--eui-c-neutral)}.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: "component", type: i1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: EuimSpinnerComponent, selector: "euim-spinner", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-spinner class=\"euim-spinner__icon\">\n</ion-spinner>\n<ng-content>\n</ng-content>\n\n\n", styles: [".euim-spinner{width:100%;margin:0;padding:0}.euim-spinner__icon{width:100%;height:var(--eui-s-2xl);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--primary{color:var(--eui-c-primary)}.euim-spinner--secondary{color:var(--eui-c-neutral-light)}.euim-spinner--info{color:var(--eui-c-info)}.euim-spinner--success{color:var(--eui-c-success)}.euim-spinner--warning{color:var(--eui-c-warning)}.euim-spinner--danger{color:var(--eui-c-danger)}.euim-spinner-message{font:var(--eui-f-m-compact);display:flex;justify-content:center;color:var(--eui-c-neutral)}.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: "component", type: i1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSpinnerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-spinner', encapsulation: ViewEncapsulation.None, template: "<ion-spinner class=\"euim-spinner__icon\">\n</ion-spinner>\n<ng-content>\n</ng-content>\n\n\n", styles: [".euim-spinner{width:100%;margin:0;padding:0}.euim-spinner__icon{width:100%;height:var(--eui-s-2xl);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--primary{color:var(--eui-c-primary)}.euim-spinner--secondary{color:var(--eui-c-neutral-light)}.euim-spinner--info{color:var(--eui-c-info)}.euim-spinner--success{color:var(--eui-c-success)}.euim-spinner--warning{color:var(--eui-c-warning)}.euim-spinner--danger{color:var(--eui-c-danger)}.euim-spinner-message{font:var(--eui-f-m-compact);display:flex;justify-content:center;color:var(--eui-c-neutral)}.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"] }]
         }], propDecorators: { className: [{

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

@@ -7,19 +7,19 @@ import { EuimSpinnerMessageComponent } from './euim-spinner-message/euim-spinner
 import { EuimSpinnerDescriptionComponent } from './euim-spinner-description/euim-spinner-description.component';
 import * as i0 from "@angular/core";
 export class EuimSpinnerComponentModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSpinnerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimSpinnerComponentModule, declarations: [EuimSpinnerComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponentModule, declarations: [EuimSpinnerComponent,
             EuimSpinnerMessageComponent,
             EuimSpinnerDescriptionComponent], imports: [CommonModule,
             IonicModule,
             TranslateModule], exports: [EuimSpinnerComponent,
             EuimSpinnerMessageComponent,
             EuimSpinnerDescriptionComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSpinnerComponentModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponentModule, imports: [CommonModule,
             IonicModule,
             TranslateModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSpinnerComponentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimSpinnerComponentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker-datetime/euim-toolbar-datepicker-datetime.directive.mjs

@@ -25,10 +25,10 @@ export class EuimToolbarDatepickerDatetimeDirective {
             this.value = item.toISOString();
         });
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarDatepickerDatetimeDirective, deps: [{ token: i1.EuimToolbarDatepickerComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimToolbarDatepickerDatetimeDirective, 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 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerDatetimeDirective, deps: [{ token: i1.EuimToolbarDatepickerComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: EuimToolbarDatepickerDatetimeDirective, 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.10", ngImport: i0, type: EuimToolbarDatepickerDatetimeDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerDatetimeDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[euimToolbarDatepickerDatetime]',

package/esm2022/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.component.mjs

@@ -112,10 +112,10 @@ export class EuimToolbarDatepickerComponent {
     formatDateAndWeekDay() {
         this.weekDayName = this.weekdays[this.currentDate.getDay()];
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarDatepickerComponent, deps: [{ token: i1.BaseStatesDirective }, { token: i2.TranslateService }, { token: i3.ModalController }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: EuimToolbarDatepickerComponent, selector: "euim-toolbar-datepicker", inputs: { icon: "icon", title: "title", subTitle: "subTitle", euimPrevBtnDisabled: ["euimPrevBtnDisabled", "euimPrevBtnDisabled", booleanAttribute], euimNextBtnDisabled: ["euimNextBtnDisabled", "euimNextBtnDisabled", booleanAttribute], euimReadOnly: ["euimReadOnly", "euimReadOnly", booleanAttribute], selectDateBy: "selectDateBy" }, outputs: { prevBtnClick: "prevBtnClick", nextBtnClick: "nextBtnClick", dateChanged: "dateChanged" }, host: { listeners: { "window:popstate": "dismissModal($event)" }, properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.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-sharp\"\n                      color=\"light\"></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-sharp\"\n                          color=\"light\">\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-sharp\"\n                          color=\"light\"></ion-icon>\n            </ion-button>\n        </ion-buttons>\n    }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\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            [(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:has(ion-buttons ion-button ion-icon){--inner-padding-end: var(--eui-s-2xs)}.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%;width: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-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}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-is-l);height:var(--eui-is-l)}.euim-toolbar-datepicker__date{flex:0 1 auto}.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: "component", type: i3.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i3.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i3.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", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }, { kind: "component", type: i3.IonDatetimeButton, selector: "ion-datetime-button", inputs: ["color", "datetime", "disabled", "mode"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i3.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i3.IonModal, selector: "ion-modal" }, { kind: "directive", type: i3.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "component", type: i4.EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: i5.EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "component", type: i6.EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.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: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerComponent, deps: [{ token: i1.BaseStatesDirective }, { token: i2.TranslateService }, { token: i3.ModalController }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimToolbarDatepickerComponent, selector: "euim-toolbar-datepicker", inputs: { icon: "icon", title: "title", subTitle: "subTitle", euimPrevBtnDisabled: ["euimPrevBtnDisabled", "euimPrevBtnDisabled", booleanAttribute], euimNextBtnDisabled: ["euimNextBtnDisabled", "euimNextBtnDisabled", booleanAttribute], euimReadOnly: ["euimReadOnly", "euimReadOnly", booleanAttribute], selectDateBy: "selectDateBy" }, outputs: { prevBtnClick: "prevBtnClick", nextBtnClick: "nextBtnClick", dateChanged: "dateChanged" }, host: { listeners: { "window:popstate": "dismissModal($event)" }, properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: i1.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-sharp\"\n                      color=\"light\"></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-sharp\"\n                          color=\"light\">\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-sharp\"\n                          color=\"light\"></ion-icon>\n            </ion-button>\n        </ion-buttons>\n    }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\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            [(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:has(ion-buttons ion-button ion-icon){--inner-padding-end: var(--eui-s-2xs)}.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%;width: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-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}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-is-l);height:var(--eui-is-l)}.euim-toolbar-datepicker__date{flex:0 1 auto}.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: "component", type: i3.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i3.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i3.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", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }, { kind: "component", type: i3.IonDatetimeButton, selector: "ion-datetime-button", inputs: ["color", "datetime", "disabled", "mode"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i3.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i3.IonModal, selector: "ion-modal" }, { kind: "directive", type: i3.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "component", type: i4.EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: i5.EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "component", type: i6.EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.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.10", ngImport: i0, type: EuimToolbarDatepickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'euim-toolbar-datepicker', encapsulation: ViewEncapsulation.None, hostDirectives: [
                         {

package/esm2022/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.module.mjs

@@ -9,8 +9,8 @@ import { FormsModule } from '@angular/forms';
 import { EuimToolbarDatepickerDatetimeDirective } from './euim-toolbar-datepicker-datetime/euim-toolbar-datepicker-datetime.directive';
 import * as i0 from "@angular/core";
 export class EuimToolbarDatepickerModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarDatepickerModule, declarations: [EuimToolbarDatepickerComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerModule, declarations: [EuimToolbarDatepickerComponent,
             EuimToolbarDatepickerDatetimeDirective], imports: [CommonModule,
             IonicModule,
             TranslateModule,
@@ -18,14 +18,14 @@ export class EuimToolbarDatepickerModule {
             EuimLabelModule,
             FormsModule], exports: [EuimToolbarDatepickerComponent,
             EuimToolbarDatepickerDatetimeDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarDatepickerModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerModule, imports: [CommonModule,
             IonicModule,
             TranslateModule,
             EuimAvatarModule,
             EuimLabelModule,
             FormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarDatepickerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/euim-toolbar-qrcode/euim-toolbar-qrcode.component.mjs

@@ -0,0 +1,21 @@
+import { Component, Input, ViewEncapsulation, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "angularx-qrcode";
+export class EuimToolbarQrcodeComponent {
+    constructor() {
+        this.logoUrl = '';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarQrcodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimToolbarQrcodeComponent, 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: "component", type: i1.QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "margin", "qrdata", "scale", "version", "width"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarQrcodeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-toolbar-qrcode', encapsulation: ViewEncapsulation.None, 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: [{
+                type: Input
+            }], showCode: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpbS10b29sYmFyLXFyY29kZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvZXVpbS10b29sYmFyLXFyY29kZS9ldWltLXRvb2xiYXItcXJjb2RlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9ldWltLXRvb2xiYXItcXJjb2RlL2V1aW0tdG9vbGJhci1xcmNvZGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFNBQVMsRUFDVCxLQUFLLEVBQ0wsaUJBQWlCLEdBQ3BCLE1BQU0sZUFBZSxDQUFDOzs7QUFPdkIsTUFBTSxPQUFPLDBCQUEwQjtJQUx2QztRQVFXLFlBQU8sR0FBRyxFQUFFLENBQUM7S0FHdkI7a0lBTlksMEJBQTBCO3NIQUExQiwwQkFBMEIseUlDWHZDLDRXQU1ROzs0RkRLSywwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0kscUJBQXFCLGlCQUVoQixpQkFBaUIsQ0FBQyxJQUFJOzhCQUk5QixTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgSW5wdXQsXG4gICAgVmlld0VuY2Fwc3VsYXRpb24sXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aW0tdG9vbGJhci1xcmNvZGUnLFxuICAgIHRlbXBsYXRlVXJsOiAnZXVpbS10b29sYmFyLXFyY29kZS5jb21wb25lbnQuaHRtbCcsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbn0pXG5leHBvcnQgY2xhc3MgRXVpbVRvb2xiYXJRcmNvZGVDb21wb25lbnQge1xuICAgXG4gIEBJbnB1dCgpIHFyQ29kZVVybCA6IHN0cmluZztcbiAgQElucHV0KCkgbG9nb1VybCA9ICcnO1xuICBASW5wdXQoKSBzaG93Q29kZTtcblxufSIsIjxkaXY+XG4gICAgQGlmIChzaG93Q29kZSkge1xuICAgIDxxcmNvZGUgW3FyZGF0YV09XCJxckNvZGVVcmxcIiBbYWxsb3dFbXB0eVN0cmluZ109XCJ0cnVlXCIgW2Nzc0NsYXNzXT1cIidjZW50ZXInXCIgW2VsZW1lbnRUeXBlXT1cIidzdmcnXCJcbiAgICAgIFtlcnJvckNvcnJlY3Rpb25MZXZlbF09XCInTSdcIiBbbWFyZ2luXT1cIjRcIiBbc2NhbGVdPVwiMVwiIFt3aWR0aF09XCIxNjBcIj48L3FyY29kZT4gfVxuICAgIEBpZiAoIXNob3dDb2RlKSB7XG4gICAgQGlmIChsb2dvVXJsKSB7IDxpbWcgW3NyY109XCJsb2dvVXJsXCIgY2xhc3M9XCJldWltLWFib3V0X19hcHAtaW1nXCIgYWx0PVwiSW1hZ2VcIiAvPiB9IH1cbiAgPC9kaXY+Il19