@eui/mobile-core 18.0.3-snapshot-1744978457758 → 18.0.3-snapshot-1745559376811

package/esm2022/lib/components/euim-pdf-viewer/euim-pdf-viewer.component.mjs

@@ -126,11 +126,11 @@ export class EuimPdfViewerComponent {
         }));
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimPdfViewerComponent, deps: [{ token: i1.AlertController }, { token: i2.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimPdfViewerComponent, selector: "euim-pdf-viewer", inputs: { url: "url", page: "page" }, host: { properties: { "className": "this.className" } }, viewQueries: [{ propertyName: "pinch", first: true, predicate: ["pinch"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (loading || errorMessage) {\n<div>\n  @if (loading) {\n    <euim-spinner>\n      <div euimSpinnerMessage>{{'euim.pdf-viewer.SPINNER-MESSAGE' | translate }}</div>\n    </euim-spinner>\n  }\n  @if (errorMessage) {\n    <div>{{'euim.pdf-viewer.LOADING-PDF-ERROR-MESSAGE' | translate }}</div>\n  }\n</div>\n}\n\n<pinch-zoom [limit-zoom]=\"4\"\n            [transition-duration]=\"50\"\n            [zoomControlScale]=\"0.5\"\n            (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n    <div class=\"euim-pdf-viewer__container\">\n        @if (data) {\n        <pdf-viewer [src]=\"data\"\n                    [original-size]=\"false\"\n                    [zoom-scale]=\"'page-height'\"\n                    (after-load-complete)=\"onLoaded($event)\"\n                    (error)=\"onError()\"\n                    [(page)]=\"page\"\n                    [stick-to-page]=\"false\"\n                    [show-all]=\"false\"\n                    [render-text]=\"true\"\n                    style=\"width: 100%; height: 100%\">\n        </pdf-viewer>\n        }\n    </div>\n</pinch-zoom>\n\n<ion-footer>\n  <ion-toolbar color=\"primary\" class=\"euim-pdf-viewer__footer\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf || !data\">\n        <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-buttons>\n      <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n        <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button (click)=\"onResetZoom()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n        <ion-icon name=\"refresh-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button (click)=\"onZoomIn()\" [disabled]=\"zoom === 4 || !pdf || !data\">\n        <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"prevPage()\" [disabled]=\"page === 1 || !pdf || !data\">\n        <ion-icon name=\"arrow-back-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <span>{{ page }}/{{ pdfNumPages }}</span>\n      <ion-button (click)=\"nextPage()\" [disabled]=\"page === pdfNumPages || !pdf || !data\">\n        <ion-icon name=\"arrow-forward-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-footer>\n", styles: [".euim-pdf-viewer{display:flex;flex-direction:column;height:100%;min-height:600px}.euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl))}.euim-pdf-viewer__footer-zoom-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}ion-content .euim-pdf-viewer{display:flex;flex-direction:column;height:calc(100vh - var(--eui-s-5xl))}ion-content .euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl) * 2)}ion-content .euim-pdf-viewer ion-footer{margin-top:auto}ion-modal .euim-pdf-viewer{height:100%;min-height:auto}ion-modal .euim-pdf-viewer__container{height:400px}@media (max-width: 767px){ion-modal .euim-pdf-viewer{height:calc(100vh - var(--eui-s-5xl))}ion-modal .euim-pdf-viewer__container{height:calc(100vh - var(--eui-s-5xl) * 2)}}\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.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i3.PdfViewerComponent, selector: "pdf-viewer", inputs: ["src", "c-maps-url", "page", "render-text", "render-text-mode", "original-size", "show-all", "stick-to-page", "zoom", "zoom-scale", "rotation", "external-link-target", "autoresize", "fit-to-page", "show-borders"], outputs: ["after-load-complete", "page-rendered", "pages-initialized", "text-layer-rendered", "error", "on-progress", "pageChange"] }, { kind: "component", type: i4.PinchZoomComponent, selector: "pinch-zoom, [pinch-zoom]", inputs: ["properties", "transition-duration", "transitionDuration", "double-tap", "doubleTap", "double-tap-scale", "doubleTapScale", "auto-zoom-out", "autoZoomOut", "limit-zoom", "limitZoom", "disabled", "disablePan", "overflow", "zoomControlScale", "disableZoomControl", "backgroundColor", "limitPan", "minPanScale", "minScale", "listeners", "wheel", "autoHeight", "stepZoomFactor", "wheelZoomFactor", "draggableImage"], outputs: ["onZoomChange"], exportAs: ["pinchZoom"] }, { kind: "component", type: i5.EuimSpinnerComponent, selector: "euim-spinner" }, { kind: "component", type: i6.EuimSpinnerMessageComponent, selector: "[euimSpinnerMessage]" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimPdfViewerComponent, selector: "euim-pdf-viewer", inputs: { url: "url", page: "page" }, host: { properties: { "className": "this.className" } }, viewQueries: [{ propertyName: "pinch", first: true, predicate: ["pinch"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (loading || errorMessage) {\n<div>\n  @if (loading) {\n    <euim-spinner>\n      <div euimSpinnerMessage>{{'euim.pdf-viewer.SPINNER-MESSAGE' | translate }}</div>\n    </euim-spinner>\n  }\n  @if (errorMessage) {\n    <div>{{'euim.pdf-viewer.LOADING-PDF-ERROR-MESSAGE' | translate }}</div>\n  }\n</div>\n}\n\n<pinch-zoom [limit-zoom]=\"4\"\n            [transition-duration]=\"50\"\n            [zoomControlScale]=\"0.5\"\n            (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n    <div class=\"euim-pdf-viewer__container\">\n        @if (data) {\n        <pdf-viewer [src]=\"data\"\n                    [original-size]=\"false\"\n                    [zoom-scale]=\"'page-height'\"\n                    (after-load-complete)=\"onLoaded($event)\"\n                    (error)=\"onError()\"\n                    [(page)]=\"page\"\n                    [stick-to-page]=\"false\"\n                    [show-all]=\"false\"\n                    [render-text]=\"true\"\n                    style=\"width: 100%; height: 100%\">\n        </pdf-viewer>\n        }\n    </div>\n</pinch-zoom>\n\n<ion-footer>\n  <ion-toolbar color=\"primary\" class=\"euim-pdf-viewer__footer\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf || !data\">\n        <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-buttons>\n      <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n        <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button (click)=\"onResetZoom()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n        <ion-icon name=\"refresh-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button (click)=\"onZoomIn()\" [disabled]=\"zoom === 4 || !pdf || !data\">\n        <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"prevPage()\" [disabled]=\"page === 1 || !pdf || !data\">\n        <ion-icon name=\"arrow-back-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <span>{{ page }}/{{ pdfNumPages }}</span>\n      <ion-button (click)=\"nextPage()\" [disabled]=\"page === pdfNumPages || !pdf || !data\">\n        <ion-icon name=\"arrow-forward-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-footer>\n", styles: [".euim-pdf-viewer{display:flex;flex-direction:column;height:100%;min-height:600px}.euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl))}.euim-pdf-viewer__footer-zoom-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}ion-content .euim-pdf-viewer{display:flex;flex-direction:column;height:calc(100vh - var(--eui-s-5xl))}ion-content .euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl) * 2)}ion-content .euim-pdf-viewer ion-footer{margin-top:auto}ion-modal .euim-pdf-viewer{height:100%;min-height:auto}ion-modal .euim-pdf-viewer__container{height:calc(100vh - var(--eui-s-5xl))}@media (max-width: 767px){ion-modal .euim-pdf-viewer{height:calc(100vh - var(--eui-s-5xl))}ion-modal .euim-pdf-viewer__container{height:calc(100vh - var(--eui-s-5xl) * 2)}}\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.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i3.PdfViewerComponent, selector: "pdf-viewer", inputs: ["src", "c-maps-url", "page", "render-text", "render-text-mode", "original-size", "show-all", "stick-to-page", "zoom", "zoom-scale", "rotation", "external-link-target", "autoresize", "fit-to-page", "show-borders"], outputs: ["after-load-complete", "page-rendered", "pages-initialized", "text-layer-rendered", "error", "on-progress", "pageChange"] }, { kind: "component", type: i4.PinchZoomComponent, selector: "pinch-zoom, [pinch-zoom]", inputs: ["properties", "transition-duration", "transitionDuration", "double-tap", "doubleTap", "double-tap-scale", "doubleTapScale", "auto-zoom-out", "autoZoomOut", "limit-zoom", "limitZoom", "disabled", "disablePan", "overflow", "zoomControlScale", "disableZoomControl", "backgroundColor", "limitPan", "minPanScale", "minScale", "listeners", "wheel", "autoHeight", "stepZoomFactor", "wheelZoomFactor", "draggableImage"], outputs: ["onZoomChange"], exportAs: ["pinchZoom"] }, { kind: "component", type: i5.EuimSpinnerComponent, selector: "euim-spinner" }, { kind: "component", type: i6.EuimSpinnerMessageComponent, selector: "[euimSpinnerMessage]" }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimPdfViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-pdf-viewer', encapsulation: ViewEncapsulation.None, template: "@if (loading || errorMessage) {\n<div>\n  @if (loading) {\n    <euim-spinner>\n      <div euimSpinnerMessage>{{'euim.pdf-viewer.SPINNER-MESSAGE' | translate }}</div>\n    </euim-spinner>\n  }\n  @if (errorMessage) {\n    <div>{{'euim.pdf-viewer.LOADING-PDF-ERROR-MESSAGE' | translate }}</div>\n  }\n</div>\n}\n\n<pinch-zoom [limit-zoom]=\"4\"\n            [transition-duration]=\"50\"\n            [zoomControlScale]=\"0.5\"\n            (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n    <div class=\"euim-pdf-viewer__container\">\n        @if (data) {\n        <pdf-viewer [src]=\"data\"\n                    [original-size]=\"false\"\n                    [zoom-scale]=\"'page-height'\"\n                    (after-load-complete)=\"onLoaded($event)\"\n                    (error)=\"onError()\"\n                    [(page)]=\"page\"\n                    [stick-to-page]=\"false\"\n                    [show-all]=\"false\"\n                    [render-text]=\"true\"\n                    style=\"width: 100%; height: 100%\">\n        </pdf-viewer>\n        }\n    </div>\n</pinch-zoom>\n\n<ion-footer>\n  <ion-toolbar color=\"primary\" class=\"euim-pdf-viewer__footer\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf || !data\">\n        <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-buttons>\n      <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n        <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button (click)=\"onResetZoom()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n        <ion-icon name=\"refresh-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button (click)=\"onZoomIn()\" [disabled]=\"zoom === 4 || !pdf || !data\">\n        <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"prevPage()\" [disabled]=\"page === 1 || !pdf || !data\">\n        <ion-icon name=\"arrow-back-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <span>{{ page }}/{{ pdfNumPages }}</span>\n      <ion-button (click)=\"nextPage()\" [disabled]=\"page === pdfNumPages || !pdf || !data\">\n        <ion-icon name=\"arrow-forward-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-footer>\n", styles: [".euim-pdf-viewer{display:flex;flex-direction:column;height:100%;min-height:600px}.euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl))}.euim-pdf-viewer__footer-zoom-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}ion-content .euim-pdf-viewer{display:flex;flex-direction:column;height:calc(100vh - var(--eui-s-5xl))}ion-content .euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl) * 2)}ion-content .euim-pdf-viewer ion-footer{margin-top:auto}ion-modal .euim-pdf-viewer{height:100%;min-height:auto}ion-modal .euim-pdf-viewer__container{height:400px}@media (max-width: 767px){ion-modal .euim-pdf-viewer{height:calc(100vh - var(--eui-s-5xl))}ion-modal .euim-pdf-viewer__container{height:calc(100vh - var(--eui-s-5xl) * 2)}}\n"] }]
+            args: [{ selector: 'euim-pdf-viewer', encapsulation: ViewEncapsulation.None, template: "@if (loading || errorMessage) {\n<div>\n  @if (loading) {\n    <euim-spinner>\n      <div euimSpinnerMessage>{{'euim.pdf-viewer.SPINNER-MESSAGE' | translate }}</div>\n    </euim-spinner>\n  }\n  @if (errorMessage) {\n    <div>{{'euim.pdf-viewer.LOADING-PDF-ERROR-MESSAGE' | translate }}</div>\n  }\n</div>\n}\n\n<pinch-zoom [limit-zoom]=\"4\"\n            [transition-duration]=\"50\"\n            [zoomControlScale]=\"0.5\"\n            (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n    <div class=\"euim-pdf-viewer__container\">\n        @if (data) {\n        <pdf-viewer [src]=\"data\"\n                    [original-size]=\"false\"\n                    [zoom-scale]=\"'page-height'\"\n                    (after-load-complete)=\"onLoaded($event)\"\n                    (error)=\"onError()\"\n                    [(page)]=\"page\"\n                    [stick-to-page]=\"false\"\n                    [show-all]=\"false\"\n                    [render-text]=\"true\"\n                    style=\"width: 100%; height: 100%\">\n        </pdf-viewer>\n        }\n    </div>\n</pinch-zoom>\n\n<ion-footer>\n  <ion-toolbar color=\"primary\" class=\"euim-pdf-viewer__footer\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf || !data\">\n        <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-buttons>\n      <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n        <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button (click)=\"onResetZoom()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n        <ion-icon name=\"refresh-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button (click)=\"onZoomIn()\" [disabled]=\"zoom === 4 || !pdf || !data\">\n        <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"prevPage()\" [disabled]=\"page === 1 || !pdf || !data\">\n        <ion-icon name=\"arrow-back-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <span>{{ page }}/{{ pdfNumPages }}</span>\n      <ion-button (click)=\"nextPage()\" [disabled]=\"page === pdfNumPages || !pdf || !data\">\n        <ion-icon name=\"arrow-forward-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-footer>\n", styles: [".euim-pdf-viewer{display:flex;flex-direction:column;height:100%;min-height:600px}.euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl))}.euim-pdf-viewer__footer-zoom-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}ion-content .euim-pdf-viewer{display:flex;flex-direction:column;height:calc(100vh - var(--eui-s-5xl))}ion-content .euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl) * 2)}ion-content .euim-pdf-viewer ion-footer{margin-top:auto}ion-modal .euim-pdf-viewer{height:100%;min-height:auto}ion-modal .euim-pdf-viewer__container{height:calc(100vh - var(--eui-s-5xl))}@media (max-width: 767px){ion-modal .euim-pdf-viewer{height:calc(100vh - var(--eui-s-5xl))}ion-modal .euim-pdf-viewer__container{height:calc(100vh - var(--eui-s-5xl) * 2)}}\n"] }]
         }], ctorParameters: () => [{ type: i1.AlertController }, { type: i2.HttpClient }], propDecorators: { url: [{
                 type: Input
             }], page: [{

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

@@ -127,7 +127,7 @@ export class EuimToolbarDatepickerComponent {
         this.weekDayName = this.weekdays[this.currentDate.getDay()];
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerComponent, deps: [{ token: i1.BaseStatesDirective }, { token: i2.Router }, { token: i3.Location }, { token: i4.TranslateService }, { token: i5.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], closeModalOnBack: ["closeModalOnBack", "closeModalOnBack", booleanAttribute], selectDateBy: "selectDateBy" }, outputs: { prevBtnClick: "prevBtnClick", nextBtnClick: "nextBtnClick", dateChanged: "dateChanged" }, host: { listeners: { "window:popstate": "dismissModal($event)" }, properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: 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\"></ion-icon>\n        }\n    </div>\n\n    @if (!euimReadOnly) {\n        <ion-buttons slot=\"end\">\n            <ion-button (click)=\"selectPrevDate()\"\n                        [disabled] = \"euimPrevBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button\">\n                <ion-icon name=\"chevron-back-circle\">\n                </ion-icon>\n            </ion-button>\n            <ion-button\n                        (click)=\"selectNextDate()\"\n                        [disabled]=\"euimNextBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n                <ion-icon name=\"chevron-forward-circle\"></ion-icon>\n            </ion-button>\n        </ion-buttons>\n    }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n           (ionModalDidPresent)=\"onModalPresent()\"\n           (ionModalDidDismiss)=\"onModalDismiss()\"\n           [trigger]=\"modalId\">\n    <ng-template>\n        <ion-datetime\n            [showDefaultButtons]=\"true\"\n            (ionChange)=\"calendarDateChanged($event)\"\n            size=\"cover\"\n            [id]=\"dateTimeId\"\n            [locale]=\"currentLang\"\n            presentation=\"date\"\n            [(ngModel)]=\"selectedDate\"></ion-datetime>\n    </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-s-xs)}.euim-toolbar-datepicker ion-item: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-button .euim-toolbar-datepicker__date{display:grid}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-s-xs)!important;margin-right:var(--eui-s-xs)!important;width:var(--eui-s-m);height:var(--eui-s-m);flex-shrink:0;color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-is-l);height:var(--eui-is-l);color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker--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: i5.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: i5.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i5.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: i5.IonDatetimeButton, selector: "ion-datetime-button", inputs: ["color", "datetime", "disabled", "mode"] }, { kind: "component", type: i5.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i5.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i5.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i5.IonModal, selector: "ion-modal" }, { kind: "directive", type: i5.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "component", type: i6.EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: i7.EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "component", type: i8.EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵ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], closeModalOnBack: ["closeModalOnBack", "closeModalOnBack", booleanAttribute], selectDateBy: "selectDateBy" }, outputs: { prevBtnClick: "prevBtnClick", nextBtnClick: "nextBtnClick", dateChanged: "dateChanged" }, host: { listeners: { "window:popstate": "dismissModal($event)" }, properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: 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\"></ion-icon>\n        }\n    </div>\n\n    @if (!euimReadOnly) {\n        <ion-buttons slot=\"end\">\n            <ion-button (click)=\"selectPrevDate()\"\n                        [disabled] = \"euimPrevBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button\">\n                <ion-icon name=\"chevron-back-circle\">\n                </ion-icon>\n            </ion-button>\n            <ion-button\n                        (click)=\"selectNextDate()\"\n                        [disabled]=\"euimNextBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n                <ion-icon name=\"chevron-forward-circle\"></ion-icon>\n            </ion-button>\n        </ion-buttons>\n    }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n           (ionModalDidPresent)=\"onModalPresent()\"\n           (ionModalDidDismiss)=\"onModalDismiss()\"\n           [trigger]=\"modalId\">\n    <ng-template>\n        <ion-datetime\n            [showDefaultButtons]=\"true\"\n            (ionChange)=\"calendarDateChanged($event)\"\n            size=\"cover\"\n            [id]=\"dateTimeId\"\n            [locale]=\"currentLang\"\n            presentation=\"date\"\n            [(ngModel)]=\"selectedDate\"></ion-datetime>\n    </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-s-xs)}.euim-toolbar-datepicker ion-item ion-buttons[slot=end]{margin-inline-start:0}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-s-l);margin-right:var(--eui-s-l);width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-toolbar-datepicker__datetime-button{display:flex;align-items:center;height:100%;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-button .euim-toolbar-datepicker__date{display:grid}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-s-xs)!important;margin-right:var(--eui-s-xs)!important;width:var(--eui-s-m);height:var(--eui-s-m);flex-shrink:0;color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-is-m);height:var(--eui-is-m);color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button:first-child{margin-right:var(--eui-s-m)}.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: i5.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: i5.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i5.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: i5.IonDatetimeButton, selector: "ion-datetime-button", inputs: ["color", "datetime", "disabled", "mode"] }, { kind: "component", type: i5.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i5.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i5.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i5.IonModal, selector: "ion-modal" }, { kind: "directive", type: i5.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "component", type: i6.EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: i7.EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "component", type: i8.EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerComponent, decorators: [{
             type: Component,
@@ -138,7 +138,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                                 'color',
                             ],
                         },
-                    ], template: "<ion-item class=\"euim-toolbar-datepicker__item\" color=\"branding\">\n    <euim-avatar  fill=\"clear\" slot=\"start\" >\n        <euim-avatar-icon>\n            <ion-icon [name]=\"icon\"\n                      class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n        </euim-avatar-icon>\n    </euim-avatar>\n    @if (!euimReadOnly){\n    <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n                         [datetime]=\"dateTimeId\">\n    </ion-datetime-button>\n    }\n    <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n        <ion-label class=\"euim-toolbar-datepicker__date\">\n            <div class=\"euim-toolbar-datepicker__title\"\n                 euimLabel\n                 euimLabelTitle\n                 euimLabelTruncate\n                 disabled=\"euimReadOnly\">{{!title ? weekDayName : title}}</div>\n\n            <div euimLabel\n                 euimLabelSubTitle\n                 euimLabelTruncate\n                 disabled=\"euimReadOnly\">{{!subTitle ? formattedDate : subTitle}}</div>\n        </ion-label>\n        @if (!euimReadOnly){\n            <ion-icon class=\"euim-toolbar-datepicker__datetime-caret\"\n                      name=\"caret-down\"></ion-icon>\n        }\n    </div>\n\n    @if (!euimReadOnly) {\n        <ion-buttons slot=\"end\">\n            <ion-button (click)=\"selectPrevDate()\"\n                        [disabled] = \"euimPrevBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button\">\n                <ion-icon name=\"chevron-back-circle\">\n                </ion-icon>\n            </ion-button>\n            <ion-button\n                        (click)=\"selectNextDate()\"\n                        [disabled]=\"euimNextBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n                <ion-icon name=\"chevron-forward-circle\"></ion-icon>\n            </ion-button>\n        </ion-buttons>\n    }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n           (ionModalDidPresent)=\"onModalPresent()\"\n           (ionModalDidDismiss)=\"onModalDismiss()\"\n           [trigger]=\"modalId\">\n    <ng-template>\n        <ion-datetime\n            [showDefaultButtons]=\"true\"\n            (ionChange)=\"calendarDateChanged($event)\"\n            size=\"cover\"\n            [id]=\"dateTimeId\"\n            [locale]=\"currentLang\"\n            presentation=\"date\"\n            [(ngModel)]=\"selectedDate\"></ion-datetime>\n    </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-s-xs)}.euim-toolbar-datepicker ion-item: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-button .euim-toolbar-datepicker__date{display:grid}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-s-xs)!important;margin-right:var(--eui-s-xs)!important;width:var(--eui-s-m);height:var(--eui-s-m);flex-shrink:0;color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-is-l);height:var(--eui-is-l);color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker--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"] }]
+                    ], template: "<ion-item class=\"euim-toolbar-datepicker__item\" color=\"branding\">\n    <euim-avatar  fill=\"clear\" slot=\"start\" >\n        <euim-avatar-icon>\n            <ion-icon [name]=\"icon\"\n                      class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n        </euim-avatar-icon>\n    </euim-avatar>\n    @if (!euimReadOnly){\n    <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n                         [datetime]=\"dateTimeId\">\n    </ion-datetime-button>\n    }\n    <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n        <ion-label class=\"euim-toolbar-datepicker__date\">\n            <div class=\"euim-toolbar-datepicker__title\"\n                 euimLabel\n                 euimLabelTitle\n                 euimLabelTruncate\n                 disabled=\"euimReadOnly\">{{!title ? weekDayName : title}}</div>\n\n            <div euimLabel\n                 euimLabelSubTitle\n                 euimLabelTruncate\n                 disabled=\"euimReadOnly\">{{!subTitle ? formattedDate : subTitle}}</div>\n        </ion-label>\n        @if (!euimReadOnly){\n            <ion-icon class=\"euim-toolbar-datepicker__datetime-caret\"\n                      name=\"caret-down\"></ion-icon>\n        }\n    </div>\n\n    @if (!euimReadOnly) {\n        <ion-buttons slot=\"end\">\n            <ion-button (click)=\"selectPrevDate()\"\n                        [disabled] = \"euimPrevBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button\">\n                <ion-icon name=\"chevron-back-circle\">\n                </ion-icon>\n            </ion-button>\n            <ion-button\n                        (click)=\"selectNextDate()\"\n                        [disabled]=\"euimNextBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n                <ion-icon name=\"chevron-forward-circle\"></ion-icon>\n            </ion-button>\n        </ion-buttons>\n    }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n           (ionModalDidPresent)=\"onModalPresent()\"\n           (ionModalDidDismiss)=\"onModalDismiss()\"\n           [trigger]=\"modalId\">\n    <ng-template>\n        <ion-datetime\n            [showDefaultButtons]=\"true\"\n            (ionChange)=\"calendarDateChanged($event)\"\n            size=\"cover\"\n            [id]=\"dateTimeId\"\n            [locale]=\"currentLang\"\n            presentation=\"date\"\n            [(ngModel)]=\"selectedDate\"></ion-datetime>\n    </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-s-xs)}.euim-toolbar-datepicker ion-item ion-buttons[slot=end]{margin-inline-start:0}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-s-l);margin-right:var(--eui-s-l);width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-toolbar-datepicker__datetime-button{display:flex;align-items:center;height:100%;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-button .euim-toolbar-datepicker__date{display:grid}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-s-xs)!important;margin-right:var(--eui-s-xs)!important;width:var(--eui-s-m);height:var(--eui-s-m);flex-shrink:0;color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-is-m);height:var(--eui-is-m);color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button:first-child{margin-right:var(--eui-s-m)}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__calendar,.euim-toolbar-datepicker--primary .euim-label{color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}\n"] }]
         }], ctorParameters: () => [{ type: i1.BaseStatesDirective }, { type: i2.Router }, { type: i3.Location }, { type: i4.TranslateService }, { type: i5.ModalController }], propDecorators: { icon: [{
                 type: Input
             }], title: [{

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

@@ -29,11 +29,11 @@ export class EuimToolbarComponent {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarComponent, deps: [{ token: i1.NavController }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: { hasBackButton: ["hasBackButton", "hasBackButton", booleanAttribute], backButtonDefaultHref: "backButtonDefaultHref", ionMenuId: "ionMenuId", hasSidebarTrigger: ["hasSidebarTrigger", "hasSidebarTrigger", booleanAttribute], hasLanguageSelector: ["hasLanguageSelector", "hasLanguageSelector", booleanAttribute] }, outputs: { backButtonClick: "backButtonClick" }, host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-buttons slot=\"start\">\n    <ion-menu-button *ngIf=\"hasSidebarTrigger\" [menu]=\"ionMenuId\"></ion-menu-button>\n    <ion-back-button (click)=\"onBackButtonClick($event)\"\n                     *ngIf=\"hasBackButton\"\n                     defaultHref=\"{{backButtonDefaultHref}}\"></ion-back-button>\n    <ng-content></ng-content>\n</ion-buttons>\n<ion-title class=\"euim-toolbar__title-container\">\n    <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"end\">\n    <ng-content select=\"euim-toolbar-action-items\"></ng-content>\n    <ng-container *ngIf=\"hasLanguageSelector\">\n        <euim-language-selector></euim-language-selector>\n    </ng-container>\n</ion-buttons>\n", styles: [".euim-toolbar{display:flex;align-items:center}.euim-toolbar__title-container{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:flex;align-items:center;padding-inline:var(--eui-s-s)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonMenuButton, selector: "ion-menu-button", inputs: ["autoHide", "color", "disabled", "menu", "mode", "type"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonBackButton, selector: "ion-back-button" }, { kind: "component", type: i3.EuimLanguageSelectorComponent, selector: "euim-language-selector", inputs: ["hasSearchbar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: { hasBackButton: ["hasBackButton", "hasBackButton", booleanAttribute], backButtonDefaultHref: "backButtonDefaultHref", ionMenuId: "ionMenuId", hasSidebarTrigger: ["hasSidebarTrigger", "hasSidebarTrigger", booleanAttribute], hasLanguageSelector: ["hasLanguageSelector", "hasLanguageSelector", booleanAttribute] }, outputs: { backButtonClick: "backButtonClick" }, host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-buttons slot=\"start\">\n    <ion-menu-button *ngIf=\"hasSidebarTrigger\" [menu]=\"ionMenuId\"></ion-menu-button>\n    <ion-back-button (click)=\"onBackButtonClick($event)\"\n                     *ngIf=\"hasBackButton\"\n                     defaultHref=\"{{backButtonDefaultHref}}\"></ion-back-button>\n    <ng-content></ng-content>\n</ion-buttons>\n<ion-title class=\"euim-toolbar__title-container\">\n    <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"end\">\n    <ng-content select=\"euim-toolbar-action-items\"></ng-content>\n    <ng-container *ngIf=\"hasLanguageSelector\">\n        <euim-language-selector></euim-language-selector>\n    </ng-container>\n</ion-buttons>\n", styles: [".euim-toolbar{display:flex;align-items:center}.euim-toolbar__title-container{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:flex;align-items:center;padding-inline:var(--eui-s-s)}.euim-toolbar ion-menu-button{display:block}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonMenuButton, selector: "ion-menu-button", inputs: ["autoHide", "color", "disabled", "menu", "mode", "type"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonBackButton, selector: "ion-back-button" }, { kind: "component", type: i3.EuimLanguageSelectorComponent, selector: "euim-language-selector", inputs: ["hasSearchbar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-toolbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-buttons slot=\"start\">\n    <ion-menu-button *ngIf=\"hasSidebarTrigger\" [menu]=\"ionMenuId\"></ion-menu-button>\n    <ion-back-button (click)=\"onBackButtonClick($event)\"\n                     *ngIf=\"hasBackButton\"\n                     defaultHref=\"{{backButtonDefaultHref}}\"></ion-back-button>\n    <ng-content></ng-content>\n</ion-buttons>\n<ion-title class=\"euim-toolbar__title-container\">\n    <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"end\">\n    <ng-content select=\"euim-toolbar-action-items\"></ng-content>\n    <ng-container *ngIf=\"hasLanguageSelector\">\n        <euim-language-selector></euim-language-selector>\n    </ng-container>\n</ion-buttons>\n", styles: [".euim-toolbar{display:flex;align-items:center}.euim-toolbar__title-container{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:flex;align-items:center;padding-inline:var(--eui-s-s)}\n"] }]
+            args: [{ selector: 'euim-toolbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-buttons slot=\"start\">\n    <ion-menu-button *ngIf=\"hasSidebarTrigger\" [menu]=\"ionMenuId\"></ion-menu-button>\n    <ion-back-button (click)=\"onBackButtonClick($event)\"\n                     *ngIf=\"hasBackButton\"\n                     defaultHref=\"{{backButtonDefaultHref}}\"></ion-back-button>\n    <ng-content></ng-content>\n</ion-buttons>\n<ion-title class=\"euim-toolbar__title-container\">\n    <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"end\">\n    <ng-content select=\"euim-toolbar-action-items\"></ng-content>\n    <ng-container *ngIf=\"hasLanguageSelector\">\n        <euim-language-selector></euim-language-selector>\n    </ng-container>\n</ion-buttons>\n", styles: [".euim-toolbar{display:flex;align-items:center}.euim-toolbar__title-container{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:flex;align-items:center;padding-inline:var(--eui-s-s)}.euim-toolbar ion-menu-button{display:block}\n"] }]
         }], ctorParameters: () => [{ type: i1.NavController }], propDecorators: { hasBackButton: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]

package/fesm2022/eui-mobile-core.mjs

@@ -1003,11 +1003,11 @@ class EuimToolbarComponent {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarComponent, deps: [{ token: i1.NavController }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: { hasBackButton: ["hasBackButton", "hasBackButton", booleanAttribute], backButtonDefaultHref: "backButtonDefaultHref", ionMenuId: "ionMenuId", hasSidebarTrigger: ["hasSidebarTrigger", "hasSidebarTrigger", booleanAttribute], hasLanguageSelector: ["hasLanguageSelector", "hasLanguageSelector", booleanAttribute] }, outputs: { backButtonClick: "backButtonClick" }, host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-buttons slot=\"start\">\n    <ion-menu-button *ngIf=\"hasSidebarTrigger\" [menu]=\"ionMenuId\"></ion-menu-button>\n    <ion-back-button (click)=\"onBackButtonClick($event)\"\n                     *ngIf=\"hasBackButton\"\n                     defaultHref=\"{{backButtonDefaultHref}}\"></ion-back-button>\n    <ng-content></ng-content>\n</ion-buttons>\n<ion-title class=\"euim-toolbar__title-container\">\n    <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"end\">\n    <ng-content select=\"euim-toolbar-action-items\"></ng-content>\n    <ng-container *ngIf=\"hasLanguageSelector\">\n        <euim-language-selector></euim-language-selector>\n    </ng-container>\n</ion-buttons>\n", styles: [".euim-toolbar{display:flex;align-items:center}.euim-toolbar__title-container{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:flex;align-items:center;padding-inline:var(--eui-s-s)}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonMenuButton, selector: "ion-menu-button", inputs: ["autoHide", "color", "disabled", "menu", "mode", "type"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonBackButton, selector: "ion-back-button" }, { kind: "component", type: EuimLanguageSelectorComponent, selector: "euim-language-selector", inputs: ["hasSearchbar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: { hasBackButton: ["hasBackButton", "hasBackButton", booleanAttribute], backButtonDefaultHref: "backButtonDefaultHref", ionMenuId: "ionMenuId", hasSidebarTrigger: ["hasSidebarTrigger", "hasSidebarTrigger", booleanAttribute], hasLanguageSelector: ["hasLanguageSelector", "hasLanguageSelector", booleanAttribute] }, outputs: { backButtonClick: "backButtonClick" }, host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-buttons slot=\"start\">\n    <ion-menu-button *ngIf=\"hasSidebarTrigger\" [menu]=\"ionMenuId\"></ion-menu-button>\n    <ion-back-button (click)=\"onBackButtonClick($event)\"\n                     *ngIf=\"hasBackButton\"\n                     defaultHref=\"{{backButtonDefaultHref}}\"></ion-back-button>\n    <ng-content></ng-content>\n</ion-buttons>\n<ion-title class=\"euim-toolbar__title-container\">\n    <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"end\">\n    <ng-content select=\"euim-toolbar-action-items\"></ng-content>\n    <ng-container *ngIf=\"hasLanguageSelector\">\n        <euim-language-selector></euim-language-selector>\n    </ng-container>\n</ion-buttons>\n", styles: [".euim-toolbar{display:flex;align-items:center}.euim-toolbar__title-container{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:flex;align-items:center;padding-inline:var(--eui-s-s)}.euim-toolbar ion-menu-button{display:block}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonMenuButton, selector: "ion-menu-button", inputs: ["autoHide", "color", "disabled", "menu", "mode", "type"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonBackButton, selector: "ion-back-button" }, { kind: "component", type: EuimLanguageSelectorComponent, selector: "euim-language-selector", inputs: ["hasSearchbar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-toolbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-buttons slot=\"start\">\n    <ion-menu-button *ngIf=\"hasSidebarTrigger\" [menu]=\"ionMenuId\"></ion-menu-button>\n    <ion-back-button (click)=\"onBackButtonClick($event)\"\n                     *ngIf=\"hasBackButton\"\n                     defaultHref=\"{{backButtonDefaultHref}}\"></ion-back-button>\n    <ng-content></ng-content>\n</ion-buttons>\n<ion-title class=\"euim-toolbar__title-container\">\n    <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"end\">\n    <ng-content select=\"euim-toolbar-action-items\"></ng-content>\n    <ng-container *ngIf=\"hasLanguageSelector\">\n        <euim-language-selector></euim-language-selector>\n    </ng-container>\n</ion-buttons>\n", styles: [".euim-toolbar{display:flex;align-items:center}.euim-toolbar__title-container{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:flex;align-items:center;padding-inline:var(--eui-s-s)}\n"] }]
+            args: [{ selector: 'euim-toolbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-buttons slot=\"start\">\n    <ion-menu-button *ngIf=\"hasSidebarTrigger\" [menu]=\"ionMenuId\"></ion-menu-button>\n    <ion-back-button (click)=\"onBackButtonClick($event)\"\n                     *ngIf=\"hasBackButton\"\n                     defaultHref=\"{{backButtonDefaultHref}}\"></ion-back-button>\n    <ng-content></ng-content>\n</ion-buttons>\n<ion-title class=\"euim-toolbar__title-container\">\n    <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"end\">\n    <ng-content select=\"euim-toolbar-action-items\"></ng-content>\n    <ng-container *ngIf=\"hasLanguageSelector\">\n        <euim-language-selector></euim-language-selector>\n    </ng-container>\n</ion-buttons>\n", styles: [".euim-toolbar{display:flex;align-items:center}.euim-toolbar__title-container{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:flex;align-items:center;padding-inline:var(--eui-s-s)}.euim-toolbar ion-menu-button{display:block}\n"] }]
         }], ctorParameters: () => [{ type: i1.NavController }], propDecorators: { hasBackButton: [{
                 type: Input,
                 args: [{ transform: booleanAttribute }]
@@ -3574,11 +3574,11 @@ class EuimPdfViewerComponent {
         }));
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimPdfViewerComponent, deps: [{ token: i1.AlertController }, { token: i2$2.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimPdfViewerComponent, selector: "euim-pdf-viewer", inputs: { url: "url", page: "page" }, host: { properties: { "className": "this.className" } }, viewQueries: [{ propertyName: "pinch", first: true, predicate: ["pinch"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (loading || errorMessage) {\n<div>\n  @if (loading) {\n    <euim-spinner>\n      <div euimSpinnerMessage>{{'euim.pdf-viewer.SPINNER-MESSAGE' | translate }}</div>\n    </euim-spinner>\n  }\n  @if (errorMessage) {\n    <div>{{'euim.pdf-viewer.LOADING-PDF-ERROR-MESSAGE' | translate }}</div>\n  }\n</div>\n}\n\n<pinch-zoom [limit-zoom]=\"4\"\n            [transition-duration]=\"50\"\n            [zoomControlScale]=\"0.5\"\n            (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n    <div class=\"euim-pdf-viewer__container\">\n        @if (data) {\n        <pdf-viewer [src]=\"data\"\n                    [original-size]=\"false\"\n                    [zoom-scale]=\"'page-height'\"\n                    (after-load-complete)=\"onLoaded($event)\"\n                    (error)=\"onError()\"\n                    [(page)]=\"page\"\n                    [stick-to-page]=\"false\"\n                    [show-all]=\"false\"\n                    [render-text]=\"true\"\n                    style=\"width: 100%; height: 100%\">\n        </pdf-viewer>\n        }\n    </div>\n</pinch-zoom>\n\n<ion-footer>\n  <ion-toolbar color=\"primary\" class=\"euim-pdf-viewer__footer\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf || !data\">\n        <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-buttons>\n      <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n        <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button (click)=\"onResetZoom()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n        <ion-icon name=\"refresh-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button (click)=\"onZoomIn()\" [disabled]=\"zoom === 4 || !pdf || !data\">\n        <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"prevPage()\" [disabled]=\"page === 1 || !pdf || !data\">\n        <ion-icon name=\"arrow-back-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <span>{{ page }}/{{ pdfNumPages }}</span>\n      <ion-button (click)=\"nextPage()\" [disabled]=\"page === pdfNumPages || !pdf || !data\">\n        <ion-icon name=\"arrow-forward-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-footer>\n", styles: [".euim-pdf-viewer{display:flex;flex-direction:column;height:100%;min-height:600px}.euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl))}.euim-pdf-viewer__footer-zoom-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}ion-content .euim-pdf-viewer{display:flex;flex-direction:column;height:calc(100vh - var(--eui-s-5xl))}ion-content .euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl) * 2)}ion-content .euim-pdf-viewer ion-footer{margin-top:auto}ion-modal .euim-pdf-viewer{height:100%;min-height:auto}ion-modal .euim-pdf-viewer__container{height:400px}@media (max-width: 767px){ion-modal .euim-pdf-viewer{height:calc(100vh - var(--eui-s-5xl))}ion-modal .euim-pdf-viewer__container{height:calc(100vh - var(--eui-s-5xl) * 2)}}\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.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i3.PdfViewerComponent, selector: "pdf-viewer", inputs: ["src", "c-maps-url", "page", "render-text", "render-text-mode", "original-size", "show-all", "stick-to-page", "zoom", "zoom-scale", "rotation", "external-link-target", "autoresize", "fit-to-page", "show-borders"], outputs: ["after-load-complete", "page-rendered", "pages-initialized", "text-layer-rendered", "error", "on-progress", "pageChange"] }, { kind: "component", type: i4.PinchZoomComponent, selector: "pinch-zoom, [pinch-zoom]", inputs: ["properties", "transition-duration", "transitionDuration", "double-tap", "doubleTap", "double-tap-scale", "doubleTapScale", "auto-zoom-out", "autoZoomOut", "limit-zoom", "limitZoom", "disabled", "disablePan", "overflow", "zoomControlScale", "disableZoomControl", "backgroundColor", "limitPan", "minPanScale", "minScale", "listeners", "wheel", "autoHeight", "stepZoomFactor", "wheelZoomFactor", "draggableImage"], outputs: ["onZoomChange"], exportAs: ["pinchZoom"] }, { kind: "component", type: EuimSpinnerComponent, selector: "euim-spinner" }, { kind: "component", type: EuimSpinnerMessageComponent, selector: "[euimSpinnerMessage]" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: EuimPdfViewerComponent, selector: "euim-pdf-viewer", inputs: { url: "url", page: "page" }, host: { properties: { "className": "this.className" } }, viewQueries: [{ propertyName: "pinch", first: true, predicate: ["pinch"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (loading || errorMessage) {\n<div>\n  @if (loading) {\n    <euim-spinner>\n      <div euimSpinnerMessage>{{'euim.pdf-viewer.SPINNER-MESSAGE' | translate }}</div>\n    </euim-spinner>\n  }\n  @if (errorMessage) {\n    <div>{{'euim.pdf-viewer.LOADING-PDF-ERROR-MESSAGE' | translate }}</div>\n  }\n</div>\n}\n\n<pinch-zoom [limit-zoom]=\"4\"\n            [transition-duration]=\"50\"\n            [zoomControlScale]=\"0.5\"\n            (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n    <div class=\"euim-pdf-viewer__container\">\n        @if (data) {\n        <pdf-viewer [src]=\"data\"\n                    [original-size]=\"false\"\n                    [zoom-scale]=\"'page-height'\"\n                    (after-load-complete)=\"onLoaded($event)\"\n                    (error)=\"onError()\"\n                    [(page)]=\"page\"\n                    [stick-to-page]=\"false\"\n                    [show-all]=\"false\"\n                    [render-text]=\"true\"\n                    style=\"width: 100%; height: 100%\">\n        </pdf-viewer>\n        }\n    </div>\n</pinch-zoom>\n\n<ion-footer>\n  <ion-toolbar color=\"primary\" class=\"euim-pdf-viewer__footer\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf || !data\">\n        <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-buttons>\n      <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n        <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button (click)=\"onResetZoom()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n        <ion-icon name=\"refresh-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button (click)=\"onZoomIn()\" [disabled]=\"zoom === 4 || !pdf || !data\">\n        <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"prevPage()\" [disabled]=\"page === 1 || !pdf || !data\">\n        <ion-icon name=\"arrow-back-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <span>{{ page }}/{{ pdfNumPages }}</span>\n      <ion-button (click)=\"nextPage()\" [disabled]=\"page === pdfNumPages || !pdf || !data\">\n        <ion-icon name=\"arrow-forward-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-footer>\n", styles: [".euim-pdf-viewer{display:flex;flex-direction:column;height:100%;min-height:600px}.euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl))}.euim-pdf-viewer__footer-zoom-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}ion-content .euim-pdf-viewer{display:flex;flex-direction:column;height:calc(100vh - var(--eui-s-5xl))}ion-content .euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl) * 2)}ion-content .euim-pdf-viewer ion-footer{margin-top:auto}ion-modal .euim-pdf-viewer{height:100%;min-height:auto}ion-modal .euim-pdf-viewer__container{height:calc(100vh - var(--eui-s-5xl))}@media (max-width: 767px){ion-modal .euim-pdf-viewer{height:calc(100vh - var(--eui-s-5xl))}ion-modal .euim-pdf-viewer__container{height:calc(100vh - var(--eui-s-5xl) * 2)}}\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.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i3.PdfViewerComponent, selector: "pdf-viewer", inputs: ["src", "c-maps-url", "page", "render-text", "render-text-mode", "original-size", "show-all", "stick-to-page", "zoom", "zoom-scale", "rotation", "external-link-target", "autoresize", "fit-to-page", "show-borders"], outputs: ["after-load-complete", "page-rendered", "pages-initialized", "text-layer-rendered", "error", "on-progress", "pageChange"] }, { kind: "component", type: i4.PinchZoomComponent, selector: "pinch-zoom, [pinch-zoom]", inputs: ["properties", "transition-duration", "transitionDuration", "double-tap", "doubleTap", "double-tap-scale", "doubleTapScale", "auto-zoom-out", "autoZoomOut", "limit-zoom", "limitZoom", "disabled", "disablePan", "overflow", "zoomControlScale", "disableZoomControl", "backgroundColor", "limitPan", "minPanScale", "minScale", "listeners", "wheel", "autoHeight", "stepZoomFactor", "wheelZoomFactor", "draggableImage"], outputs: ["onZoomChange"], exportAs: ["pinchZoom"] }, { kind: "component", type: EuimSpinnerComponent, selector: "euim-spinner" }, { kind: "component", type: EuimSpinnerMessageComponent, selector: "[euimSpinnerMessage]" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimPdfViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-pdf-viewer', encapsulation: ViewEncapsulation.None, template: "@if (loading || errorMessage) {\n<div>\n  @if (loading) {\n    <euim-spinner>\n      <div euimSpinnerMessage>{{'euim.pdf-viewer.SPINNER-MESSAGE' | translate }}</div>\n    </euim-spinner>\n  }\n  @if (errorMessage) {\n    <div>{{'euim.pdf-viewer.LOADING-PDF-ERROR-MESSAGE' | translate }}</div>\n  }\n</div>\n}\n\n<pinch-zoom [limit-zoom]=\"4\"\n            [transition-duration]=\"50\"\n            [zoomControlScale]=\"0.5\"\n            (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n    <div class=\"euim-pdf-viewer__container\">\n        @if (data) {\n        <pdf-viewer [src]=\"data\"\n                    [original-size]=\"false\"\n                    [zoom-scale]=\"'page-height'\"\n                    (after-load-complete)=\"onLoaded($event)\"\n                    (error)=\"onError()\"\n                    [(page)]=\"page\"\n                    [stick-to-page]=\"false\"\n                    [show-all]=\"false\"\n                    [render-text]=\"true\"\n                    style=\"width: 100%; height: 100%\">\n        </pdf-viewer>\n        }\n    </div>\n</pinch-zoom>\n\n<ion-footer>\n  <ion-toolbar color=\"primary\" class=\"euim-pdf-viewer__footer\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf || !data\">\n        <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-buttons>\n      <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n        <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button (click)=\"onResetZoom()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n        <ion-icon name=\"refresh-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button (click)=\"onZoomIn()\" [disabled]=\"zoom === 4 || !pdf || !data\">\n        <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"prevPage()\" [disabled]=\"page === 1 || !pdf || !data\">\n        <ion-icon name=\"arrow-back-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <span>{{ page }}/{{ pdfNumPages }}</span>\n      <ion-button (click)=\"nextPage()\" [disabled]=\"page === pdfNumPages || !pdf || !data\">\n        <ion-icon name=\"arrow-forward-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-footer>\n", styles: [".euim-pdf-viewer{display:flex;flex-direction:column;height:100%;min-height:600px}.euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl))}.euim-pdf-viewer__footer-zoom-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}ion-content .euim-pdf-viewer{display:flex;flex-direction:column;height:calc(100vh - var(--eui-s-5xl))}ion-content .euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl) * 2)}ion-content .euim-pdf-viewer ion-footer{margin-top:auto}ion-modal .euim-pdf-viewer{height:100%;min-height:auto}ion-modal .euim-pdf-viewer__container{height:400px}@media (max-width: 767px){ion-modal .euim-pdf-viewer{height:calc(100vh - var(--eui-s-5xl))}ion-modal .euim-pdf-viewer__container{height:calc(100vh - var(--eui-s-5xl) * 2)}}\n"] }]
+            args: [{ selector: 'euim-pdf-viewer', encapsulation: ViewEncapsulation.None, template: "@if (loading || errorMessage) {\n<div>\n  @if (loading) {\n    <euim-spinner>\n      <div euimSpinnerMessage>{{'euim.pdf-viewer.SPINNER-MESSAGE' | translate }}</div>\n    </euim-spinner>\n  }\n  @if (errorMessage) {\n    <div>{{'euim.pdf-viewer.LOADING-PDF-ERROR-MESSAGE' | translate }}</div>\n  }\n</div>\n}\n\n<pinch-zoom [limit-zoom]=\"4\"\n            [transition-duration]=\"50\"\n            [zoomControlScale]=\"0.5\"\n            (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n    <div class=\"euim-pdf-viewer__container\">\n        @if (data) {\n        <pdf-viewer [src]=\"data\"\n                    [original-size]=\"false\"\n                    [zoom-scale]=\"'page-height'\"\n                    (after-load-complete)=\"onLoaded($event)\"\n                    (error)=\"onError()\"\n                    [(page)]=\"page\"\n                    [stick-to-page]=\"false\"\n                    [show-all]=\"false\"\n                    [render-text]=\"true\"\n                    style=\"width: 100%; height: 100%\">\n        </pdf-viewer>\n        }\n    </div>\n</pinch-zoom>\n\n<ion-footer>\n  <ion-toolbar color=\"primary\" class=\"euim-pdf-viewer__footer\">\n    <ion-buttons slot=\"start\">\n      <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf || !data\">\n        <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-buttons>\n      <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n        <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button (click)=\"onResetZoom()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n        <ion-icon name=\"refresh-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <ion-button (click)=\"onZoomIn()\" [disabled]=\"zoom === 4 || !pdf || !data\">\n        <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n    <ion-buttons slot=\"end\">\n      <ion-button (click)=\"prevPage()\" [disabled]=\"page === 1 || !pdf || !data\">\n        <ion-icon name=\"arrow-back-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n      <span>{{ page }}/{{ pdfNumPages }}</span>\n      <ion-button (click)=\"nextPage()\" [disabled]=\"page === pdfNumPages || !pdf || !data\">\n        <ion-icon name=\"arrow-forward-circle-outline\" slot=\"icon-only\"></ion-icon>\n      </ion-button>\n    </ion-buttons>\n  </ion-toolbar>\n</ion-footer>\n", styles: [".euim-pdf-viewer{display:flex;flex-direction:column;height:100%;min-height:600px}.euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl))}.euim-pdf-viewer__footer-zoom-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}ion-content .euim-pdf-viewer{display:flex;flex-direction:column;height:calc(100vh - var(--eui-s-5xl))}ion-content .euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl) * 2)}ion-content .euim-pdf-viewer ion-footer{margin-top:auto}ion-modal .euim-pdf-viewer{height:100%;min-height:auto}ion-modal .euim-pdf-viewer__container{height:calc(100vh - var(--eui-s-5xl))}@media (max-width: 767px){ion-modal .euim-pdf-viewer{height:calc(100vh - var(--eui-s-5xl))}ion-modal .euim-pdf-viewer__container{height:calc(100vh - var(--eui-s-5xl) * 2)}}\n"] }]
         }], ctorParameters: () => [{ type: i1.AlertController }, { type: i2$2.HttpClient }], propDecorators: { url: [{
                 type: Input
             }], page: [{
@@ -4000,7 +4000,7 @@ class EuimToolbarDatepickerComponent {
         this.weekDayName = this.weekdays[this.currentDate.getDay()];
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerComponent, deps: [{ token: BaseStatesDirective }, { token: i1$2.Router }, { token: i2$1.Location }, { token: i2.TranslateService }, { token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { 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], closeModalOnBack: ["closeModalOnBack", "closeModalOnBack", booleanAttribute], selectDateBy: "selectDateBy" }, outputs: { prevBtnClick: "prevBtnClick", nextBtnClick: "nextBtnClick", dateChanged: "dateChanged" }, host: { listeners: { "window:popstate": "dismissModal($event)" }, properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ion-item class=\"euim-toolbar-datepicker__item\" color=\"branding\">\n    <euim-avatar  fill=\"clear\" slot=\"start\" >\n        <euim-avatar-icon>\n            <ion-icon [name]=\"icon\"\n                      class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n        </euim-avatar-icon>\n    </euim-avatar>\n    @if (!euimReadOnly){\n    <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n                         [datetime]=\"dateTimeId\">\n    </ion-datetime-button>\n    }\n    <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n        <ion-label class=\"euim-toolbar-datepicker__date\">\n            <div class=\"euim-toolbar-datepicker__title\"\n                 euimLabel\n                 euimLabelTitle\n                 euimLabelTruncate\n                 disabled=\"euimReadOnly\">{{!title ? weekDayName : title}}</div>\n\n            <div euimLabel\n                 euimLabelSubTitle\n                 euimLabelTruncate\n                 disabled=\"euimReadOnly\">{{!subTitle ? formattedDate : subTitle}}</div>\n        </ion-label>\n        @if (!euimReadOnly){\n            <ion-icon class=\"euim-toolbar-datepicker__datetime-caret\"\n                      name=\"caret-down\"></ion-icon>\n        }\n    </div>\n\n    @if (!euimReadOnly) {\n        <ion-buttons slot=\"end\">\n            <ion-button (click)=\"selectPrevDate()\"\n                        [disabled] = \"euimPrevBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button\">\n                <ion-icon name=\"chevron-back-circle\">\n                </ion-icon>\n            </ion-button>\n            <ion-button\n                        (click)=\"selectNextDate()\"\n                        [disabled]=\"euimNextBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n                <ion-icon name=\"chevron-forward-circle\"></ion-icon>\n            </ion-button>\n        </ion-buttons>\n    }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n           (ionModalDidPresent)=\"onModalPresent()\"\n           (ionModalDidDismiss)=\"onModalDismiss()\"\n           [trigger]=\"modalId\">\n    <ng-template>\n        <ion-datetime\n            [showDefaultButtons]=\"true\"\n            (ionChange)=\"calendarDateChanged($event)\"\n            size=\"cover\"\n            [id]=\"dateTimeId\"\n            [locale]=\"currentLang\"\n            presentation=\"date\"\n            [(ngModel)]=\"selectedDate\"></ion-datetime>\n    </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-s-xs)}.euim-toolbar-datepicker ion-item: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-button .euim-toolbar-datepicker__date{display:grid}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-s-xs)!important;margin-right:var(--eui-s-xs)!important;width:var(--eui-s-m);height:var(--eui-s-m);flex-shrink:0;color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-is-l);height:var(--eui-is-l);color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker--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: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "formatOptions", "highlightedDates", "hourCycle", "hourValues", "isDateEnabled", "locale", "max", "min", "minuteValues", "mode", "monthValues", "multiple", "name", "preferWheel", "presentation", "readonly", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }, { kind: "component", type: i1.IonDatetimeButton, selector: "ion-datetime-button", inputs: ["color", "datetime", "disabled", "mode"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonModal, selector: "ion-modal" }, { kind: "directive", type: i1.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵ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], closeModalOnBack: ["closeModalOnBack", "closeModalOnBack", booleanAttribute], selectDateBy: "selectDateBy" }, outputs: { prevBtnClick: "prevBtnClick", nextBtnClick: "nextBtnClick", dateChanged: "dateChanged" }, host: { listeners: { "window:popstate": "dismissModal($event)" }, properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ion-item class=\"euim-toolbar-datepicker__item\" color=\"branding\">\n    <euim-avatar  fill=\"clear\" slot=\"start\" >\n        <euim-avatar-icon>\n            <ion-icon [name]=\"icon\"\n                      class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n        </euim-avatar-icon>\n    </euim-avatar>\n    @if (!euimReadOnly){\n    <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n                         [datetime]=\"dateTimeId\">\n    </ion-datetime-button>\n    }\n    <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n        <ion-label class=\"euim-toolbar-datepicker__date\">\n            <div class=\"euim-toolbar-datepicker__title\"\n                 euimLabel\n                 euimLabelTitle\n                 euimLabelTruncate\n                 disabled=\"euimReadOnly\">{{!title ? weekDayName : title}}</div>\n\n            <div euimLabel\n                 euimLabelSubTitle\n                 euimLabelTruncate\n                 disabled=\"euimReadOnly\">{{!subTitle ? formattedDate : subTitle}}</div>\n        </ion-label>\n        @if (!euimReadOnly){\n            <ion-icon class=\"euim-toolbar-datepicker__datetime-caret\"\n                      name=\"caret-down\"></ion-icon>\n        }\n    </div>\n\n    @if (!euimReadOnly) {\n        <ion-buttons slot=\"end\">\n            <ion-button (click)=\"selectPrevDate()\"\n                        [disabled] = \"euimPrevBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button\">\n                <ion-icon name=\"chevron-back-circle\">\n                </ion-icon>\n            </ion-button>\n            <ion-button\n                        (click)=\"selectNextDate()\"\n                        [disabled]=\"euimNextBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n                <ion-icon name=\"chevron-forward-circle\"></ion-icon>\n            </ion-button>\n        </ion-buttons>\n    }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n           (ionModalDidPresent)=\"onModalPresent()\"\n           (ionModalDidDismiss)=\"onModalDismiss()\"\n           [trigger]=\"modalId\">\n    <ng-template>\n        <ion-datetime\n            [showDefaultButtons]=\"true\"\n            (ionChange)=\"calendarDateChanged($event)\"\n            size=\"cover\"\n            [id]=\"dateTimeId\"\n            [locale]=\"currentLang\"\n            presentation=\"date\"\n            [(ngModel)]=\"selectedDate\"></ion-datetime>\n    </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-s-xs)}.euim-toolbar-datepicker ion-item ion-buttons[slot=end]{margin-inline-start:0}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-s-l);margin-right:var(--eui-s-l);width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-toolbar-datepicker__datetime-button{display:flex;align-items:center;height:100%;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-button .euim-toolbar-datepicker__date{display:grid}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-s-xs)!important;margin-right:var(--eui-s-xs)!important;width:var(--eui-s-m);height:var(--eui-s-m);flex-shrink:0;color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-is-m);height:var(--eui-is-m);color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button:first-child{margin-right:var(--eui-s-m)}.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: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "formatOptions", "highlightedDates", "hourCycle", "hourValues", "isDateEnabled", "locale", "max", "min", "minuteValues", "mode", "monthValues", "multiple", "name", "preferWheel", "presentation", "readonly", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }, { kind: "component", type: i1.IonDatetimeButton, selector: "ion-datetime-button", inputs: ["color", "datetime", "disabled", "mode"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonModal, selector: "ion-modal" }, { kind: "directive", type: i1.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuimToolbarDatepickerComponent, decorators: [{
             type: Component,
@@ -4011,7 +4011,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                                 'color',
                             ],
                         },
-                    ], template: "<ion-item class=\"euim-toolbar-datepicker__item\" color=\"branding\">\n    <euim-avatar  fill=\"clear\" slot=\"start\" >\n        <euim-avatar-icon>\n            <ion-icon [name]=\"icon\"\n                      class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n        </euim-avatar-icon>\n    </euim-avatar>\n    @if (!euimReadOnly){\n    <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n                         [datetime]=\"dateTimeId\">\n    </ion-datetime-button>\n    }\n    <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n        <ion-label class=\"euim-toolbar-datepicker__date\">\n            <div class=\"euim-toolbar-datepicker__title\"\n                 euimLabel\n                 euimLabelTitle\n                 euimLabelTruncate\n                 disabled=\"euimReadOnly\">{{!title ? weekDayName : title}}</div>\n\n            <div euimLabel\n                 euimLabelSubTitle\n                 euimLabelTruncate\n                 disabled=\"euimReadOnly\">{{!subTitle ? formattedDate : subTitle}}</div>\n        </ion-label>\n        @if (!euimReadOnly){\n            <ion-icon class=\"euim-toolbar-datepicker__datetime-caret\"\n                      name=\"caret-down\"></ion-icon>\n        }\n    </div>\n\n    @if (!euimReadOnly) {\n        <ion-buttons slot=\"end\">\n            <ion-button (click)=\"selectPrevDate()\"\n                        [disabled] = \"euimPrevBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button\">\n                <ion-icon name=\"chevron-back-circle\">\n                </ion-icon>\n            </ion-button>\n            <ion-button\n                        (click)=\"selectNextDate()\"\n                        [disabled]=\"euimNextBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n                <ion-icon name=\"chevron-forward-circle\"></ion-icon>\n            </ion-button>\n        </ion-buttons>\n    }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n           (ionModalDidPresent)=\"onModalPresent()\"\n           (ionModalDidDismiss)=\"onModalDismiss()\"\n           [trigger]=\"modalId\">\n    <ng-template>\n        <ion-datetime\n            [showDefaultButtons]=\"true\"\n            (ionChange)=\"calendarDateChanged($event)\"\n            size=\"cover\"\n            [id]=\"dateTimeId\"\n            [locale]=\"currentLang\"\n            presentation=\"date\"\n            [(ngModel)]=\"selectedDate\"></ion-datetime>\n    </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-s-xs)}.euim-toolbar-datepicker ion-item: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-button .euim-toolbar-datepicker__date{display:grid}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-s-xs)!important;margin-right:var(--eui-s-xs)!important;width:var(--eui-s-m);height:var(--eui-s-m);flex-shrink:0;color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-is-l);height:var(--eui-is-l);color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker--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"] }]
+                    ], template: "<ion-item class=\"euim-toolbar-datepicker__item\" color=\"branding\">\n    <euim-avatar  fill=\"clear\" slot=\"start\" >\n        <euim-avatar-icon>\n            <ion-icon [name]=\"icon\"\n                      class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n        </euim-avatar-icon>\n    </euim-avatar>\n    @if (!euimReadOnly){\n    <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n                         [datetime]=\"dateTimeId\">\n    </ion-datetime-button>\n    }\n    <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n        <ion-label class=\"euim-toolbar-datepicker__date\">\n            <div class=\"euim-toolbar-datepicker__title\"\n                 euimLabel\n                 euimLabelTitle\n                 euimLabelTruncate\n                 disabled=\"euimReadOnly\">{{!title ? weekDayName : title}}</div>\n\n            <div euimLabel\n                 euimLabelSubTitle\n                 euimLabelTruncate\n                 disabled=\"euimReadOnly\">{{!subTitle ? formattedDate : subTitle}}</div>\n        </ion-label>\n        @if (!euimReadOnly){\n            <ion-icon class=\"euim-toolbar-datepicker__datetime-caret\"\n                      name=\"caret-down\"></ion-icon>\n        }\n    </div>\n\n    @if (!euimReadOnly) {\n        <ion-buttons slot=\"end\">\n            <ion-button (click)=\"selectPrevDate()\"\n                        [disabled] = \"euimPrevBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button\">\n                <ion-icon name=\"chevron-back-circle\">\n                </ion-icon>\n            </ion-button>\n            <ion-button\n                        (click)=\"selectNextDate()\"\n                        [disabled]=\"euimNextBtnDisabled\"\n                        shape=\"round\"\n                        class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n                <ion-icon name=\"chevron-forward-circle\"></ion-icon>\n            </ion-button>\n        </ion-buttons>\n    }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n           (ionModalDidPresent)=\"onModalPresent()\"\n           (ionModalDidDismiss)=\"onModalDismiss()\"\n           [trigger]=\"modalId\">\n    <ng-template>\n        <ion-datetime\n            [showDefaultButtons]=\"true\"\n            (ionChange)=\"calendarDateChanged($event)\"\n            size=\"cover\"\n            [id]=\"dateTimeId\"\n            [locale]=\"currentLang\"\n            presentation=\"date\"\n            [(ngModel)]=\"selectedDate\"></ion-datetime>\n    </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-s-xs)}.euim-toolbar-datepicker ion-item ion-buttons[slot=end]{margin-inline-start:0}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-s-l);margin-right:var(--eui-s-l);width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-toolbar-datepicker__datetime-button{display:flex;align-items:center;height:100%;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-button .euim-toolbar-datepicker__date{display:grid}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-s-xs)!important;margin-right:var(--eui-s-xs)!important;width:var(--eui-s-m);height:var(--eui-s-m);flex-shrink:0;color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-is-m);height:var(--eui-is-m);color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button:first-child{margin-right:var(--eui-s-m)}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__calendar,.euim-toolbar-datepicker--primary .euim-label{color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}\n"] }]
         }], ctorParameters: () => [{ type: BaseStatesDirective }, { type: i1$2.Router }, { type: i2$1.Location }, { type: i2.TranslateService }, { type: i1.ModalController }], propDecorators: { icon: [{
                 type: Input
             }], title: [{