@eui/mobile-core 17.0.0-next.1 → 17.0.0-next.3

package/fesm2022/eui-mobile-core.mjs

@@ -16,6 +16,10 @@ import { EuiEuLanguages } from '@eui/core';
 import { takeUntil, distinctUntilKeyChanged } from 'rxjs/operators';
 import * as i1$1 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
+import * as i3 from 'ng2-pdf-viewer';
+import { PdfViewerModule } from 'ng2-pdf-viewer';
+import * as i4 from '@meddv/ngx-pinch-zoom';
+import { PinchZoomModule } from '@meddv/ngx-pinch-zoom';
 
 const initialState = {
     isLanguageListVisible: false,
@@ -854,7 +858,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 args: ['class']
             }] } });
 
-const COMPONENTS$e = [
+const COMPONENTS$f = [
     EuimAppSidebarComponent,
     EuimAppSidebarHeaderComponent,
     EuimAppSidebarFooterComponent,
@@ -884,10 +888,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                         IonicModule,
                     ],
                     declarations: [
-                        ...COMPONENTS$e,
+                        ...COMPONENTS$f,
                     ],
                     exports: [
-                        ...COMPONENTS$e,
+                        ...COMPONENTS$f,
                     ],
                 }]
         }] });
@@ -1435,7 +1439,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 type: HostBinding
             }] } });
 
-const COMPONENTS$d = [
+const COMPONENTS$e = [
     EuimUserProfileComponent,
     EuiMUserProfileAvatarComponent,
     EuiMUserProfileInfosComponent,
@@ -1465,10 +1469,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                         IonicModule,
                     ],
                     exports: [
-                        ...COMPONENTS$d,
+                        ...COMPONENTS$e,
                     ],
                     declarations: [
-                        ...COMPONENTS$d,
+                        ...COMPONENTS$e,
                     ],
                 }]
         }] });
@@ -1774,7 +1778,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 args: ['class']
             }] } });
 
-const COMPONENTS$c = [
+const COMPONENTS$d = [
     EuimHeaderDetailsComponent,
     EuimHeaderDetailsTitleDirective,
     EuimHeaderDetailsMetaDirective,
@@ -1801,10 +1805,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                         IonicModule,
                     ],
                     exports: [
-                        ...COMPONENTS$c,
+                        ...COMPONENTS$d,
                     ],
                     declarations: [
-                        ...COMPONENTS$c,
+                        ...COMPONENTS$d,
                     ],
                 }]
         }] });
@@ -1878,7 +1882,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 args: ['class']
             }] } });
 
-const COMPONENTS$b = [
+const COMPONENTS$c = [
     EuimInfoScreenComponent,
     EuimInfoScreenTitleDirective,
     EuimInfoScreenContentDirective,
@@ -1905,10 +1909,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                         IonicModule,
                     ],
                     exports: [
-                        ...COMPONENTS$b,
+                        ...COMPONENTS$c,
                     ],
                     declarations: [
-                        ...COMPONENTS$b,
+                        ...COMPONENTS$c,
                     ],
                 }]
         }] });
@@ -2040,7 +2044,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 type: HostBinding
             }] } });
 
-const COMPONENTS$a = [
+const COMPONENTS$b = [
     EuimMessageComponent,
     EuimMessageTitleComponent,
 ];
@@ -2061,10 +2065,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                         IonicModule,
                     ],
                     exports: [
-                        ...COMPONENTS$a,
+                        ...COMPONENTS$b,
                     ],
                     declarations: [
-                        ...COMPONENTS$a,
+                        ...COMPONENTS$b,
                     ],
                 }]
         }] });
@@ -2198,7 +2202,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 args: ['class']
             }] } });
 
-const COMPONENTS$9 = [
+const COMPONENTS$a = [
     EuimFieldSetComponent,
     EuimFieldsetLegendComponent,
     EuimFieldsetActionsComponent,
@@ -2222,10 +2226,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                         IonicModule,
                     ],
                     exports: [
-                        ...COMPONENTS$9,
+                        ...COMPONENTS$a,
                     ],
                     declarations: [
-                        ...COMPONENTS$9,
+                        ...COMPONENTS$a,
                     ],
                 }]
         }] });
@@ -2411,7 +2415,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 args: ['class']
             }] } });
 
-const COMPONENTS$8 = [
+const COMPONENTS$9 = [
     EuimMediaHeaderComponent,
     EuimMediaHeaderTitleDirective,
     EuimMediaHeaderSubTitleDirective,
@@ -2438,10 +2442,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                         IonicModule,
                     ],
                     exports: [
-                        ...COMPONENTS$8,
+                        ...COMPONENTS$9,
                     ],
                     declarations: [
-                        ...COMPONENTS$8,
+                        ...COMPONENTS$9,
                     ],
                 }]
         }] });
@@ -2572,7 +2576,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 args: ['class']
             }] } });
 
-const COMPONENTS$7 = [
+const COMPONENTS$8 = [
     EuimDataSummaryComponent,
     EuimDataSummaryColComponent,
     EuimDataSummaryColLabelDirective,
@@ -2599,10 +2603,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                         IonicModule,
                     ],
                     exports: [
-                        ...COMPONENTS$7,
+                        ...COMPONENTS$8,
                     ],
                     declarations: [
-                        ...COMPONENTS$7,
+                        ...COMPONENTS$8,
                     ],
                 }]
         }] });
@@ -2656,7 +2660,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 args: ['class']
             }] } });
 
-const COMPONENTS$6 = [
+const COMPONENTS$7 = [
     EuimAvatarComponent,
     EuimAvatarSubIconDirective,
     EuimAvatarMainIconDirective,
@@ -2680,10 +2684,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                         IonicModule,
                     ],
                     exports: [
-                        ...COMPONENTS$6,
+                        ...COMPONENTS$7,
                     ],
                     declarations: [
-                        ...COMPONENTS$6,
+                        ...COMPONENTS$7,
                     ],
                 }]
         }] });
@@ -2812,7 +2816,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 args: ['class']
             }] } });
 
-const COMPONENTS$5 = [
+const COMPONENTS$6 = [
     EuimAlertMessageComponent,
 ];
 class EuimAlertMessageModule {
@@ -2833,10 +2837,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                         EuimLabelModule,
                     ],
                     exports: [
-                        ...COMPONENTS$5,
+                        ...COMPONENTS$6,
                     ],
                     declarations: [
-                        ...COMPONENTS$5,
+                        ...COMPONENTS$6,
                     ],
                 }]
         }] });
@@ -3033,7 +3037,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 args: ['class']
             }] } });
 
-const COMPONENTS$4 = [
+const COMPONENTS$5 = [
     EuimSliderComponent,
     EuimSlideComponent,
 ];
@@ -3054,10 +3058,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                         IonicModule,
                     ],
                     exports: [
-                        ...COMPONENTS$4,
+                        ...COMPONENTS$5,
                     ],
                     declarations: [
-                        ...COMPONENTS$4,
+                        ...COMPONENTS$5,
                     ],
                 }]
         }] });
@@ -3316,7 +3320,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 args: ['class']
             }] } });
 
-const COMPONENTS$3 = [
+const COMPONENTS$4 = [
     EuimSliderInfoScreenComponent,
     EuimSlideInfoScreenComponent,
     EuimSliderInfoScreenContentDirective,
@@ -3346,10 +3350,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                         IonicModule,
                     ],
                     exports: [
-                        ...COMPONENTS$3,
+                        ...COMPONENTS$4,
                     ],
                     declarations: [
-                        ...COMPONENTS$3,
+                        ...COMPONENTS$4,
                     ],
                 }]
         }] });
@@ -3396,6 +3400,7 @@ class EuimChipSelectorItemDirective {
     constructor(renderer, el) {
         this.renderer = renderer;
         this.el = el;
+        this.clickEventAdded = false;
         this.euimChipSelectorAll = false;
         this.className = 'euim-chip-selector__item';
     }
@@ -3433,10 +3438,14 @@ class EuimChipSelectorComponent {
         this.sourceData = [];
         this.selectedChips = [];
         this.isMultiSelectionMode = false;
+        this.euimKeepSelection = false;
+        this.hasSearchbar = false;
         this.filterData = new EventEmitter();
         this.clickItems = new EventEmitter();
         this.filteredData = [...this.sourceData];
         this.filterConditions = [];
+        this.searchInput = '';
+        this.clickEventHandled = false;
     }
     get cssClasses() {
         return this.getCssClasses();
@@ -3445,9 +3454,24 @@ class EuimChipSelectorComponent {
         this.setCssItemClasses();
     }
     ngAfterContentInit() {
+        this.subscribeToChanges();
         this.updateChipsAndFilterDataAfterInit();
         this.updateChipsAndFilters();
     }
+    ngOnDestroy() {
+        if (this.euimChipSelectorItemSubscription) {
+            this.euimChipSelectorItemSubscription.unsubscribe();
+        }
+    }
+    subscribeToChanges() {
+        if (this.euimChipSelectorItemSubscription) {
+            this.euimChipSelectorItemSubscription.unsubscribe();
+        }
+        this.euimChipSelectorItemSubscription = this.euimChipSelectorItemComponent.changes.subscribe(() => {
+            this.updateChipsAndFilters();
+            this.setCssItemClasses();
+        });
+    }
     ngOnChanges(changes) {
         if (this.euimChipSelectorItemComponent && this.euimChipSelectorItemComponent.length > 0 &&
             changes.selectedChips.currentValue && changes.selectedChips.currentValue.length === 1 &&
@@ -3487,19 +3511,64 @@ class EuimChipSelectorComponent {
     }
     updateChipsAndFilters() {
         this.euimChipSelectorItemComponent.forEach(chip => {
-            chip.el.nativeElement.addEventListener('click', () => {
-                this.euimChipSelectorItemComponent.forEach(chip => {
-                    if (!this.isMultiSelectionMode || this.isMultiSelectionMode && chip.euimChipSelectorAll) {
-                        this.removeSelectedStyles(chip.el.nativeElement);
+            if (!chip.clickEventAdded) {
+                chip.el.nativeElement.addEventListener('click', () => {
+                    if (!this.clickEventHandled) {
+                        this.clickEventHandled = true;
+                        this.euimChipSelectorItemComponent.forEach(innerChip => {
+                            if (!this.isMultiSelectionMode || (this.isMultiSelectionMode && innerChip.euimChipSelectorAll)) {
+                                this.removeSelectedStyles(innerChip.el.nativeElement);
+                            }
+                        });
+                        this.addSelectedStyles(chip.el.nativeElement);
+                        this.onFilterChange(chip.id?.toString(), chip.euimChipSelectorAll, chip.el.nativeElement);
+                        this.filterData.emit(this.filteredData);
+                        this.clickItems.emit(this.selectedChips);
+                        this.clickEventHandled = false;
                     }
                 });
-                this.addSelectedStyles(chip.el.nativeElement);
-                this.onFilterChange(chip.id.toString(), chip.euimChipSelectorAll, chip.el.nativeElement);
-                this.filterData.emit(this.filteredData);
-                this.clickItems.emit(this.selectedChips);
-            });
+                chip.clickEventAdded = true;
+            }
         });
     }
+    clickEventHandler(chip) {
+        if (!this.clickEventHandled) {
+            this.clickEventHandled = true;
+            this.euimChipSelectorItemComponent.forEach(innerChip => {
+                if (!this.isMultiSelectionMode || (this.isMultiSelectionMode && innerChip.euimChipSelectorAll)) {
+                    this.removeSelectedStyles(innerChip.el.nativeElement);
+                }
+            });
+            this.addSelectedStyles(chip.el.nativeElement);
+            this.onFilterChange(chip.id?.toString(), chip.euimChipSelectorAll, chip.el.nativeElement);
+            this.filterData.emit(this.filteredData);
+            this.clickItems.emit(this.selectedChips);
+            this.clickEventHandled = false;
+        }
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    handleChange(event) {
+        this.searchInput = event.detail.value.toLowerCase();
+        if (!this.euimKeepSelection)
+            return;
+        let filteredDataWithSearch = [];
+        if (this.selectedChips[0] !== '0' && this.isMultiSelectionMode) {
+            filteredDataWithSearch = [...this.sourceData].filter(item => this.selectedChips.includes(item.filterId));
+            this.filteredData = filteredDataWithSearch.filter(obj => obj.title.toLowerCase().includes(this.searchInput));
+            this.filterData.emit(this.filteredData);
+            return;
+        }
+        if (this.selectedChips[0] !== '0') {
+            filteredDataWithSearch = [...this.sourceData].filter(item => {
+                return item.filterId === this.selectedChips[0];
+            });
+            this.filteredData = filteredDataWithSearch.filter(obj => obj.title.toLowerCase().includes(this.searchInput));
+        }
+        else {
+            this.filteredData = [...this.sourceData].filter(obj => obj.title.toLowerCase().includes(this.searchInput));
+        }
+        this.filterData.emit(this.filteredData);
+    }
     clearFiltersAndSelectAll() {
         this.clearAllSelections();
         let isFirstElement = true;
@@ -3518,8 +3587,6 @@ class EuimChipSelectorComponent {
             if (chip.id === undefined && chip.euimChipSelectorAll) {
                 chip.id = 0;
             }
-        });
-        this.euimChipSelectorItemComponent.forEach((chip) => {
             const chipId = chip.id;
             if (chipId && this.selectedChips.includes(chipId)) {
                 this.addSelectedStyles(chip.el.nativeElement);
@@ -3530,9 +3597,13 @@ class EuimChipSelectorComponent {
                 this.addSelectedStyles(chip.el.nativeElement);
                 this.selectedChips = ['0'];
                 this.filterData.emit(this.sourceData);
-                this.clickItems.emit(this.selectedChips);
             }
         });
+        if (this.selectedChips.length > 0) {
+            this.emitEvents();
+        }
+    }
+    emitEvents() {
         this.clickItems.emit(this.selectedChips);
     }
     onFilterChange(filterCondition, isFilterAll, item) {
@@ -3550,10 +3621,22 @@ class EuimChipSelectorComponent {
             this.filteredData = [...this.sourceData];
             return;
         }
+        if (this.euimKeepSelection && this.searchInput !== '' && !isAllFilter && this.isMultiSelectionMode || multipleFilterConditions.length > 0) {
+            const filteredData = [...this.sourceData].filter(item => multipleFilterConditions.includes(item.filterId));
+            this.filteredData = filteredData.filter(obj => obj.title.toLowerCase().includes(this.searchInput));
+            return;
+        }
         if (this.isMultiSelectionMode || multipleFilterConditions.length > 0) {
             this.filteredData = [...this.sourceData].filter(item => multipleFilterConditions.includes(item.filterId));
             return;
         }
+        if (this.euimKeepSelection && this.searchInput !== '' && !isAllFilter) {
+            const filteredData = [...this.sourceData].filter(item => {
+                return item.filterId === filterCondition;
+            });
+            this.filteredData = filteredData.filter(obj => obj.title.toLowerCase().includes(this.searchInput));
+            return;
+        }
         this.filteredData = [...this.sourceData].filter(item => {
             return item.filterId === filterCondition;
         });
@@ -3600,14 +3683,20 @@ class EuimChipSelectorComponent {
         this.selectedChips = ['0'];
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimChipSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: EuimChipSelectorComponent, selector: "euim-chip-selector", inputs: { backgroundColor: "backgroundColor", chipColor: "chipColor", color: "color", chipSelectedColor: "chipSelectedColor", chipFill: "chipFill", sourceData: "sourceData", selectedChips: "selectedChips", isMultiSelectionMode: "isMultiSelectionMode" }, outputs: { filterData: "filterData", clickItems: "clickItems" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimChipSelectorItemComponent", predicate: EuimChipSelectorItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<euim-scroller-x>\n    <ng-content></ng-content>\n</euim-scroller-x>\n", styles: [".euim-chip-selector{padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);display:flex;align-items:center}.euim-chip-selector ion-chip{margin:0 var(--eui-base-spacing-xs) 0 0}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent!important;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-primary{background-color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-success{background-color:var(--eui-base-color-success-25);border-color:var(--eui-base-color-success-25);color:var(--eui-base-color-success-100)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-success-50)}.euim-chip-selector__item--color-warning{background-color:var(--eui-base-color-warning-25);border-color:var(--eui-base-color-warning-25);color:var(--eui-base-color-warning-140)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-warning-50)}.euim-chip-selector__item--color-danger{background-color:var(--eui-base-color-danger-25);border-color:var(--eui-base-color-danger-25);color:var(--eui-base-color-danger-100)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-danger-50)}.euim-chip-selector__item--color-primary{background-color:var(--eui-base-color-primary-25);border-color:var(--eui-base-color-primary-25);color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-primary-50)}.euim-chip-selector__item--color-info{background-color:var(--eui-base-color-info-25);border-color:var(--eui-base-color-info-25);color:var(--eui-base-color-info-100)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-info-50)}.euim-chip-selector__item--color-dark{background-color:var(--eui-base-color-grey-100);border-color:var(--eui-base-color-grey-100);color:var(--eui-base-color-white)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white{background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-base-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-grey-50)}ion-chip.euim-chip-selector__item-selected--color-white{background-color:var(--eui-base-color-white)!important;border-color:var(--eui-base-color-white)!important;color:var(--eui-base-color-grey-100)!important}ion-chip.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-base-color-grey-100)!important;border-color:var(--eui-base-color-grey-100)!important;color:var(--eui-base-color-white)!important}\n"], dependencies: [{ kind: "component", type: EuimScrollerXComponent, selector: "euim-scroller-x" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: EuimChipSelectorComponent, selector: "euim-chip-selector", inputs: { backgroundColor: "backgroundColor", chipColor: "chipColor", color: "color", chipSelectedColor: "chipSelectedColor", chipFill: "chipFill", sourceData: "sourceData", selectedChips: "selectedChips", isMultiSelectionMode: "isMultiSelectionMode", euimKeepSelection: "euimKeepSelection", hasSearchbar: "hasSearchbar" }, outputs: { filterData: "filterData", clickItems: "clickItems" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimChipSelectorItemComponent", predicate: EuimChipSelectorItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ion-searchbar *ngIf=\"hasSearchbar\" (ionChange)=\"handleChange($event)\"\n               class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n<euim-scroller-x>\n    <ng-content></ng-content>\n</euim-scroller-x>\n\n", styles: [".euim-chip-selector{padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);display:flex;justify-content:center;flex-direction:column}.euim-chip-selector ion-chip{margin:0 var(--eui-base-spacing-xs) 0 0}.euim-chip-selector ion-searchbar{padding-inline-start:0;padding-top:0;padding-bottom:var(--eui-base-spacing-s)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent!important;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-primary{background-color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-success{background-color:var(--eui-base-color-success-25);border-color:var(--eui-base-color-success-25);color:var(--eui-base-color-success-100)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-success-50)}.euim-chip-selector__item--color-warning{background-color:var(--eui-base-color-warning-25);border-color:var(--eui-base-color-warning-25);color:var(--eui-base-color-warning-140)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-warning-50)}.euim-chip-selector__item--color-danger{background-color:var(--eui-base-color-danger-25);border-color:var(--eui-base-color-danger-25);color:var(--eui-base-color-danger-100)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-danger-50)}.euim-chip-selector__item--color-primary{background-color:var(--eui-base-color-primary-25);border-color:var(--eui-base-color-primary-25);color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-primary-50)}.euim-chip-selector__item--color-info{background-color:var(--eui-base-color-info-25);border-color:var(--eui-base-color-info-25);color:var(--eui-base-color-info-100)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-info-50)}.euim-chip-selector__item--color-dark{background-color:var(--eui-base-color-grey-100);border-color:var(--eui-base-color-grey-100);color:var(--eui-base-color-white)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white{background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-base-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-grey-50)}ion-chip.euim-chip-selector__item-selected--color-white{background-color:var(--eui-base-color-white)!important;border-color:var(--eui-base-color-white)!important;color:var(--eui-base-color-grey-100)!important}ion-chip.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-base-color-grey-100)!important;border-color:var(--eui-base-color-grey-100)!important;color:var(--eui-base-color-white)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "mode", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "component", type: EuimScrollerXComponent, selector: "euim-scroller-x" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     coerceBoolean
 ], EuimChipSelectorComponent.prototype, "isMultiSelectionMode", void 0);
+__decorate([
+    coerceBoolean
+], EuimChipSelectorComponent.prototype, "euimKeepSelection", void 0);
+__decorate([
+    coerceBoolean
+], EuimChipSelectorComponent.prototype, "hasSearchbar", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimChipSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'euim-chip-selector', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<euim-scroller-x>\n    <ng-content></ng-content>\n</euim-scroller-x>\n", styles: [".euim-chip-selector{padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);display:flex;align-items:center}.euim-chip-selector ion-chip{margin:0 var(--eui-base-spacing-xs) 0 0}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent!important;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-primary{background-color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-success{background-color:var(--eui-base-color-success-25);border-color:var(--eui-base-color-success-25);color:var(--eui-base-color-success-100)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-success-50)}.euim-chip-selector__item--color-warning{background-color:var(--eui-base-color-warning-25);border-color:var(--eui-base-color-warning-25);color:var(--eui-base-color-warning-140)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-warning-50)}.euim-chip-selector__item--color-danger{background-color:var(--eui-base-color-danger-25);border-color:var(--eui-base-color-danger-25);color:var(--eui-base-color-danger-100)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-danger-50)}.euim-chip-selector__item--color-primary{background-color:var(--eui-base-color-primary-25);border-color:var(--eui-base-color-primary-25);color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-primary-50)}.euim-chip-selector__item--color-info{background-color:var(--eui-base-color-info-25);border-color:var(--eui-base-color-info-25);color:var(--eui-base-color-info-100)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-info-50)}.euim-chip-selector__item--color-dark{background-color:var(--eui-base-color-grey-100);border-color:var(--eui-base-color-grey-100);color:var(--eui-base-color-white)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white{background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-base-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-grey-50)}ion-chip.euim-chip-selector__item-selected--color-white{background-color:var(--eui-base-color-white)!important;border-color:var(--eui-base-color-white)!important;color:var(--eui-base-color-grey-100)!important}ion-chip.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-base-color-grey-100)!important;border-color:var(--eui-base-color-grey-100)!important;color:var(--eui-base-color-white)!important}\n"] }]
+            args: [{ selector: 'euim-chip-selector', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-searchbar *ngIf=\"hasSearchbar\" (ionChange)=\"handleChange($event)\"\n               class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n<euim-scroller-x>\n    <ng-content></ng-content>\n</euim-scroller-x>\n\n", styles: [".euim-chip-selector{padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-xs);display:flex;justify-content:center;flex-direction:column}.euim-chip-selector ion-chip{margin:0 var(--eui-base-spacing-xs) 0 0}.euim-chip-selector ion-searchbar{padding-inline-start:0;padding-top:0;padding-bottom:var(--eui-base-spacing-s)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent!important;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-primary{background-color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-success{background-color:var(--eui-base-color-success-25);border-color:var(--eui-base-color-success-25);color:var(--eui-base-color-success-100)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-success-50)}.euim-chip-selector__item--color-warning{background-color:var(--eui-base-color-warning-25);border-color:var(--eui-base-color-warning-25);color:var(--eui-base-color-warning-140)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-warning-50)}.euim-chip-selector__item--color-danger{background-color:var(--eui-base-color-danger-25);border-color:var(--eui-base-color-danger-25);color:var(--eui-base-color-danger-100)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-danger-50)}.euim-chip-selector__item--color-primary{background-color:var(--eui-base-color-primary-25);border-color:var(--eui-base-color-primary-25);color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-primary-50)}.euim-chip-selector__item--color-info{background-color:var(--eui-base-color-info-25);border-color:var(--eui-base-color-info-25);color:var(--eui-base-color-info-100)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-info-50)}.euim-chip-selector__item--color-dark{background-color:var(--eui-base-color-grey-100);border-color:var(--eui-base-color-grey-100);color:var(--eui-base-color-white)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white{background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-white);color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-base-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{border-color:var(--eui-base-color-grey-50)}ion-chip.euim-chip-selector__item-selected--color-white{background-color:var(--eui-base-color-white)!important;border-color:var(--eui-base-color-white)!important;color:var(--eui-base-color-grey-100)!important}ion-chip.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-base-color-grey-100)!important;border-color:var(--eui-base-color-grey-100)!important;color:var(--eui-base-color-white)!important}\n"] }]
         }], propDecorators: { backgroundColor: [{
                 type: Input
             }], chipColor: [{
@@ -3624,6 +3713,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 type: Input
             }], isMultiSelectionMode: [{
                 type: Input
+            }], euimKeepSelection: [{
+                type: Input
+            }], hasSearchbar: [{
+                type: Input
             }], filterData: [{
                 type: Output
             }], clickItems: [{
@@ -3743,7 +3836,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 type: Input
             }] } });
 
-const COMPONENTS$2 = [
+const COMPONENTS$3 = [
     EuimSkeletonListItemComponent,
 ];
 class EuimSkeletonListItemModule {
@@ -3761,10 +3854,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                         IonicModule,
                     ],
                     exports: [
-                        ...COMPONENTS$2,
+                        ...COMPONENTS$3,
                     ],
                     declarations: [
-                        ...COMPONENTS$2,
+                        ...COMPONENTS$3,
                     ],
                 }]
         }] });
@@ -3806,7 +3899,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 args: [EuimSkeletonListItemComponent]
             }] } });
 
-const COMPONENTS$1 = [
+const COMPONENTS$2 = [
     EuimSkeletonListComponent,
 ];
 class EuimSkeletonListModule {
@@ -3827,10 +3920,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                         EuimSkeletonListItemModule,
                     ],
                     exports: [
-                        ...COMPONENTS$1,
+                        ...COMPONENTS$2,
                     ],
                     declarations: [
-                        ...COMPONENTS$1,
+                        ...COMPONENTS$2,
                     ],
                 }]
         }] });
@@ -3934,11 +4027,31 @@ class EuimMultiselectFilterComponent {
             else {
                 this.multiselect.currentDataProvider =
                     this.multiselect.initialDataProvider;
+                this.applyStatusToSelectAllCheckControl();
             }
         }
         else {
             this.multiselect.currentDataProvider =
                 this.multiselect.initialDataProvider?.filter(item => this.filterByFieldsNames.some(fieldName => item[fieldName].toString().toLowerCase().includes(query)));
+            if (this.multiselect.euimKeepSelection) {
+                this.applyStatusToSelectAllCheckControl();
+            }
+        }
+    }
+    applyStatusToSelectAllCheckControl() {
+        const isSelectAll = this.multiselect.currentDataProvider?.every((item) => item.selected);
+        this.multiselect.indeterminate = !isSelectAll && this.multiselect.currentDataProvider?.some((item) => item.selected);
+        if (!this.multiselect.indeterminate) {
+            this.multiselect.selectAll = isSelectAll;
+            if (isSelectAll) {
+                this.multiselect.numberOfSelected = this.multiselect.currentDataProvider?.length;
+            }
+            else {
+                this.multiselect.numberOfSelected = 0;
+            }
+        }
+        else {
+            this.multiselect.numberOfSelected = this.multiselect.countSelectedItems();
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimMultiselectFilterComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component }); }
@@ -3964,15 +4077,9 @@ class EuimMultiselectAllDirective {
         this.euimMulti.indeterminate = false;
         if (event.detail.checked) {
             this.euimMulti.numberOfSelected = this.euimMulti.currentDataProvider?.length;
-            if (this.euimMulti.euimKeepSelection) {
-                this.euimMulti.initialDataProvider?.forEach((item) => (item.selected = true));
-            }
         }
         else {
             this.euimMulti.numberOfSelected = 0;
-            if (this.euimMulti.euimKeepSelection) {
-                this.euimMulti.initialDataProvider?.forEach((item) => (item.selected = false));
-            }
         }
     }
     get indeterminate() {
@@ -4125,7 +4232,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                 type: Output
             }] } });
 
-const COMPONENTS = [
+const COMPONENTS$1 = [
     EuimMultiselectComponent,
     EuimMultiselectFilterComponent,
     EuimMultiselectListComponent,
@@ -4175,6 +4282,120 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                         EuimEmptyListPlaceholderModule,
                         TranslateModule,
                     ],
+                    exports: [
+                        ...COMPONENTS$1,
+                    ],
+                    declarations: [
+                        ...COMPONENTS$1,
+                    ],
+                }]
+        }] });
+
+class EuimPdfWrapperComponent {
+    constructor(alertService) {
+        this.alertService = alertService;
+        this.page = 1;
+        this.zoom = 1;
+        this.loading = true;
+        this.errorMessage = '';
+        this.showDefaultError = true;
+        setTimeout(() => {
+            if (this.showDefaultError) {
+                this.loading = false;
+                this.alertService.create({ header: 'PDF could not be loaded.' }).then();
+            }
+        }, 15000);
+    }
+    onLoaded(pdf) {
+        this.showDefaultError = false;
+        this.loading = false;
+        this.pdf = pdf;
+    }
+    onError() {
+        this.showDefaultError = false;
+        this.loading = false;
+        this.errorMessage = 'File could not be loaded.';
+    }
+    onDownload() {
+        this.pdf.getData().then((u8) => {
+            const blob = new Blob([u8.buffer], {
+                type: 'application/pdf',
+            });
+            // Create a download link
+            const downloadLink = document.createElement('a');
+            downloadLink.href = window.URL.createObjectURL(blob);
+            // dtm downloadLink.download = this.title;
+            // Append the link to the body
+            document.body.appendChild(downloadLink);
+            // Programmatically trigger a click on the link
+            downloadLink.click();
+            // Remove the link from the DOM
+            document.body.removeChild(downloadLink);
+        });
+    }
+    onZoomIn() {
+        this.zoom += 0.5;
+        this.page = 2;
+    }
+    onZoomOut() {
+        if (this.zoom > 1) {
+            this.zoom -= 0.5;
+        }
+    }
+    onResetZoom() {
+        this.zoom = 1;
+    }
+    // async onDismissModal() {
+    //     await this.modalCtrl.dismiss();
+    // }
+    nextPage() {
+        if (this.page < this.pdf.numPages) {
+            this.page++;
+        }
+    }
+    prevPage() {
+        if (this.page > 1) {
+            this.page--;
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimPdfWrapperComponent, deps: [{ token: i1.AlertController }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: EuimPdfWrapperComponent, selector: "euim-pdf-wrapper", inputs: { url: "url", page: "page" }, ngImport: i0, template: "<div>\n    <euim-spinner *ngIf=\"loading\">\n        <div euimSpinnerMessage>Loading PDF...</div>\n    </euim-spinner>\n    <div *ngIf=\"errorMessage\">{{errorMessage}}</div>\n</div>\n\n\n<pinch-zoom>\n    <div style=\"display: block;width: 500px; height: 500px\">\n        <pdf-viewer [src]=\"url\"\n                    [zoom]=\"zoom\"\n                    [original-size]=\"true\"\n                    [autoresize]=\"false\"\n                    (after-load-complete)=\"onLoaded($event)\"\n                    (error)=\"onError()\"\n                    [page]=\"page\"\n                    style=\"width: 100%; height: 100%\"></pdf-viewer>\n    </div>\n</pinch-zoom>\n\n<ion-footer>\n    <ion-toolbar color=\"primary\" class=\"pdf-preview-modal__footer\">\n        <ion-buttons slot=\"start\">\n            <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf\">\n                <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n            </ion-button>\n        </ion-buttons>\n        <ion-buttons class=\"pdf-preview-modal__footer-zoom-container\">\n            <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1\">\n                <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n            </ion-button>\n            <ion-button (click)=\"onResetZoom()\">\n                ZOOM\n            </ion-button>\n            <ion-button (click)=\"onZoomIn()\">\n                <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n            </ion-button>\n\n\n            <ion-button (click)=\"prevPage()\">\n               Prev\n            </ion-button>\n                {{page}}\n            <ion-button (click)=\"nextPage()\">\n                Next\n            </ion-button>\n\n        </ion-buttons>\n    </ion-toolbar>\n</ion-footer>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { 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", "wheelZoomFactor", "draggableImage"], exportAs: ["pinchZoom"] }, { kind: "component", type: EuimSpinnerComponent, selector: "euim-spinner" }, { kind: "component", type: EuimSpinnerMessageComponent, selector: "[euimSpinnerMessage]" }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimPdfWrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'euim-pdf-wrapper', encapsulation: ViewEncapsulation.None, template: "<div>\n    <euim-spinner *ngIf=\"loading\">\n        <div euimSpinnerMessage>Loading PDF...</div>\n    </euim-spinner>\n    <div *ngIf=\"errorMessage\">{{errorMessage}}</div>\n</div>\n\n\n<pinch-zoom>\n    <div style=\"display: block;width: 500px; height: 500px\">\n        <pdf-viewer [src]=\"url\"\n                    [zoom]=\"zoom\"\n                    [original-size]=\"true\"\n                    [autoresize]=\"false\"\n                    (after-load-complete)=\"onLoaded($event)\"\n                    (error)=\"onError()\"\n                    [page]=\"page\"\n                    style=\"width: 100%; height: 100%\"></pdf-viewer>\n    </div>\n</pinch-zoom>\n\n<ion-footer>\n    <ion-toolbar color=\"primary\" class=\"pdf-preview-modal__footer\">\n        <ion-buttons slot=\"start\">\n            <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf\">\n                <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n            </ion-button>\n        </ion-buttons>\n        <ion-buttons class=\"pdf-preview-modal__footer-zoom-container\">\n            <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1\">\n                <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n            </ion-button>\n            <ion-button (click)=\"onResetZoom()\">\n                ZOOM\n            </ion-button>\n            <ion-button (click)=\"onZoomIn()\">\n                <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n            </ion-button>\n\n\n            <ion-button (click)=\"prevPage()\">\n               Prev\n            </ion-button>\n                {{page}}\n            <ion-button (click)=\"nextPage()\">\n                Next\n            </ion-button>\n\n        </ion-buttons>\n    </ion-toolbar>\n</ion-footer>\n" }]
+        }], ctorParameters: () => [{ type: i1.AlertController }], propDecorators: { url: [{
+                type: Input
+            }], page: [{
+                type: Input
+            }] } });
+
+const COMPONENTS = [
+    EuimPdfWrapperComponent,
+];
+class EuimPdfWrapperModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimPdfWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: EuimPdfWrapperModule, declarations: [EuimPdfWrapperComponent], imports: [CommonModule,
+            IonicModule,
+            PdfViewerModule,
+            PinchZoomModule,
+            EuimSpinnerComponentModule], exports: [EuimPdfWrapperComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimPdfWrapperModule, imports: [CommonModule,
+            IonicModule,
+            PdfViewerModule,
+            PinchZoomModule,
+            EuimSpinnerComponentModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimPdfWrapperModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IonicModule,
+                        PdfViewerModule,
+                        PinchZoomModule,
+                        EuimSpinnerComponentModule,
+                    ],
                     exports: [
                         ...COMPONENTS,
                     ],
@@ -4357,5 +4578,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BaseStatesDirective, EuiMUserProfileActionComponent, EuiMUserProfileAvatarComponent, EuiMUserProfileInfosComponent, EuiMUserProfileInfosItemComponent, EuimAlertMessageComponent, EuimAlertMessageModule, EuimAllModule, EuimAppComponent, EuimAppModule, EuimAppService, EuimAppSidebarComponent, EuimAppSidebarFooterComponent, EuimAppSidebarHeaderComponent, EuimAppSidebarMenuComponent, EuimAppSidebarModule, EuimAvatarComponent, EuimAvatarIconComponent, EuimAvatarIconModule, EuimAvatarMainIconDirective, EuimAvatarModule, EuimAvatarSubIconDirective, EuimBadgeComponent, EuimBadgeModule, EuimChipSelectorComponent, EuimChipSelectorComponentModule, EuimChipSelectorItemDirective, EuimControlFeedbackComponent, EuimControlFeedbackModule, EuimDataSummaryColComponent, EuimDataSummaryColLabelDirective, EuimDataSummaryColValueDirective, EuimDataSummaryComponent, EuimDataSummaryModule, EuimDividerDirective, EuimDividerModule, EuimEmptyListPlaceholderComponent, EuimEmptyListPlaceholderModule, EuimFieldSetComponent, EuimFieldsetActionsComponent, EuimFieldsetLegendComponent, EuimFieldsetModule, EuimHeaderDetailsComponent, EuimHeaderDetailsIconDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsModule, EuimHeaderDetailsTitleDirective, EuimInfoScreenComponent, EuimInfoScreenContentDirective, EuimInfoScreenModule, EuimInfoScreenSubTitleDirective, EuimInfoScreenTitleDirective, EuimItemDividerDirective, EuimItemDividerModule, EuimLabelComponent, EuimLabelModule, EuimLanguageListComponent, EuimLanguageSelectorComponent, EuimLanguageSelectorModule, EuimListHeaderDirective, EuimListHeaderModule, EuimMediaHeaderComponent, EuimMediaHeaderImageDirective, EuimMediaHeaderModule, EuimMediaHeaderSubTitleDirective, EuimMediaHeaderTitleDirective, EuimMenuComponent, EuimMenuModule, EuimMessageComponent, EuimMessageModule, EuimMessageTitleComponent, EuimMultiselectAllDirective, EuimMultiselectComponent, EuimMultiselectFilterComponent, EuimMultiselectInfoComponent, EuimMultiselectListComponent, EuimMultiselectModule, EuimMultiselectSelectFieldDirective, EuimMultiselectToolbarComponent, EuimNotificationItemComponent, EuimNotificationItemModule, EuimScrollerXComponent, EuimScrollerXComponentModule, EuimSidebarComponent, EuimSidebarContentComponent, EuimSidebarModule, EuimSkeletonListComponent, EuimSkeletonListItemComponent, EuimSkeletonListItemModule, EuimSkeletonListModule, EuimSkeletonTextAvatarDirective, EuimSkeletonTextAvatarModule, EuimSlideComponent, EuimSlideInfoScreenComponent, EuimSliderComponent, EuimSliderInfoScreenComponent, EuimSliderInfoScreenContentDirective, EuimSliderInfoScreenModule, EuimSliderInfoScreenSubTitleDirective, EuimSliderInfoScreenTitleDirective, EuimSliderModule, EuimSpinnerComponent, EuimSpinnerComponentModule, EuimSpinnerDescriptionComponent, EuimSpinnerMessageComponent, EuimStepperChangeEvent, EuimStepperComponent, EuimStepperComponentModule, EuimToolbarActionItemsComponent, EuimToolbarComponent, EuimToolbarComponentModule, EuimToolbarTitleComponent, EuimUserProfileComponent, EuimUserProfileModule };
+export { BaseStatesDirective, EuiMUserProfileActionComponent, EuiMUserProfileAvatarComponent, EuiMUserProfileInfosComponent, EuiMUserProfileInfosItemComponent, EuimAlertMessageComponent, EuimAlertMessageModule, EuimAllModule, EuimAppComponent, EuimAppModule, EuimAppService, EuimAppSidebarComponent, EuimAppSidebarFooterComponent, EuimAppSidebarHeaderComponent, EuimAppSidebarMenuComponent, EuimAppSidebarModule, EuimAvatarComponent, EuimAvatarIconComponent, EuimAvatarIconModule, EuimAvatarMainIconDirective, EuimAvatarModule, EuimAvatarSubIconDirective, EuimBadgeComponent, EuimBadgeModule, EuimChipSelectorComponent, EuimChipSelectorComponentModule, EuimChipSelectorItemDirective, EuimControlFeedbackComponent, EuimControlFeedbackModule, EuimDataSummaryColComponent, EuimDataSummaryColLabelDirective, EuimDataSummaryColValueDirective, EuimDataSummaryComponent, EuimDataSummaryModule, EuimDividerDirective, EuimDividerModule, EuimEmptyListPlaceholderComponent, EuimEmptyListPlaceholderModule, EuimFieldSetComponent, EuimFieldsetActionsComponent, EuimFieldsetLegendComponent, EuimFieldsetModule, EuimHeaderDetailsComponent, EuimHeaderDetailsIconDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsModule, EuimHeaderDetailsTitleDirective, EuimInfoScreenComponent, EuimInfoScreenContentDirective, EuimInfoScreenModule, EuimInfoScreenSubTitleDirective, EuimInfoScreenTitleDirective, EuimItemDividerDirective, EuimItemDividerModule, EuimLabelComponent, EuimLabelModule, EuimLanguageListComponent, EuimLanguageSelectorComponent, EuimLanguageSelectorModule, EuimListHeaderDirective, EuimListHeaderModule, EuimMediaHeaderComponent, EuimMediaHeaderImageDirective, EuimMediaHeaderModule, EuimMediaHeaderSubTitleDirective, EuimMediaHeaderTitleDirective, EuimMenuComponent, EuimMenuModule, EuimMessageComponent, EuimMessageModule, EuimMessageTitleComponent, EuimMultiselectAllDirective, EuimMultiselectComponent, EuimMultiselectFilterComponent, EuimMultiselectInfoComponent, EuimMultiselectListComponent, EuimMultiselectModule, EuimMultiselectSelectFieldDirective, EuimMultiselectToolbarComponent, EuimNotificationItemComponent, EuimNotificationItemModule, EuimPdfWrapperComponent, EuimPdfWrapperModule, EuimScrollerXComponent, EuimScrollerXComponentModule, EuimSidebarComponent, EuimSidebarContentComponent, EuimSidebarModule, EuimSkeletonListComponent, EuimSkeletonListItemComponent, EuimSkeletonListItemModule, EuimSkeletonListModule, EuimSkeletonTextAvatarDirective, EuimSkeletonTextAvatarModule, EuimSlideComponent, EuimSlideInfoScreenComponent, EuimSliderComponent, EuimSliderInfoScreenComponent, EuimSliderInfoScreenContentDirective, EuimSliderInfoScreenModule, EuimSliderInfoScreenSubTitleDirective, EuimSliderInfoScreenTitleDirective, EuimSliderModule, EuimSpinnerComponent, EuimSpinnerComponentModule, EuimSpinnerDescriptionComponent, EuimSpinnerMessageComponent, EuimStepperChangeEvent, EuimStepperComponent, EuimStepperComponentModule, EuimToolbarActionItemsComponent, EuimToolbarComponent, EuimToolbarComponentModule, EuimToolbarTitleComponent, EuimUserProfileComponent, EuimUserProfileModule };
 //# sourceMappingURL=eui-mobile-core.mjs.map