npm - @eui/mobile-core - Versions diffs - 17.1.0-snapshot-1714377534577 → 17.1.0-snapshot-1714634322442 - Mend

@eui/mobile-core 17.1.0-snapshot-1714377534577 → 17.1.0-snapshot-1714634322442

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (85) hide show

package/fesm2022/eui-mobile-core.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import { coerceBoolean } from '@eui/base';
 export * from '@eui/base';
 import * as i0 from '@angular/core';
 import { Injectable, booleanAttribute, Directive, Input, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, NgModule, EventEmitter, Output, ContentChildren, ViewChild, HostListener, ContentChild } from '@angular/core';
@@ -19,10 +18,10 @@ import * as i2$2 from 'ng2-pdf-viewer';
 import { PdfViewerModule } from 'ng2-pdf-viewer';
 import * as i3 from '@meddv/ngx-pinch-zoom';
 import { PinchZoomModule } from '@meddv/ngx-pinch-zoom';
-import { __decorate } from 'tslib';
 import * as i1$3 from '@angular/platform-browser';
 import * as i2$3 from 'angularx-qrcode';
 import { QRCodeModule } from 'angularx-qrcode';
+import { FormsModule } from '@angular/forms';
 const initialState = {
     isLanguageListVisible: false,
@@ -223,7 +222,7 @@ class EuimLabelComponent {
         ].join(' ');
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimLabelComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.0", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: { euimLabelTruncateWithLines: "euimLabelTruncateWithLines", euimLabelTitle: ["euimLabelTitle", "euimLabelTitle", booleanAttribute], euimLabelSubTitle: ["euimLabelSubTitle", "euimLabelSubTitle", booleanAttribute], euimLabelMeta: ["euimLabelMeta", "euimLabelMeta", booleanAttribute], euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute] }, host: { properties: { "style.--euimLabelTruncateWithLines": "this.euimLabelTruncateWithLines", "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSize2XS", "euimSize2XS", "euimSizeXS", "euimSizeXS", "euimSizeS", "euimSizeS", "euimSizeM", "euimSizeM", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "euimSize2XL", "euimSize2XL", "euimSize3XL", "euimSize3XL", "euimSize4XL", "euimSize4XL", "color", "color"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-base-color-grey-100)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-base-spacing-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-base-spacing-2xs)}.euim-label__title{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-text)}.euim-label__title ion-icon{font-size:var(--eui-base-font-size-m)}.euim-label__sub-title,.euim-label__meta{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-75)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-base-font-size-m)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-base-spacing-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-base-color-primary-100)}.euim-label--secondary{color:var(--eui-base-color-grey-50)}.euim-label--default{color:var(--eui-base-color-grey-75)}.euim-label--dark{color:var(--eui-base-color-grey-100)}.euim-label--info{color:var(--eui-base-color-info-100)}.euim-label--success{color:var(--eui-base-color-success-100)}.euim-label--warning{color:var(--eui-base-color-warning-140)}.euim-label--warning ion-icon{color:var(--eui-base-color-warning-140)}.euim-label--danger{color:var(--eui-base-color-danger-100)}.euim-label--accent{color:var(--eui-base-color-accent-100)}.euim-label--size-2xs{font:var(--eui-base-font-size-2xs)}.euim-label--size-xs{font:var(--eui-base-font-size-xs)}.euim-label--size-s{font:var(--eui-base-font-size-s)}.euim-label--size-m{font:var(--eui-base-font-size-m)}.euim-label--size-l{font:var(--eui-base-font-size-l)}.euim-label--size-xl{font:var(--eui-base-font-size-xl)}.euim-label--size-2xl{font:var(--eui-base-font-size-2xl)}.euim-label--size-3xl{font:var(--eui-base-font-size-3xl)}.euim-label--size-4xl{font:var(--eui-base-font-size-4xl)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.0", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: { euimLabelTruncateWithLines: "euimLabelTruncateWithLines", euimLabelTitle: ["euimLabelTitle", "euimLabelTitle", booleanAttribute], euimLabelSubTitle: ["euimLabelSubTitle", "euimLabelSubTitle", booleanAttribute], euimLabelMeta: ["euimLabelMeta", "euimLabelMeta", booleanAttribute], euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute] }, host: { properties: { "style.--euimLabelTruncateWithLines": "this.euimLabelTruncateWithLines", "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSize2XS", "euimSize2XS", "euimSizeXS", "euimSizeXS", "euimSizeS", "euimSizeS", "euimSizeM", "euimSizeM", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "euimSize2XL", "euimSize2XL", "euimSize3XL", "euimSize3XL", "euimSize4XL", "euimSize4XL", "color", "color"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-base-color-grey-100)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-base-spacing-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-base-spacing-2xs)}.euim-label__title{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-text)}.euim-label__title ion-icon{font-size:var(--eui-base-font-size-m)}.euim-label__sub-title,.euim-label__meta{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-75)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-base-font-size-m)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-base-spacing-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-base-color-primary-100)}.euim-label--secondary{color:var(--eui-base-color-grey-50)}.euim-label--default{color:var(--eui-base-color-grey-75)}.euim-label--dark{color:var(--eui-base-color-grey-100)}.euim-label--info{color:var(--eui-base-color-info-100)}.euim-label--success{color:var(--eui-base-color-success-100)}.euim-label--warning{color:var(--eui-base-color-warning-140)}.euim-label--warning ion-icon{color:var(--eui-base-color-warning-140)}.euim-label--danger{color:var(--eui-base-color-danger-100)}.euim-label--accent{color:var(--eui-base-color-accent-100)}.euim-label--white{color:var(--eui-base-color-grey-0)}.euim-label--size-2xs{font:var(--eui-base-font-size-2xs)}.euim-label--size-xs{font:var(--eui-base-font-size-xs)}.euim-label--size-s{font:var(--eui-base-font-size-s)}.euim-label--size-m{font:var(--eui-base-font-size-m)}.euim-label--size-l{font:var(--eui-base-font-size-l)}.euim-label--size-xl{font:var(--eui-base-font-size-xl)}.euim-label--size-2xl{font:var(--eui-base-font-size-2xl)}.euim-label--size-3xl{font:var(--eui-base-font-size-3xl)}.euim-label--size-4xl{font:var(--eui-base-font-size-4xl)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimLabelComponent, decorators: [{
             type: Component,
@@ -243,7 +242,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                                 'color',
                             ],
                         },
-                    ], styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-base-color-grey-100)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-base-spacing-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-base-spacing-2xs)}.euim-label__title{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-text)}.euim-label__title ion-icon{font-size:var(--eui-base-font-size-m)}.euim-label__sub-title,.euim-label__meta{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-75)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-base-font-size-m)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-base-spacing-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-base-color-primary-100)}.euim-label--secondary{color:var(--eui-base-color-grey-50)}.euim-label--default{color:var(--eui-base-color-grey-75)}.euim-label--dark{color:var(--eui-base-color-grey-100)}.euim-label--info{color:var(--eui-base-color-info-100)}.euim-label--success{color:var(--eui-base-color-success-100)}.euim-label--warning{color:var(--eui-base-color-warning-140)}.euim-label--warning ion-icon{color:var(--eui-base-color-warning-140)}.euim-label--danger{color:var(--eui-base-color-danger-100)}.euim-label--accent{color:var(--eui-base-color-accent-100)}.euim-label--size-2xs{font:var(--eui-base-font-size-2xs)}.euim-label--size-xs{font:var(--eui-base-font-size-xs)}.euim-label--size-s{font:var(--eui-base-font-size-s)}.euim-label--size-m{font:var(--eui-base-font-size-m)}.euim-label--size-l{font:var(--eui-base-font-size-l)}.euim-label--size-xl{font:var(--eui-base-font-size-xl)}.euim-label--size-2xl{font:var(--eui-base-font-size-2xl)}.euim-label--size-3xl{font:var(--eui-base-font-size-3xl)}.euim-label--size-4xl{font:var(--eui-base-font-size-4xl)}\n"] }]
+                    ], styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-base-color-grey-100)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-base-spacing-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-base-spacing-2xs)}.euim-label__title{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-text)}.euim-label__title ion-icon{font-size:var(--eui-base-font-size-m)}.euim-label__sub-title,.euim-label__meta{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-75)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-base-font-size-m)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-base-spacing-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-base-color-primary-100)}.euim-label--secondary{color:var(--eui-base-color-grey-50)}.euim-label--default{color:var(--eui-base-color-grey-75)}.euim-label--dark{color:var(--eui-base-color-grey-100)}.euim-label--info{color:var(--eui-base-color-info-100)}.euim-label--success{color:var(--eui-base-color-success-100)}.euim-label--warning{color:var(--eui-base-color-warning-140)}.euim-label--warning ion-icon{color:var(--eui-base-color-warning-140)}.euim-label--danger{color:var(--eui-base-color-danger-100)}.euim-label--accent{color:var(--eui-base-color-accent-100)}.euim-label--white{color:var(--eui-base-color-grey-0)}.euim-label--size-2xs{font:var(--eui-base-font-size-2xs)}.euim-label--size-xs{font:var(--eui-base-font-size-xs)}.euim-label--size-s{font:var(--eui-base-font-size-s)}.euim-label--size-m{font:var(--eui-base-font-size-m)}.euim-label--size-l{font:var(--eui-base-font-size-l)}.euim-label--size-xl{font:var(--eui-base-font-size-xl)}.euim-label--size-2xl{font:var(--eui-base-font-size-2xl)}.euim-label--size-3xl{font:var(--eui-base-font-size-3xl)}.euim-label--size-4xl{font:var(--eui-base-font-size-4xl)}\n"] }]
         }], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimLabelTruncateWithLines: [{
                 type: HostBinding,
                 args: ['style.--euimLabelTruncateWithLines']
@@ -1042,7 +1041,7 @@ class EuimHeaderDetailsComponent {
         ].join(' ');
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimHeaderDetailsComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: EuimHeaderDetailsComponent, selector: "euim-header-details", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-base-spacing-m);display:block;text-align:center;background-color:var(--eui-base-color-grey-5);border-bottom:1px solid var(--eui-base-color-grey-20)}.euim-header-details--primary{background-color:var(--eui-base-color-primary-100);border-bottom:none}.euim-header-details--primary .euim-header-details__title,.euim-header-details--primary .euim-header-details__meta{color:var(--eui-base-color-white)}.euim-header-details__title{font:var(--eui-base-font-m);margin-bottom:var(--eui-base-spacing-2xs);color:var(--eui-base-color-grey-100)}.euim-header-details__meta{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s);margin-bottom:var(--eui-base-spacing-2xs)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-base-spacing-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: EuimHeaderDetailsComponent, selector: "euim-header-details", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-base-spacing-m);display:block;text-align:center;background-color:var(--eui-base-color-grey-5);border-bottom:1px solid var(--eui-base-color-grey-20)}.euim-header-details--primary{background-color:var(--eui-base-color-primary-100);border-bottom:none}.euim-header-details--primary .euim-header-details__title,.euim-header-details--primary .euim-header-details__meta{color:var(--eui-base-color-white)}.euim-header-details__title{font:var(--eui-base-font-m);color:var(--eui-base-color-grey-100);font-weight:700}.euim-header-details__meta{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-base-spacing-xs)}.euim-header-details__title+.euim-header-details__meta,.euim-header-details__meta+.euim-header-details__meta{margin-top:var(--eui-base-spacing-2xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimHeaderDetailsComponent, decorators: [{
             type: Component,
@@ -1053,7 +1052,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                                 'color',
                             ],
                         },
-                    ], template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-base-spacing-m);display:block;text-align:center;background-color:var(--eui-base-color-grey-5);border-bottom:1px solid var(--eui-base-color-grey-20)}.euim-header-details--primary{background-color:var(--eui-base-color-primary-100);border-bottom:none}.euim-header-details--primary .euim-header-details__title,.euim-header-details--primary .euim-header-details__meta{color:var(--eui-base-color-white)}.euim-header-details__title{font:var(--eui-base-font-m);margin-bottom:var(--eui-base-spacing-2xs);color:var(--eui-base-color-grey-100)}.euim-header-details__meta{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s);margin-bottom:var(--eui-base-spacing-2xs)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-base-spacing-xs)}\n"] }]
+                    ], template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-base-spacing-m);display:block;text-align:center;background-color:var(--eui-base-color-grey-5);border-bottom:1px solid var(--eui-base-color-grey-20)}.euim-header-details--primary{background-color:var(--eui-base-color-primary-100);border-bottom:none}.euim-header-details--primary .euim-header-details__title,.euim-header-details--primary .euim-header-details__meta{color:var(--eui-base-color-white)}.euim-header-details__title{font:var(--eui-base-font-m);color:var(--eui-base-color-grey-100);font-weight:700}.euim-header-details__meta{color:var(--eui-base-color-grey-75);font:var(--eui-base-font-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-base-spacing-xs)}.euim-header-details__title+.euim-header-details__meta,.euim-header-details__meta+.euim-header-details__meta{margin-top:var(--eui-base-spacing-2xs)}\n"] }]
         }], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']
@@ -3272,13 +3271,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
 class EuimAboutComponent {
     constructor() {
-        this.showCode = false;
         this.logoUrl = '';
         this.changelogExists = false;
         this.privacyStatementExists = false;
         this.helpSupportExists = false;
         this.legalNoticeExists = false;
         this.openSourceLicencesExists = false;
+        this.showCode = false;
     }
     toggleQRCode() {
         this.showCode = !this.showCode;
@@ -3291,14 +3290,11 @@ class EuimAboutComponent {
         this.openSourceLicencesExists = !!this.openSourceLicences;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimAboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimAboutComponent, selector: "euim-about", inputs: { showCode: "showCode", version: "version", releaseDate: "releaseDate", qrCodeUrl: "qrCodeUrl", logoUrl: "logoUrl", appName: "appName" }, queries: [{ propertyName: "changelog", first: true, predicate: EuimChangelogComponent, descendants: true }, { propertyName: "privacyStatement", first: true, predicate: EuimPrivacyStatementComponent, descendants: true }, { propertyName: "helpSupport", first: true, predicate: EuimHelpSupportComponent, descendants: true }, { propertyName: "legalNotice", first: true, predicate: EuimLegalNoticeComponent, descendants: true }, { propertyName: "openSourceLicences", first: true, predicate: EuimOpenSourceLicencesComponent, descendants: true }], ngImport: i0, template: "<div class=\"euim-about\">\r\n  <ion-header>\r\n    <ion-toolbar color=\"primary\">\r\n      <euim-toolbar>\r\n        <euim-toolbar-title><strong>About</strong></euim-toolbar-title>\r\n        @if (qrCodeUrl) {\r\n        <euim-toolbar-action-items>\r\n          <ion-label (click)=\"toggleQRCode()\" class=\"euim-about__toolbar-action-items\">\r\n            <strong>{{ showCode ? 'HIDE QR CODE' : 'SHOW QR CODE' }}</strong>\r\n          </ion-label>\r\n        </euim-toolbar-action-items> }\r\n      </euim-toolbar>\r\n    </ion-toolbar>\r\n\r\n    <euim-header-details color=\"primary\">\r\n        <div euimHeaderDetailsIcon>\r\n          @if (showCode) {\r\n          <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\"\r\n            [elementType]=\"'svg'\" [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\r\n          @if (!showCode) {\r\n          @if (logoUrl) { <img [src]=\"logoUrl\" class=\"euim-about__app-img\" alt=\"Image\" /> } }\r\n        </div>\r\n        @if (appName) {\r\n        <div euimHeaderDetailsTitle><strong>{{appName}}</strong></div> }\r\n        @if (version) {\r\n        <div euimHeaderDetailsMeta>version {{version}}</div> }\r\n        @if (releaseDate) {\r\n        <div euimHeaderDetailsMeta>Built on {{releaseDate}}</div> }\r\n    </euim-header-details>\r\n  </ion-header>\r\n\r\n  <ion-list>\r\n    <ion-list-header class=\"euim-about__list-header\">\r\n      <div euimLabel>ABOUT THIS APP</div>\r\n    </ion-list-header>\r\n    <div class=\"euim-about__items\">\r\n      @if (changelogExists) {\r\n      <ion-item class=\"euim-about__item\">\r\n        <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\r\n        <div euimLabel class=\"euim-about__label\">Change Log</div>\r\n      </ion-item>\r\n      }\r\n      @if (privacyStatementExists) {\r\n      <ion-item class=\"euim-about__item\">\r\n        <ion-icon name=\"finger-print-sharp\" slot=\"start\"></ion-icon>\r\n        <div euimLabel class=\"euim-about__label\">Privacy Statement</div>\r\n      </ion-item>\r\n      }\r\n      @if (openSourceLicencesExists) {\r\n      <ion-item class=\"euim-about__item\">\r\n        <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n        <div euimLabel class=\"euim-about__label\">Open source Licences</div>\r\n      </ion-item> }\r\n      @if (legalNoticeExists) {\r\n      <ion-item class=\"euim-about__item\">\r\n        <ion-icon name=\"library-outline\" slot=\"start\"></ion-icon>\r\n        <div euimLabel class=\"euim-about__label\">Legal Notice</div>\r\n      </ion-item> }\r\n      @if (helpSupport) {\r\n      <ion-item class=\"euim-about__item\">\r\n        <ion-icon name=\"mail-outline\" slot=\"start\"></ion-icon>\r\n        <div euimLabel class=\"euim-about__label\">Help & Support</div>\r\n      </ion-item> }\r\n    </div>\r\n  </ion-list>\r\n</div>", styles: [".euim-about euim-toolbar-title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.euim-about euim-toolbar-action-items ion-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.euim-about ion-label{margin-inline-end:var(--eui-base-spacing-m);cursor:pointer}.euim-about__label{min-height:var(--eui-base-spacing-2xs);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);display:grid;gap:var(--eui-base-spacing-2xs)}.euim-about__list-header{color:var(--eui-base-color-grey-100);display:grid;gap:var(--eui-base-spacing-m)}.euim-about__item ion-icon{color:var(--eui-base-color-grey-100);margin-inline-end:var(--eui-base-spacing-m)}.euim-about__app-img{width:var(--eui-base-spacing-4xl);height:var(--eui-base-spacing-4xl);border-radius:var(--eui-base-spacing-m);border:calc(var(--eui-base-spacing-2xs) / 2) solid var(--eui-base-color-white)}.euim-about[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}\n"], dependencies: [{ kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2$3.QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "margin", "qrdata", "scale", "version", "width"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: EuimToolbarActionItemsComponent, selector: "euim-toolbar-action-items" }, { kind: "component", type: EuimHeaderDetailsComponent, selector: "euim-header-details" }, { kind: "directive", type: EuimHeaderDetailsTitleDirective, selector: "[euimHeaderDetailsTitle]" }, { kind: "directive", type: EuimHeaderDetailsMetaDirective, selector: "[euimHeaderDetailsMeta]" }, { kind: "directive", type: EuimHeaderDetailsIconDirective, selector: "[euimHeaderDetailsIcon]" }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimAboutComponent, selector: "euim-about", inputs: { version: "version", releaseDate: "releaseDate", qrCodeUrl: "qrCodeUrl", logoUrl: "logoUrl", appName: "appName" }, queries: [{ propertyName: "changelog", first: true, predicate: EuimChangelogComponent, descendants: true }, { propertyName: "privacyStatement", first: true, predicate: EuimPrivacyStatementComponent, descendants: true }, { propertyName: "helpSupport", first: true, predicate: EuimHelpSupportComponent, descendants: true }, { propertyName: "legalNotice", first: true, predicate: EuimLegalNoticeComponent, descendants: true }, { propertyName: "openSourceLicences", first: true, predicate: EuimOpenSourceLicencesComponent, descendants: true }], ngImport: i0, template: "<div class=\"euim-about\">\r\n  <ion-header>\r\n    <ion-toolbar color=\"primary\">\r\n      <euim-toolbar>\r\n        <euim-toolbar-title><strong>About</strong></euim-toolbar-title>\r\n        @if (qrCodeUrl) {\r\n        <euim-toolbar-action-items>\r\n          <ion-label (click)=\"toggleQRCode()\" class=\"euim-about__toolbar-action-items\">\r\n            <strong>{{ showCode ? 'HIDE QR CODE' : 'SHOW QR CODE' }}</strong>\r\n          </ion-label>\r\n        </euim-toolbar-action-items> }\r\n      </euim-toolbar>\r\n    </ion-toolbar>\r\n\r\n    <euim-header-details color=\"primary\">\r\n        <div euimHeaderDetailsIcon>\r\n          @if (showCode) {\r\n          <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\"\r\n            [elementType]=\"'svg'\" [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\r\n          @if (!showCode) {\r\n          @if (logoUrl) { <img [src]=\"logoUrl\" class=\"euim-about__app-img\" alt=\"Image\" /> } }\r\n        </div>\r\n        @if (appName) {\r\n        <div euimHeaderDetailsTitle><strong>{{appName}}</strong></div> }\r\n        @if (version) {\r\n        <div euimHeaderDetailsMeta>version {{version}}</div> }\r\n        @if (releaseDate) {\r\n        <div euimHeaderDetailsMeta>Built on {{releaseDate}}</div> }\r\n    </euim-header-details>\r\n  </ion-header>\r\n  <ion-list>\r\n    <ion-list-header>\r\n      <div euimLabel>ABOUT THIS APP</div>\r\n    </ion-list-header>\r\n      @if (changelogExists) {\r\n      <ion-item>\r\n        <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\r\n        <div euimLabel>Change Log</div>\r\n      </ion-item>\r\n      }\r\n      @if (privacyStatementExists) {\r\n      <ion-item>\r\n        <ion-icon name=\"finger-print-sharp\" slot=\"start\"></ion-icon>\r\n        <div euimLabel>Privacy Statement</div>\r\n      </ion-item>\r\n      }\r\n      @if (openSourceLicencesExists) {\r\n      <ion-item>\r\n        <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n        <div euimLabel>Open source Licences</div>\r\n      </ion-item> }\r\n      @if (legalNoticeExists) {\r\n      <ion-item>\r\n        <ion-icon name=\"library-outline\" slot=\"start\"></ion-icon>\r\n        <div euimLabel>Legal Notice</div>\r\n      </ion-item> }\r\n      @if (helpSupport) {\r\n      <ion-item>\r\n        <ion-icon name=\"mail-outline\" slot=\"start\"></ion-icon>\r\n        <div euimLabel>Help & Support</div>\r\n      </ion-item> }\r\n  </ion-list>\r\n</div>", styles: [".euim-about euim-toolbar-title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.euim-about euim-toolbar-action-items ion-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.euim-about ion-label{margin-inline-end:var(--eui-base-spacing-m);cursor:pointer}.euim-about ion-icon{color:var(--eui-base-color-grey-100);margin-inline-end:var(--eui-base-spacing-m)}.euim-about__app-img{width:var(--eui-base-spacing-4xl);height:var(--eui-base-spacing-4xl);border-radius:var(--eui-base-spacing-m);border:calc(var(--eui-base-spacing-2xs) / 2) solid var(--eui-base-color-white)}.euim-about[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}\n"], dependencies: [{ kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2$3.QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "margin", "qrdata", "scale", "version", "width"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: EuimToolbarActionItemsComponent, selector: "euim-toolbar-action-items" }, { kind: "component", type: EuimHeaderDetailsComponent, selector: "euim-header-details" }, { kind: "directive", type: EuimHeaderDetailsTitleDirective, selector: "[euimHeaderDetailsTitle]" }, { kind: "directive", type: EuimHeaderDetailsMetaDirective, selector: "[euimHeaderDetailsMeta]" }, { kind: "directive", type: EuimHeaderDetailsIconDirective, selector: "[euimHeaderDetailsIcon]" }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-__decorate([
-    coerceBoolean
-], EuimAboutComponent.prototype, "showCode", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimAboutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-about', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-about\">\r\n  <ion-header>\r\n    <ion-toolbar color=\"primary\">\r\n      <euim-toolbar>\r\n        <euim-toolbar-title><strong>About</strong></euim-toolbar-title>\r\n        @if (qrCodeUrl) {\r\n        <euim-toolbar-action-items>\r\n          <ion-label (click)=\"toggleQRCode()\" class=\"euim-about__toolbar-action-items\">\r\n            <strong>{{ showCode ? 'HIDE QR CODE' : 'SHOW QR CODE' }}</strong>\r\n          </ion-label>\r\n        </euim-toolbar-action-items> }\r\n      </euim-toolbar>\r\n    </ion-toolbar>\r\n\r\n    <euim-header-details color=\"primary\">\r\n        <div euimHeaderDetailsIcon>\r\n          @if (showCode) {\r\n          <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\"\r\n            [elementType]=\"'svg'\" [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\r\n          @if (!showCode) {\r\n          @if (logoUrl) { <img [src]=\"logoUrl\" class=\"euim-about__app-img\" alt=\"Image\" /> } }\r\n        </div>\r\n        @if (appName) {\r\n        <div euimHeaderDetailsTitle><strong>{{appName}}</strong></div> }\r\n        @if (version) {\r\n        <div euimHeaderDetailsMeta>version {{version}}</div> }\r\n        @if (releaseDate) {\r\n        <div euimHeaderDetailsMeta>Built on {{releaseDate}}</div> }\r\n    </euim-header-details>\r\n  </ion-header>\r\n\r\n  <ion-list>\r\n    <ion-list-header class=\"euim-about__list-header\">\r\n      <div euimLabel>ABOUT THIS APP</div>\r\n    </ion-list-header>\r\n    <div class=\"euim-about__items\">\r\n      @if (changelogExists) {\r\n      <ion-item class=\"euim-about__item\">\r\n        <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\r\n        <div euimLabel class=\"euim-about__label\">Change Log</div>\r\n      </ion-item>\r\n      }\r\n      @if (privacyStatementExists) {\r\n      <ion-item class=\"euim-about__item\">\r\n        <ion-icon name=\"finger-print-sharp\" slot=\"start\"></ion-icon>\r\n        <div euimLabel class=\"euim-about__label\">Privacy Statement</div>\r\n      </ion-item>\r\n      }\r\n      @if (openSourceLicencesExists) {\r\n      <ion-item class=\"euim-about__item\">\r\n        <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n        <div euimLabel class=\"euim-about__label\">Open source Licences</div>\r\n      </ion-item> }\r\n      @if (legalNoticeExists) {\r\n      <ion-item class=\"euim-about__item\">\r\n        <ion-icon name=\"library-outline\" slot=\"start\"></ion-icon>\r\n        <div euimLabel class=\"euim-about__label\">Legal Notice</div>\r\n      </ion-item> }\r\n      @if (helpSupport) {\r\n      <ion-item class=\"euim-about__item\">\r\n        <ion-icon name=\"mail-outline\" slot=\"start\"></ion-icon>\r\n        <div euimLabel class=\"euim-about__label\">Help & Support</div>\r\n      </ion-item> }\r\n    </div>\r\n  </ion-list>\r\n</div>", styles: [".euim-about euim-toolbar-title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.euim-about euim-toolbar-action-items ion-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.euim-about ion-label{margin-inline-end:var(--eui-base-spacing-m);cursor:pointer}.euim-about__label{min-height:var(--eui-base-spacing-2xs);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);display:grid;gap:var(--eui-base-spacing-2xs)}.euim-about__list-header{color:var(--eui-base-color-grey-100);display:grid;gap:var(--eui-base-spacing-m)}.euim-about__item ion-icon{color:var(--eui-base-color-grey-100);margin-inline-end:var(--eui-base-spacing-m)}.euim-about__app-img{width:var(--eui-base-spacing-4xl);height:var(--eui-base-spacing-4xl);border-radius:var(--eui-base-spacing-m);border:calc(var(--eui-base-spacing-2xs) / 2) solid var(--eui-base-color-white)}.euim-about[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}\n"] }]
+            args: [{ selector: 'euim-about', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-about\">\r\n  <ion-header>\r\n    <ion-toolbar color=\"primary\">\r\n      <euim-toolbar>\r\n        <euim-toolbar-title><strong>About</strong></euim-toolbar-title>\r\n        @if (qrCodeUrl) {\r\n        <euim-toolbar-action-items>\r\n          <ion-label (click)=\"toggleQRCode()\" class=\"euim-about__toolbar-action-items\">\r\n            <strong>{{ showCode ? 'HIDE QR CODE' : 'SHOW QR CODE' }}</strong>\r\n          </ion-label>\r\n        </euim-toolbar-action-items> }\r\n      </euim-toolbar>\r\n    </ion-toolbar>\r\n\r\n    <euim-header-details color=\"primary\">\r\n        <div euimHeaderDetailsIcon>\r\n          @if (showCode) {\r\n          <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\"\r\n            [elementType]=\"'svg'\" [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\r\n          @if (!showCode) {\r\n          @if (logoUrl) { <img [src]=\"logoUrl\" class=\"euim-about__app-img\" alt=\"Image\" /> } }\r\n        </div>\r\n        @if (appName) {\r\n        <div euimHeaderDetailsTitle><strong>{{appName}}</strong></div> }\r\n        @if (version) {\r\n        <div euimHeaderDetailsMeta>version {{version}}</div> }\r\n        @if (releaseDate) {\r\n        <div euimHeaderDetailsMeta>Built on {{releaseDate}}</div> }\r\n    </euim-header-details>\r\n  </ion-header>\r\n  <ion-list>\r\n    <ion-list-header>\r\n      <div euimLabel>ABOUT THIS APP</div>\r\n    </ion-list-header>\r\n      @if (changelogExists) {\r\n      <ion-item>\r\n        <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\r\n        <div euimLabel>Change Log</div>\r\n      </ion-item>\r\n      }\r\n      @if (privacyStatementExists) {\r\n      <ion-item>\r\n        <ion-icon name=\"finger-print-sharp\" slot=\"start\"></ion-icon>\r\n        <div euimLabel>Privacy Statement</div>\r\n      </ion-item>\r\n      }\r\n      @if (openSourceLicencesExists) {\r\n      <ion-item>\r\n        <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n        <div euimLabel>Open source Licences</div>\r\n      </ion-item> }\r\n      @if (legalNoticeExists) {\r\n      <ion-item>\r\n        <ion-icon name=\"library-outline\" slot=\"start\"></ion-icon>\r\n        <div euimLabel>Legal Notice</div>\r\n      </ion-item> }\r\n      @if (helpSupport) {\r\n      <ion-item>\r\n        <ion-icon name=\"mail-outline\" slot=\"start\"></ion-icon>\r\n        <div euimLabel>Help & Support</div>\r\n      </ion-item> }\r\n  </ion-list>\r\n</div>", styles: [".euim-about euim-toolbar-title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.euim-about euim-toolbar-action-items ion-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.euim-about ion-label{margin-inline-end:var(--eui-base-spacing-m);cursor:pointer}.euim-about ion-icon{color:var(--eui-base-color-grey-100);margin-inline-end:var(--eui-base-spacing-m)}.euim-about__app-img{width:var(--eui-base-spacing-4xl);height:var(--eui-base-spacing-4xl);border-radius:var(--eui-base-spacing-m);border:calc(var(--eui-base-spacing-2xs) / 2) solid var(--eui-base-color-white)}.euim-about[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}\n"] }]
         }], propDecorators: { changelog: [{
                 type: ContentChild,
                 args: [EuimChangelogComponent]
@@ -3314,8 +3310,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
             }], openSourceLicences: [{
                 type: ContentChild,
                 args: [EuimOpenSourceLicencesComponent]
-            }], showCode: [{
-                type: Input
             }], version: [{
                 type: Input
             }], releaseDate: [{
@@ -3408,6 +3402,209 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 }]
         }] });
+class EuimToolbarDatepickerComponent {
+    get cssClasses() {
+        return this.getCssClasses();
+    }
+    constructor(baseStatesDirective) {
+        this.baseStatesDirective = baseStatesDirective;
+        this.icon = 'calendar-clear-sharp';
+        this.prevBtnClick = new EventEmitter();
+        this.nextBtnClick = new EventEmitter();
+        this.dateChanged = new EventEmitter();
+        this.weekdays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+        this._dateTimeId = 'date';
+        this.dateTimeId = crypto.randomUUID();
+        this.currentDate = new Date();
+    }
+    get dateTimeId() {
+        return this._dateTimeId;
+    }
+    set dateTimeId(val) {
+        this._dateTimeId = val;
+    }
+    ngOnInit() {
+        if (!this.baseStatesDirective.color) {
+            this.baseStatesDirective.color = 'primary';
+        }
+        this.formatDateAndWeekDay();
+    }
+    getCssClasses() {
+        return [
+            this.baseStatesDirective.getCssClasses('euim-toolbar-datepicker'),
+        ].join(' ');
+    }
+    updateCurrentDate(date) {
+        this.currentDate = (new Date(date));
+        this.dateChanged.emit(this.currentDate);
+        this.formatDateAndWeekDay();
+    }
+    calendarDateChanged(event) {
+        this.currentDate = (new Date(event.detail.value));
+        this.dateChanged.emit(this.currentDate);
+        this.formatDateAndWeekDay();
+    }
+    selectPrevDate() {
+        this.currentDate.setDate(this.currentDate.getDate() - 1);
+        this.formatDateAndWeekDay();
+        this.prevBtnClick.emit(this.currentDate);
+    }
+    selectNextDate() {
+        this.currentDate.setDate(this.currentDate.getDate() + 1);
+        this.formatDateAndWeekDay();
+        this.nextBtnClick.emit(this.currentDate);
+    }
+    formatDateAndWeekDay() {
+        this.weekDayName = this.weekdays[this.currentDate.getDay()];
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimToolbarDatepickerComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", 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] }, outputs: { prevBtnClick: "prevBtnClick", nextBtnClick: "nextBtnClick", dateChanged: "dateChanged" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ion-item class=\"euim-toolbar-datepicker__item\"\n           color=\"primary\">\n    <euim-avatar-icon  fill=\"clear\" slot=\"start\" >\n        <ion-icon [name]=\"icon\"\n                  class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n    </euim-avatar-icon>\n    <ion-label class=\"euim-toolbar-datepicker__date\"\n               position=\"fixed\"\n    >\n        <div euimLabel euimLabelTitle disabled=\"euimReadOnly\">{{!title ? this.weekDayName : title}}</div>\n        @if (!subTitle) {\n            <div >\n                <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button\"\n                                     [datetime]=\"dateTimeId\"\n                                     [disabled]=\"euimReadOnly\">\n                </ion-datetime-button>\n            </div>\n        } @else {\n            <div euimLabel euimLabelSubTitle\n                 disabled=\"euimReadOnly\">{{subTitle}}</div>\n        }\n    </ion-label>\n\n    @if (!euimReadOnly){\n        <ion-label >\n            <ion-icon class=\"flexi-time-toolbar-date-selector__datetime-caret\"\n                      name=\"caret-down-sharp\"\n                      id=\"open-modal\"></ion-icon>\n        </ion-label>\n    }\n\n    @if (!euimReadOnly) {\n        <ion-buttons>\n            <ion-button class=\"euim-toolbar-datepicker__nav-button\"\n                        (click)=\"selectPrevDate()\"\n                        [disabled] = \"euimPrevBtnDisabled\">\n                <ion-icon name=\"chevron-back-circle-sharp\"\n                          slot=\"icon-only\" color=\"light\"\n                >\n                </ion-icon>\n            </ion-button>\n            <ion-button class=\"euim-toolbar-datepicker__nav-button\"\n                        (click)=\"selectNextDate()\"\n                        [disabled]=\"euimNextBtnDisabled\">\n                <ion-icon name=\"chevron-forward-circle-sharp\" slot=\"icon-only\"></ion-icon>\n            </ion-button>\n        </ion-buttons>\n    }\n</ion-item>\n\n<ion-modal [keepContentsMounted]=\"true\"\n           trigger=\"open-modal\">\n    <ng-template>\n        <ng-content select=\"ion-datetime\"></ng-content>\n    </ng-template>\n</ion-modal>\n", styles: [".euim-toolbar-datepicker ion-item:has(ion-buttons ion-button ion-icon){--inner-padding-end: var(--eui-base-spacing-2xs)}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-base-spacing-l);margin-right:var(--eui-base-spacing-l);width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-toolbar-datepicker__day{font:var(--eui-base-font-m);font-weight:700}.euim-toolbar-datepicker__datetime-button::part(native){display:block;background:var(--eui-base-color-primary);color:#fff;padding:0;margin:0;font-size:var(--eui-base-font-m)}.euim-toolbar-datepicker__datetime-button{display:block}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-base-spacing-xs)}.euim-toolbar-datepicker__date-chevrons ion-icon{margin:var(--eui-base-spacing-m);cursor:pointer}.euim-toolbar-datepicker__nav-button{width:3.125rem!important;height:3.125rem!important}.euim-toolbar-datepicker__nav-button .ion-icon{width:1.625rem;height:1.625rem}.euim-toolbar-datepicker__date{display:inline-table!important}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__calendar,.euim-toolbar-datepicker--primary .euim-label{color:#fff}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-base-color-primary);color:#fff}\n"], dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonDatetimeButton, selector: "ion-datetime-button", inputs: ["color", "datetime", "disabled", "mode"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonModal, selector: "ion-modal", inputs: ["animated", "keepContentsMounted", "backdropBreakpoint", "backdropDismiss", "breakpoints", "canDismiss", "cssClass", "enterAnimation", "event", "handle", "handleBehavior", "initialBreakpoint", "isOpen", "keyboardClose", "leaveAnimation", "mode", "presentingElement", "showBackdrop", "swipeToClose", "translucent", "trigger"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimToolbarDatepickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-toolbar-datepicker', encapsulation: ViewEncapsulation.None, hostDirectives: [
+                        {
+                            directive: BaseStatesDirective,
+                            inputs: [
+                                'color',
+                            ],
+                        },
+                    ], template: "<ion-item class=\"euim-toolbar-datepicker__item\"\n           color=\"primary\">\n    <euim-avatar-icon  fill=\"clear\" slot=\"start\" >\n        <ion-icon [name]=\"icon\"\n                  class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n    </euim-avatar-icon>\n    <ion-label class=\"euim-toolbar-datepicker__date\"\n               position=\"fixed\"\n    >\n        <div euimLabel euimLabelTitle disabled=\"euimReadOnly\">{{!title ? this.weekDayName : title}}</div>\n        @if (!subTitle) {\n            <div >\n                <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button\"\n                                     [datetime]=\"dateTimeId\"\n                                     [disabled]=\"euimReadOnly\">\n                </ion-datetime-button>\n            </div>\n        } @else {\n            <div euimLabel euimLabelSubTitle\n                 disabled=\"euimReadOnly\">{{subTitle}}</div>\n        }\n    </ion-label>\n\n    @if (!euimReadOnly){\n        <ion-label >\n            <ion-icon class=\"flexi-time-toolbar-date-selector__datetime-caret\"\n                      name=\"caret-down-sharp\"\n                      id=\"open-modal\"></ion-icon>\n        </ion-label>\n    }\n\n    @if (!euimReadOnly) {\n        <ion-buttons>\n            <ion-button class=\"euim-toolbar-datepicker__nav-button\"\n                        (click)=\"selectPrevDate()\"\n                        [disabled] = \"euimPrevBtnDisabled\">\n                <ion-icon name=\"chevron-back-circle-sharp\"\n                          slot=\"icon-only\" color=\"light\"\n                >\n                </ion-icon>\n            </ion-button>\n            <ion-button class=\"euim-toolbar-datepicker__nav-button\"\n                        (click)=\"selectNextDate()\"\n                        [disabled]=\"euimNextBtnDisabled\">\n                <ion-icon name=\"chevron-forward-circle-sharp\" slot=\"icon-only\"></ion-icon>\n            </ion-button>\n        </ion-buttons>\n    }\n</ion-item>\n\n<ion-modal [keepContentsMounted]=\"true\"\n           trigger=\"open-modal\">\n    <ng-template>\n        <ng-content select=\"ion-datetime\"></ng-content>\n    </ng-template>\n</ion-modal>\n", styles: [".euim-toolbar-datepicker ion-item:has(ion-buttons ion-button ion-icon){--inner-padding-end: var(--eui-base-spacing-2xs)}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-base-spacing-l);margin-right:var(--eui-base-spacing-l);width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-toolbar-datepicker__day{font:var(--eui-base-font-m);font-weight:700}.euim-toolbar-datepicker__datetime-button::part(native){display:block;background:var(--eui-base-color-primary);color:#fff;padding:0;margin:0;font-size:var(--eui-base-font-m)}.euim-toolbar-datepicker__datetime-button{display:block}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-base-spacing-xs)}.euim-toolbar-datepicker__date-chevrons ion-icon{margin:var(--eui-base-spacing-m);cursor:pointer}.euim-toolbar-datepicker__nav-button{width:3.125rem!important;height:3.125rem!important}.euim-toolbar-datepicker__nav-button .ion-icon{width:1.625rem;height:1.625rem}.euim-toolbar-datepicker__date{display:inline-table!important}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__calendar,.euim-toolbar-datepicker--primary .euim-label{color:#fff}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-base-color-primary);color:#fff}\n"] }]
+        }], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { icon: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], subTitle: [{
+                type: Input
+            }], euimPrevBtnDisabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], euimNextBtnDisabled: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], euimReadOnly: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], prevBtnClick: [{
+                type: Output
+            }], nextBtnClick: [{
+                type: Output
+            }], dateChanged: [{
+                type: Output
+            }], cssClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+class EuimToolbarDatepickerDatetimeDirective {
+    constructor(euimToolbarDatepickerComponent) {
+        this.euimToolbarDatepickerComponent = euimToolbarDatepickerComponent;
+        this.className = 'euim-toolbar-datepicker';
+        this.showDefaultButtons = true;
+        this.size = 'cover';
+        this.presentation = 'date';
+        this.displayFormat = 'DD-MM-YYYY';
+    }
+    onIonChange(event) {
+        this.euimToolbarDatepickerComponent.calendarDateChanged(event);
+    }
+    ngOnInit() {
+        this.id = this.euimToolbarDatepickerComponent.dateTimeId;
+        if (this.value) {
+            this.euimToolbarDatepickerComponent.updateCurrentDate(this.value);
+        }
+        this.euimToolbarDatepickerComponent.prevBtnClick.subscribe((item) => {
+            this.value = item.toISOString();
+        });
+        this.euimToolbarDatepickerComponent.nextBtnClick.subscribe((item) => {
+            this.value = item.toISOString();
+        });
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimToolbarDatepickerDatetimeDirective, deps: [{ token: EuimToolbarDatepickerComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.0", 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: "17.3.0", ngImport: i0, type: EuimToolbarDatepickerDatetimeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[euimToolbarDatepickerDatetime]',
+                }]
+        }], ctorParameters: () => [{ type: EuimToolbarDatepickerComponent }], propDecorators: { className: [{
+                type: HostBinding,
+                args: ['class']
+            }], value: [{
+                type: HostBinding,
+                args: ['value']
+            }, {
+                type: Input
+            }], showDefaultButtons: [{
+                type: HostBinding,
+                args: ['showDefaultButtons']
+            }, {
+                type: Input
+            }], id: [{
+                type: HostBinding,
+                args: ['id']
+            }, {
+                type: Input
+            }], size: [{
+                type: HostBinding,
+                args: ['size']
+            }, {
+                type: Input
+            }], presentation: [{
+                type: HostBinding,
+                args: ['presentation']
+            }, {
+                type: Input
+            }], displayFormat: [{
+                type: HostBinding,
+                args: ['displayFormat']
+            }, {
+                type: Input
+            }], onIonChange: [{
+                type: HostListener,
+                args: ['ionChange', ['$event']]
+            }] } });
+class EuimToolbarDatepickerModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimToolbarDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: EuimToolbarDatepickerModule, declarations: [EuimToolbarDatepickerComponent,
+            EuimToolbarDatepickerDatetimeDirective], imports: [CommonModule,
+            IonicModule,
+            TranslateModule,
+            EuimAvatarIconModule,
+            EuimLabelModule,
+            FormsModule], exports: [EuimToolbarDatepickerComponent,
+            EuimToolbarDatepickerDatetimeDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimToolbarDatepickerModule, imports: [CommonModule,
+            IonicModule,
+            TranslateModule,
+            EuimAvatarIconModule,
+            EuimLabelModule,
+            FormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimToolbarDatepickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                        TranslateModule,
+                        EuimAvatarIconModule,
+                        EuimLabelModule,
+                        FormsModule,
+                    ],
+                    exports: [
+                        EuimToolbarDatepickerComponent,
+                        EuimToolbarDatepickerDatetimeDirective,
+                    ],
+                    declarations: [
+                        EuimToolbarDatepickerComponent,
+                        EuimToolbarDatepickerDatetimeDirective,
+                    ],
+                }]
+        }] });
 class EuimDividerDirective {
     get cssClasses() {
         return this.getCssClasses('euim-divider');
@@ -3522,6 +3719,7 @@ const MODULES = [
     EuimBadgeModule,
     EuimSidebarModule,
     EuimMultiselectModule,
+    EuimToolbarDatepickerModule,
     // Directives
     EuimSpinnerComponentModule,
     EuimDividerModule,
@@ -3555,6 +3753,7 @@ class EuimAllModule {
             EuimBadgeModule,
             EuimSidebarModule,
             EuimMultiselectModule,
+            EuimToolbarDatepickerModule,
             // Directives
             EuimSpinnerComponentModule,
             EuimDividerModule,
@@ -3584,6 +3783,7 @@ class EuimAllModule {
             EuimBadgeModule,
             EuimSidebarModule,
             EuimMultiselectModule,
+            EuimToolbarDatepickerModule,
             // Directives
             EuimSpinnerComponentModule,
             EuimDividerModule,
@@ -3614,6 +3814,7 @@ class EuimAllModule {
             EuimBadgeModule,
             EuimSidebarModule,
             EuimMultiselectModule,
+            EuimToolbarDatepickerModule,
             // Directives
             EuimSpinnerComponentModule,
             EuimDividerModule,
@@ -3637,5 +3838,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
  * Generated bundle index. Do not edit.
  */
-export { BaseStatesDirective, EuiMUserProfileActionComponent, EuiMUserProfileAvatarComponent, EuiMUserProfileInfosComponent, EuiMUserProfileInfosItemComponent, EuimAboutComponent, EuimAboutModule, EuimAlertMessageComponent, EuimAlertMessageModule, EuimAllModule, EuimAppComponent, EuimAppModule, EuimAppService, EuimAvatarComponent, EuimAvatarIconComponent, EuimAvatarIconModule, EuimAvatarMainIconDirective, EuimAvatarModule, EuimAvatarSubIconDirective, EuimBadgeComponent, EuimBadgeModule, EuimChangelogComponent, EuimChipSelectorComponent, EuimChipSelectorComponentModule, EuimChipSelectorItemDirective, EuimDataSummaryColComponent, EuimDataSummaryColLabelDirective, EuimDataSummaryColValueDirective, EuimDataSummaryComponent, EuimDataSummaryModule, EuimDividerDirective, EuimDividerModule, EuimEmptyListPlaceholderComponent, EuimEmptyListPlaceholderModule, EuimHeaderDetailsComponent, EuimHeaderDetailsIconDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsModule, EuimHeaderDetailsTitleDirective, EuimHelpSupportComponent, EuimLabelComponent, EuimLabelModule, EuimLanguageListComponent, EuimLanguageSelectorComponent, EuimLanguageSelectorModule, EuimLegalNoticeComponent, EuimLicenseDetailsComponent, EuimMediaHeaderComponent, EuimMediaHeaderImageDirective, EuimMediaHeaderModule, EuimMediaHeaderSubTitleDirective, EuimMediaHeaderTitleDirective, EuimMessageComponent, EuimMessageModule, EuimMessageTitleComponent, EuimMultiselectAllDirective, EuimMultiselectComponent, EuimMultiselectFilterComponent, EuimMultiselectInfoComponent, EuimMultiselectListComponent, EuimMultiselectModule, EuimMultiselectSelectFieldDirective, EuimMultiselectToolbarComponent, EuimNotificationItemComponent, EuimNotificationItemModule, EuimOpenSourceLicencesComponent, EuimPdfWrapperComponent, EuimPdfWrapperModule, EuimPrivacyStatementComponent, EuimScrollerXComponent, EuimScrollerXComponentModule, EuimSidebarComponent, EuimSidebarContentComponent, EuimSidebarModule, EuimSkeletonListComponent, EuimSkeletonListItemComponent, EuimSkeletonListItemModule, EuimSkeletonListModule, EuimSkeletonTextAvatarDirective, EuimSkeletonTextAvatarModule, EuimSlideInfoScreenComponent, EuimSliderInfoScreenComponent, EuimSliderInfoScreenContentDirective, EuimSliderInfoScreenModule, EuimSliderInfoScreenSubTitleDirective, EuimSliderInfoScreenTitleDirective, EuimSpinnerComponent, EuimSpinnerComponentModule, EuimSpinnerDescriptionComponent, EuimSpinnerMessageComponent, EuimToolbarActionItemsComponent, EuimToolbarComponent, EuimToolbarComponentModule, EuimToolbarTitleComponent, EuimUserProfileComponent, EuimUserProfileModule };
+export { BaseStatesDirective, EuiMUserProfileActionComponent, EuiMUserProfileAvatarComponent, EuiMUserProfileInfosComponent, EuiMUserProfileInfosItemComponent, EuimAboutComponent, EuimAboutModule, EuimAlertMessageComponent, EuimAlertMessageModule, EuimAllModule, EuimAppComponent, EuimAppModule, EuimAppService, EuimAvatarComponent, EuimAvatarIconComponent, EuimAvatarIconModule, EuimAvatarMainIconDirective, EuimAvatarModule, EuimAvatarSubIconDirective, EuimBadgeComponent, EuimBadgeModule, EuimChangelogComponent, EuimChipSelectorComponent, EuimChipSelectorComponentModule, EuimChipSelectorItemDirective, EuimDataSummaryColComponent, EuimDataSummaryColLabelDirective, EuimDataSummaryColValueDirective, EuimDataSummaryComponent, EuimDataSummaryModule, EuimDividerDirective, EuimDividerModule, EuimEmptyListPlaceholderComponent, EuimEmptyListPlaceholderModule, EuimHeaderDetailsComponent, EuimHeaderDetailsIconDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsModule, EuimHeaderDetailsTitleDirective, EuimHelpSupportComponent, EuimLabelComponent, EuimLabelModule, EuimLanguageListComponent, EuimLanguageSelectorComponent, EuimLanguageSelectorModule, EuimLegalNoticeComponent, EuimLicenseDetailsComponent, EuimMediaHeaderComponent, EuimMediaHeaderImageDirective, EuimMediaHeaderModule, EuimMediaHeaderSubTitleDirective, EuimMediaHeaderTitleDirective, EuimMessageComponent, EuimMessageModule, EuimMessageTitleComponent, EuimMultiselectAllDirective, EuimMultiselectComponent, EuimMultiselectFilterComponent, EuimMultiselectInfoComponent, EuimMultiselectListComponent, EuimMultiselectModule, EuimMultiselectSelectFieldDirective, EuimMultiselectToolbarComponent, EuimNotificationItemComponent, EuimNotificationItemModule, EuimOpenSourceLicencesComponent, EuimPdfWrapperComponent, EuimPdfWrapperModule, EuimPrivacyStatementComponent, EuimScrollerXComponent, EuimScrollerXComponentModule, EuimSidebarComponent, EuimSidebarContentComponent, EuimSidebarModule, EuimSkeletonListComponent, EuimSkeletonListItemComponent, EuimSkeletonListItemModule, EuimSkeletonListModule, EuimSkeletonTextAvatarDirective, EuimSkeletonTextAvatarModule, EuimSlideInfoScreenComponent, EuimSliderInfoScreenComponent, EuimSliderInfoScreenContentDirective, EuimSliderInfoScreenModule, EuimSliderInfoScreenSubTitleDirective, EuimSliderInfoScreenTitleDirective, EuimSpinnerComponent, EuimSpinnerComponentModule, EuimSpinnerDescriptionComponent, EuimSpinnerMessageComponent, EuimToolbarActionItemsComponent, EuimToolbarComponent, EuimToolbarComponentModule, EuimToolbarDatepickerComponent, EuimToolbarDatepickerDatetimeDirective, EuimToolbarDatepickerModule, EuimToolbarTitleComponent, EuimUserProfileComponent, EuimUserProfileModule };
 //# sourceMappingURL=eui-mobile-core.mjs.map