@eui/mobile-core 17.1.0-snapshot-1714034384834 → 17.1.0-snapshot-1714118308034

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/docs/components/EuiMUserProfileActionComponent.html +1 -1
  2. package/docs/components/EuiMUserProfileAvatarComponent.html +1 -1
  3. package/docs/components/EuiMUserProfileInfosComponent.html +1 -1
  4. package/docs/components/EuiMUserProfileInfosItemComponent.html +1 -1
  5. package/docs/components/EuimAboutComponent.html +21 -2
  6. package/docs/components/EuimAlertMessageComponent.html +1 -1
  7. package/docs/components/EuimAppComponent.html +1 -1
  8. package/docs/components/EuimAvatarComponent.html +1 -1
  9. package/docs/components/EuimAvatarIconComponent.html +1 -1
  10. package/docs/components/EuimBadgeComponent.html +1 -1
  11. package/docs/components/EuimChangelogComponent.html +2 -2
  12. package/docs/components/EuimChipSelectorComponent.html +25 -1
  13. package/docs/components/EuimDataSummaryColComponent.html +1 -1
  14. package/docs/components/EuimDataSummaryComponent.html +1 -1
  15. package/docs/components/EuimEmptyListPlaceholderComponent.html +1 -1
  16. package/docs/components/EuimHeaderDetailsComponent.html +1 -1
  17. package/docs/components/EuimHelpSupportComponent.html +1 -1
  18. package/docs/components/EuimLabelComponent.html +1 -1
  19. package/docs/components/EuimLanguageListComponent.html +1 -1
  20. package/docs/components/EuimLanguageSelectorComponent.html +1 -1
  21. package/docs/components/EuimLegalNoticeComponent.html +146 -6
  22. package/docs/components/EuimLicenseDetailsComponent.html +416 -0
  23. package/docs/components/EuimMediaHeaderComponent.html +1 -1
  24. package/docs/components/EuimMessageComponent.html +1 -1
  25. package/docs/components/EuimMessageTitleComponent.html +1 -1
  26. package/docs/components/EuimMultiselectComponent.html +1 -1
  27. package/docs/components/EuimMultiselectFilterComponent.html +1 -1
  28. package/docs/components/EuimMultiselectInfoComponent.html +1 -1
  29. package/docs/components/EuimMultiselectListComponent.html +1 -1
  30. package/docs/components/EuimMultiselectToolbarComponent.html +1 -1
  31. package/docs/components/EuimNotificationItemComponent.html +1 -1
  32. package/docs/components/EuimOpenSourceLicencesComponent.html +168 -6
  33. package/docs/components/EuimPdfWrapperComponent.html +1 -1
  34. package/docs/components/EuimPrivacyStatementComponent.html +147 -7
  35. package/docs/components/EuimScrollerXComponent.html +1 -1
  36. package/docs/components/EuimSidebarComponent.html +1 -1
  37. package/docs/components/EuimSidebarContentComponent.html +1 -1
  38. package/docs/components/EuimSkeletonListComponent.html +1 -1
  39. package/docs/components/EuimSkeletonListItemComponent.html +1 -1
  40. package/docs/components/EuimSlideInfoScreenComponent.html +1 -1
  41. package/docs/components/EuimSliderInfoScreenComponent.html +1 -1
  42. package/docs/components/EuimSpinnerComponent.html +1 -1
  43. package/docs/components/EuimSpinnerDescriptionComponent.html +1 -1
  44. package/docs/components/EuimSpinnerMessageComponent.html +1 -1
  45. package/docs/components/EuimToolbarActionItemsComponent.html +1 -1
  46. package/docs/components/EuimToolbarComponent.html +1 -1
  47. package/docs/components/EuimToolbarTitleComponent.html +1 -1
  48. package/docs/components/EuimUserProfileComponent.html +1 -1
  49. package/docs/index.html +1 -1
  50. package/docs/js/menu-wc.js +42 -3
  51. package/docs/js/menu-wc_es5.js +1 -1
  52. package/docs/js/search/search_index.js +2 -2
  53. package/docs/miscellaneous/variables.html +1 -0
  54. package/docs/modules/EuimAboutModule.html +6 -0
  55. package/docs/modules/EuimAlertMessageModule.html +6 -0
  56. package/docs/modules/EuimAvatarModule.html +6 -0
  57. package/docs/modules/EuimDataSummaryModule.html +6 -0
  58. package/docs/modules/EuimHeaderDetailsModule.html +6 -0
  59. package/docs/modules/EuimMediaHeaderModule.html +6 -0
  60. package/docs/modules/EuimMessageModule.html +6 -0
  61. package/docs/modules/EuimMultiselectModule.html +6 -0
  62. package/docs/modules/EuimPdfWrapperModule.html +6 -0
  63. package/docs/modules/EuimSkeletonListItemModule.html +6 -0
  64. package/docs/modules/EuimSkeletonListModule.html +6 -0
  65. package/docs/modules/EuimSliderInfoScreenModule.html +6 -0
  66. package/docs/modules/EuimUserProfileModule.html +6 -0
  67. package/esm2022/lib/components/euim-about/euim-about.component.mjs +5 -3
  68. package/esm2022/lib/components/euim-about/euim-about.module.mjs +7 -3
  69. package/esm2022/lib/components/euim-about/euim-changelog/euim-changelog.component.mjs +3 -3
  70. package/esm2022/lib/components/euim-about/euim-legal-notice/euim-legal-notice.component.mjs +19 -6
  71. package/esm2022/lib/components/euim-about/euim-license-details/euim-license-details.component.mjs +24 -0
  72. package/esm2022/lib/components/euim-about/euim-opensource-licences/euim-opensource-licences.component.mjs +20 -5
  73. package/esm2022/lib/components/euim-about/euim-privacy-statement/euim-privacy-statement.component.mjs +19 -6
  74. package/esm2022/lib/components/euim-about/index.mjs +2 -1
  75. package/esm2022/lib/components/euim-chip-selector/euim-chip-selector.component.mjs +24 -5
  76. package/fesm2022/eui-mobile-core.mjs +94 -22
  77. package/fesm2022/eui-mobile-core.mjs.map +1 -1
  78. package/lib/components/euim-about/euim-about.component.d.ts +2 -1
  79. package/lib/components/euim-about/euim-about.component.d.ts.map +1 -1
  80. package/lib/components/euim-about/euim-about.module.d.ts +10 -9
  81. package/lib/components/euim-about/euim-about.module.d.ts.map +1 -1
  82. package/lib/components/euim-about/euim-legal-notice/euim-legal-notice.component.d.ts +9 -2
  83. package/lib/components/euim-about/euim-legal-notice/euim-legal-notice.component.d.ts.map +1 -1
  84. package/lib/components/euim-about/euim-license-details/euim-license-details.component.d.ts +13 -0
  85. package/lib/components/euim-about/euim-license-details/euim-license-details.component.d.ts.map +1 -0
  86. package/lib/components/euim-about/euim-opensource-licences/euim-opensource-licences.component.d.ts +5 -1
  87. package/lib/components/euim-about/euim-opensource-licences/euim-opensource-licences.component.d.ts.map +1 -1
  88. package/lib/components/euim-about/euim-privacy-statement/euim-privacy-statement.component.d.ts +9 -2
  89. package/lib/components/euim-about/euim-privacy-statement/euim-privacy-statement.component.d.ts.map +1 -1
  90. package/lib/components/euim-about/index.d.ts +1 -0
  91. package/lib/components/euim-about/index.d.ts.map +1 -1
  92. package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts +3 -1
  93. package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts.map +1 -1
  94. package/package.json +1 -1
@@ -20,6 +20,7 @@ import { PdfViewerModule } from 'ng2-pdf-viewer';
20
20
  import * as i3 from '@meddv/ngx-pinch-zoom';
21
21
  import { PinchZoomModule } from '@meddv/ngx-pinch-zoom';
22
22
  import { __decorate } from 'tslib';
23
+ import * as i1$3 from '@angular/platform-browser';
23
24
  import * as i2$3 from 'angularx-qrcode';
24
25
  import { QRCodeModule } from 'angularx-qrcode';
25
26
 
@@ -2213,6 +2214,7 @@ class EuimChipSelectorComponent {
2213
2214
  this.sourceData = [];
2214
2215
  this.selectedChips = [];
2215
2216
  this.isMultiSelectionMode = false;
2217
+ this.isCustomMode = false;
2216
2218
  this.euimKeepSelection = false;
2217
2219
  this.hasSearchbar = false;
2218
2220
  this.filterData = new EventEmitter();
@@ -2351,6 +2353,9 @@ class EuimChipSelectorComponent {
2351
2353
  this.selectedChips = ['0'];
2352
2354
  this.filterData.emit(this.sourceData);
2353
2355
  }
2356
+ if (this.isCustomMode && this.selectedChips.length === 0) {
2357
+ this.filterData.emit(this.sourceData);
2358
+ }
2354
2359
  });
2355
2360
  if (isEmitEvent !== false) {
2356
2361
  this.clickItems.emit(this.selectedChips);
@@ -2361,7 +2366,7 @@ class EuimChipSelectorComponent {
2361
2366
  this.handleMultiSelectionMode(filterCondition, isFilterAll, item);
2362
2367
  }
2363
2368
  else {
2364
- this.handleSingleSelectionMode(filterCondition, isFilterAll);
2369
+ this.handleSingleSelectionMode(filterCondition, isFilterAll, item);
2365
2370
  }
2366
2371
  this.applyFilter(filterCondition, isFilterAll, this.filterConditions);
2367
2372
  this.filterData.emit(this.filteredData);
@@ -2399,6 +2404,10 @@ class EuimChipSelectorComponent {
2399
2404
  this.filterConditions = this.filterConditions.filter(chip => chip !== filterCondition);
2400
2405
  this.removeSelectedStyles(item);
2401
2406
  }
2407
+ else if (this.filterConditions.length > 0 && this.isCustomMode) {
2408
+ this.filterConditions = this.filterConditions.filter(chip => chip !== filterCondition);
2409
+ this.removeSelectedStyles(item);
2410
+ }
2402
2411
  this.selectedChips = this.filterConditions.filter(el => el !== '0');
2403
2412
  }
2404
2413
  else {
@@ -2406,13 +2415,18 @@ class EuimChipSelectorComponent {
2406
2415
  this.addSelectedStyles(item);
2407
2416
  }
2408
2417
  }
2409
- handleSingleSelectionMode(filterCondition, isFilterAll) {
2418
+ handleSingleSelectionMode(filterCondition, isFilterAll, item) {
2419
+ const isSelected = this.selectedChips.includes(filterCondition);
2410
2420
  if (isFilterAll) {
2411
2421
  this.selectedChips = ['0'];
2412
2422
  }
2413
2423
  else {
2414
2424
  this.selectedChips = [filterCondition];
2415
2425
  }
2426
+ if (this.isCustomMode && isSelected) {
2427
+ this.selectedChips = this.selectedChips.filter(chip => chip !== filterCondition);
2428
+ this.removeSelectedStyles(item);
2429
+ }
2416
2430
  }
2417
2431
  clearAllSelections() {
2418
2432
  this.euimChipSelectorItemComponent.forEach(chip => {
@@ -2427,11 +2441,14 @@ class EuimChipSelectorComponent {
2427
2441
  return data.filter(obj => obj.title.toLowerCase().includes(searchInput));
2428
2442
  }
2429
2443
  filterByChips(data, selectedChips) {
2430
- if (selectedChips[0] === '0')
2444
+ if (selectedChips[0] === '0' || selectedChips.length === 0)
2431
2445
  return data;
2432
2446
  return data.filter(item => selectedChips.includes(item.filterId));
2433
2447
  }
2434
2448
  filterByCondition(data, filterCondition) {
2449
+ if (this.selectedChips.length === 0) {
2450
+ return data;
2451
+ }
2435
2452
  return data.filter(item => item.filterId === filterCondition);
2436
2453
  }
2437
2454
  filterByMultipleConditions(data, multipleFilterConditions) {
@@ -2440,7 +2457,7 @@ class EuimChipSelectorComponent {
2440
2457
  return data.filter(item => multipleFilterConditions.includes(item.filterId));
2441
2458
  }
2442
2459
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimChipSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
2443
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimChipSelectorComponent, selector: "euim-chip-selector", inputs: { backgroundColor: "backgroundColor", color: "color", chipSelectedColor: "chipSelectedColor", chipFill: "chipFill", sourceData: "sourceData", selectedChips: "selectedChips", isMultiSelectionMode: ["isMultiSelectionMode", "isMultiSelectionMode", booleanAttribute], euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute], hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute] }, outputs: { filterData: "filterData", clickItems: "clickItems" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimChipSelectorItemComponent", predicate: EuimChipSelectorItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (hasSearchbar) {\n <ion-searchbar (ionChange)=\"handleChange($event)\"\n class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\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: "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 }); }
2460
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimChipSelectorComponent, selector: "euim-chip-selector", inputs: { backgroundColor: "backgroundColor", color: "color", chipSelectedColor: "chipSelectedColor", chipFill: "chipFill", sourceData: "sourceData", selectedChips: "selectedChips", isMultiSelectionMode: ["isMultiSelectionMode", "isMultiSelectionMode", booleanAttribute], isCustomMode: ["isCustomMode", "isCustomMode", booleanAttribute], euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute], hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute] }, outputs: { filterData: "filterData", clickItems: "clickItems" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimChipSelectorItemComponent", predicate: EuimChipSelectorItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (hasSearchbar) {\n <ion-searchbar (ionChange)=\"handleChange($event)\"\n class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\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: "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 }); }
2444
2461
  }
2445
2462
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimChipSelectorComponent, decorators: [{
2446
2463
  type: Component,
@@ -2460,6 +2477,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
2460
2477
  }], isMultiSelectionMode: [{
2461
2478
  type: Input,
2462
2479
  args: [{ transform: booleanAttribute }]
2480
+ }], isCustomMode: [{
2481
+ type: Input,
2482
+ args: [{ transform: booleanAttribute }]
2463
2483
  }], euimKeepSelection: [{
2464
2484
  type: Input,
2465
2485
  args: [{ transform: booleanAttribute }]
@@ -3145,23 +3165,32 @@ class EuimChangelogComponent {
3145
3165
  this.changeLogs = [];
3146
3166
  }
3147
3167
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimChangelogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
3148
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimChangelogComponent, selector: "euim-changelog", inputs: { changeLogs: "changeLogs" }, ngImport: i0, template: "<div class=\"euim-changelog\">\n\n <ion-header>\n <ion-toolbar color=\"primary\">\n <euim-toolbar>\n <euim-toolbar-title>Change Log</euim-toolbar-title>\n </euim-toolbar>\n </ion-toolbar>\n </ion-header>\n\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\n <ion-list>\n <ion-accordion-group [multiple]=\"true\" value=\"about\">\n @for (logItem of changeLogs; track $index) {\n <ion-accordion [value]=\"$index === 0 ? 'about' : null\">\n <ion-item slot=\"header\" lines=\"full\" class=\"euim-changelog__expanded-border\">\n <ion-icon name=\"build-outline\"></ion-icon>\n <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle><strong>{{logItem.version}}</strong></div>\n </ion-item>\n <ion-list slot=\"content\">\n <ion-item-divider>\n <ion-label class=\"euim-changelog__itemDivider\">New features</ion-label>\n </ion-item-divider>\n @for (feature of logItem.features; track feature) {\n <ion-item lines=\"none\" class=\"no-min-height\">\n <div class=\"euim-changelog__label\" euimLabel>\n <span class=\"euim-changelog__bullet-point\"></span>\n <div class=\"euim-changelog__content\">{{ feature }}</div>\n </div>\n </ion-item>\n }\n <ion-item-divider>\n <ion-label>Improvements</ion-label>\n </ion-item-divider>\n @for (improvement of logItem.improvements; track improvement) {\n <ion-item lines=\"none\" class=\"no-min-height\">\n <div class=\"euim-changelog__label\" euimLabel>\n <span class=\"euim-changelog__bullet-point\"></span>\n <div class=\"euim-changelog__content\">{{ improvement }}</div>\n </div>\n </ion-item>\n\n }\n <ion-item-divider>\n <ion-label>Bugfixes</ion-label>\n </ion-item-divider>\n @for (bugfix of logItem.bugfixes; track bugfix) {\n <ion-item lines=\"none\" class=\"no-min-height\">\n <div class=\"euim-changelog__label\" euimLabel>\n <span class=\"euim-changelog__bullet-point\"></span>\n <div class=\"euim-changelog__content\">{{ bugfix }}</div>\n </div>\n </ion-item>\n }\n </ion-list>\n </ion-accordion>\n }\n </ion-accordion-group>\n </ion-list>\n </ion-content>\n</div>", styles: [".euim-changelog__euimVersionTitle{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);justify-content:space-between;margin-left:var(--eui-base-spacing-m);color:var(--eui-base-color-grey-100)}.euim-changelog__bullet-point{display:inline-block;background-color:var(--eui-base-color-grey-100);width:var(--eui-base-spacing-2xs);height:var(--eui-base-spacing-2xs);border-radius:50%;margin-right:var(--eui-base-spacing-s)}.euim-changelog__label{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);white-space:wrap;color:var(--eui-base-color-grey-120);display:flex;align-items:center}.euim-changelog__itemDivider{color:var(--eui-base-color-grey-75)}.euim-changelog__content{flex:1}.euim-changelog ion-list[slot=content] .no-min-height{--min-height: 0px !important}\n"], dependencies: [{ kind: "component", type: i1.IonAccordion, selector: "ion-accordion", inputs: ["disabled", "mode", "readonly", "toggleIcon", "toggleIconSlot", "value"] }, { kind: "component", type: i1.IonAccordionGroup, selector: "ion-accordion-group", inputs: ["animated", "disabled", "expand", "mode", "multiple", "readonly", "value"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate"] }], encapsulation: i0.ViewEncapsulation.None }); }
3168
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimChangelogComponent, selector: "euim-changelog", inputs: { changeLogs: "changeLogs" }, ngImport: i0, template: "<div class=\"euim-changelog\">\n <ion-header>\n <ion-toolbar color=\"primary\">\n <euim-toolbar>\n <euim-toolbar-title>Change Log</euim-toolbar-title>\n </euim-toolbar>\n </ion-toolbar>\n </ion-header>\n\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\n <ion-list>\n <ion-accordion-group [multiple]=\"true\" value=\"about\">\n @for (logItem of changeLogs; track $index) {\n <ion-accordion [value]=\"$index === 0 ? 'about' : null\">\n <ion-item slot=\"header\" class=\"euim-about__item\">\n <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\n <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle>\n <strong>{{logItem.version}}</strong>\n </div>\n </ion-item>\n <ion-list slot=\"content\">\n <ion-item-divider>\n <ion-label class=\"euim-changelog__itemDivider\">New features</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (feature of logItem.features; track feature) {\n <li> {{ feature }}</li> }\n </ul>\n </ion-item>\n <ion-item-divider>\n <ion-label>Improvements</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (improvement of logItem.improvements; track improvement) {\n <li> {{ improvement }}</li> }\n </ul>\n </ion-item>\n <ion-item-divider>\n <ion-label>Bugfixes</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (bugfix of logItem.bugfixes; track bugfix) {\n <li> {{ bugfix }}</li> }\n </ul>\n </ion-item>\n </ion-list>\n </ion-accordion>\n }\n\n </ion-accordion-group>\n </ion-list>\n </ion-content>\n</div>\n", styles: [".euim-changelog__euimVersionTitle{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-100)}.euim-changelog__itemDivider{color:var(--eui-base-color-grey-75)}.euim-changelog ul{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);margin:0}.euim-changelog li{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);color:var(--eui-base-color-grey-100)}.euim-changelog ion-item ion-icon{color:var(--eui-base-color-grey-100);margin-inline-end:var(--eui-base-spacing-m)}.euim-changelog ion-item ion-icon[slot=end]{color:var(--eui-base-color-grey-75)}.euim-changelog ion-accordion.accordion-expanded ion-item[slot=header]:after{content:\"\";display:block;border:0;border-top:1px solid rgba(0,0,0,.1)}\n"], dependencies: [{ kind: "component", type: i1.IonAccordion, selector: "ion-accordion", inputs: ["disabled", "mode", "readonly", "toggleIcon", "toggleIconSlot", "value"] }, { kind: "component", type: i1.IonAccordionGroup, selector: "ion-accordion-group", inputs: ["animated", "disabled", "expand", "mode", "multiple", "readonly", "value"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate"] }], encapsulation: i0.ViewEncapsulation.None }); }
3149
3169
  }
3150
3170
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimChangelogComponent, decorators: [{
3151
3171
  type: Component,
3152
- args: [{ selector: 'euim-changelog', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-changelog\">\n\n <ion-header>\n <ion-toolbar color=\"primary\">\n <euim-toolbar>\n <euim-toolbar-title>Change Log</euim-toolbar-title>\n </euim-toolbar>\n </ion-toolbar>\n </ion-header>\n\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\n <ion-list>\n <ion-accordion-group [multiple]=\"true\" value=\"about\">\n @for (logItem of changeLogs; track $index) {\n <ion-accordion [value]=\"$index === 0 ? 'about' : null\">\n <ion-item slot=\"header\" lines=\"full\" class=\"euim-changelog__expanded-border\">\n <ion-icon name=\"build-outline\"></ion-icon>\n <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle><strong>{{logItem.version}}</strong></div>\n </ion-item>\n <ion-list slot=\"content\">\n <ion-item-divider>\n <ion-label class=\"euim-changelog__itemDivider\">New features</ion-label>\n </ion-item-divider>\n @for (feature of logItem.features; track feature) {\n <ion-item lines=\"none\" class=\"no-min-height\">\n <div class=\"euim-changelog__label\" euimLabel>\n <span class=\"euim-changelog__bullet-point\"></span>\n <div class=\"euim-changelog__content\">{{ feature }}</div>\n </div>\n </ion-item>\n }\n <ion-item-divider>\n <ion-label>Improvements</ion-label>\n </ion-item-divider>\n @for (improvement of logItem.improvements; track improvement) {\n <ion-item lines=\"none\" class=\"no-min-height\">\n <div class=\"euim-changelog__label\" euimLabel>\n <span class=\"euim-changelog__bullet-point\"></span>\n <div class=\"euim-changelog__content\">{{ improvement }}</div>\n </div>\n </ion-item>\n\n }\n <ion-item-divider>\n <ion-label>Bugfixes</ion-label>\n </ion-item-divider>\n @for (bugfix of logItem.bugfixes; track bugfix) {\n <ion-item lines=\"none\" class=\"no-min-height\">\n <div class=\"euim-changelog__label\" euimLabel>\n <span class=\"euim-changelog__bullet-point\"></span>\n <div class=\"euim-changelog__content\">{{ bugfix }}</div>\n </div>\n </ion-item>\n }\n </ion-list>\n </ion-accordion>\n }\n </ion-accordion-group>\n </ion-list>\n </ion-content>\n</div>", styles: [".euim-changelog__euimVersionTitle{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);justify-content:space-between;margin-left:var(--eui-base-spacing-m);color:var(--eui-base-color-grey-100)}.euim-changelog__bullet-point{display:inline-block;background-color:var(--eui-base-color-grey-100);width:var(--eui-base-spacing-2xs);height:var(--eui-base-spacing-2xs);border-radius:50%;margin-right:var(--eui-base-spacing-s)}.euim-changelog__label{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);white-space:wrap;color:var(--eui-base-color-grey-120);display:flex;align-items:center}.euim-changelog__itemDivider{color:var(--eui-base-color-grey-75)}.euim-changelog__content{flex:1}.euim-changelog ion-list[slot=content] .no-min-height{--min-height: 0px !important}\n"] }]
3172
+ args: [{ selector: 'euim-changelog', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-changelog\">\n <ion-header>\n <ion-toolbar color=\"primary\">\n <euim-toolbar>\n <euim-toolbar-title>Change Log</euim-toolbar-title>\n </euim-toolbar>\n </ion-toolbar>\n </ion-header>\n\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\n <ion-list>\n <ion-accordion-group [multiple]=\"true\" value=\"about\">\n @for (logItem of changeLogs; track $index) {\n <ion-accordion [value]=\"$index === 0 ? 'about' : null\">\n <ion-item slot=\"header\" class=\"euim-about__item\">\n <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\n <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle>\n <strong>{{logItem.version}}</strong>\n </div>\n </ion-item>\n <ion-list slot=\"content\">\n <ion-item-divider>\n <ion-label class=\"euim-changelog__itemDivider\">New features</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (feature of logItem.features; track feature) {\n <li> {{ feature }}</li> }\n </ul>\n </ion-item>\n <ion-item-divider>\n <ion-label>Improvements</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (improvement of logItem.improvements; track improvement) {\n <li> {{ improvement }}</li> }\n </ul>\n </ion-item>\n <ion-item-divider>\n <ion-label>Bugfixes</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (bugfix of logItem.bugfixes; track bugfix) {\n <li> {{ bugfix }}</li> }\n </ul>\n </ion-item>\n </ion-list>\n </ion-accordion>\n }\n\n </ion-accordion-group>\n </ion-list>\n </ion-content>\n</div>\n", styles: [".euim-changelog__euimVersionTitle{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-100)}.euim-changelog__itemDivider{color:var(--eui-base-color-grey-75)}.euim-changelog ul{padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m);margin:0}.euim-changelog li{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);color:var(--eui-base-color-grey-100)}.euim-changelog ion-item ion-icon{color:var(--eui-base-color-grey-100);margin-inline-end:var(--eui-base-spacing-m)}.euim-changelog ion-item ion-icon[slot=end]{color:var(--eui-base-color-grey-75)}.euim-changelog ion-accordion.accordion-expanded ion-item[slot=header]:after{content:\"\";display:block;border:0;border-top:1px solid rgba(0,0,0,.1)}\n"] }]
3153
3173
  }], propDecorators: { changeLogs: [{
3154
3174
  type: Input
3155
3175
  }] } });
3156
3176
 
3157
3177
  class EuimPrivacyStatementComponent {
3158
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimPrivacyStatementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
3159
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: EuimPrivacyStatementComponent, selector: "euim-privacy-statement", ngImport: i0, template: "<ng-content></ng-content>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
3178
+ constructor(sanitizer) {
3179
+ this.sanitizer = sanitizer;
3180
+ this.url = '';
3181
+ }
3182
+ ngOnInit() {
3183
+ this.sanitizedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.url);
3184
+ }
3185
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimPrivacyStatementComponent, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
3186
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimPrivacyStatementComponent, selector: "euim-privacy-statement", inputs: { url: "url" }, ngImport: i0, template: "<div class=\"euim-privacy-statement\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>Privacy Statement</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header>\r\n @if(url) {\r\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n <div class=\"euim-privacy-statement__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-privacy-statement__iframe\" scrolling=\"no\" allowfullscreen></iframe>\r\n </div>\r\n </ion-content> }\r\n</div>", styles: [".euim-privacy-statement__iframe-container{position:relative;width:100%;height:calc(100vh - 56px)}.euim-privacy-statement__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}\n"], dependencies: [{ kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }], encapsulation: i0.ViewEncapsulation.None }); }
3160
3187
  }
3161
3188
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimPrivacyStatementComponent, decorators: [{
3162
3189
  type: Component,
3163
- args: [{ selector: 'euim-privacy-statement', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>" }]
3164
- }] });
3190
+ args: [{ selector: 'euim-privacy-statement', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-privacy-statement\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>Privacy Statement</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header>\r\n @if(url) {\r\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n <div class=\"euim-privacy-statement__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-privacy-statement__iframe\" scrolling=\"no\" allowfullscreen></iframe>\r\n </div>\r\n </ion-content> }\r\n</div>", styles: [".euim-privacy-statement__iframe-container{position:relative;width:100%;height:calc(100vh - 56px)}.euim-privacy-statement__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}\n"] }]
3191
+ }], ctorParameters: () => [{ type: i1$3.DomSanitizer }], propDecorators: { url: [{
3192
+ type: Input
3193
+ }] } });
3165
3194
 
3166
3195
  class EuimHelpSupportComponent {
3167
3196
  constructor() {
@@ -3204,22 +3233,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
3204
3233
  }] } });
3205
3234
 
3206
3235
  class EuimLegalNoticeComponent {
3207
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimLegalNoticeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
3208
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: EuimLegalNoticeComponent, selector: "euim-legal-notice", ngImport: i0, template: "<ng-content></ng-content>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
3236
+ constructor(sanitizer) {
3237
+ this.sanitizer = sanitizer;
3238
+ this.url = '';
3239
+ }
3240
+ ngOnInit() {
3241
+ this.sanitizedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.url);
3242
+ }
3243
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimLegalNoticeComponent, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
3244
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimLegalNoticeComponent, selector: "euim-legal-notice", inputs: { url: "url" }, ngImport: i0, template: "<div class=\"euim-legal-notice\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>Legal Notice</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header> \r\n @if(url) {\r\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n <div class=\"euim-legal-notice__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-legal-notice__iframe\" scrolling=\"no\" allowfullscreen></iframe>\r\n </div>\r\n </ion-content> }\r\n</div>", styles: [".euim-legal-notice__iframe-container{position:relative;width:100%;height:calc(100vh - 56px)}.euim-legal-notice__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}\n"], dependencies: [{ kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }], encapsulation: i0.ViewEncapsulation.None }); }
3209
3245
  }
3210
3246
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimLegalNoticeComponent, decorators: [{
3211
3247
  type: Component,
3212
- args: [{ selector: 'euim-legal-notice', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>" }]
3213
- }] });
3248
+ args: [{ selector: 'euim-legal-notice', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-legal-notice\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>Legal Notice</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header> \r\n @if(url) {\r\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n <div class=\"euim-legal-notice__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-legal-notice__iframe\" scrolling=\"no\" allowfullscreen></iframe>\r\n </div>\r\n </ion-content> }\r\n</div>", styles: [".euim-legal-notice__iframe-container{position:relative;width:100%;height:calc(100vh - 56px)}.euim-legal-notice__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}\n"] }]
3249
+ }], ctorParameters: () => [{ type: i1$3.DomSanitizer }], propDecorators: { url: [{
3250
+ type: Input
3251
+ }] } });
3214
3252
 
3215
3253
  class EuimOpenSourceLicencesComponent {
3254
+ constructor() {
3255
+ this.items = [];
3256
+ this.clickItem = new EventEmitter();
3257
+ }
3258
+ emitItemClick(itemName) {
3259
+ this.clickItem.emit([itemName]);
3260
+ }
3216
3261
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimOpenSourceLicencesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
3217
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: EuimOpenSourceLicencesComponent, selector: "euim-opensource-licences", ngImport: i0, template: "<ng-content></ng-content>", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
3262
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimOpenSourceLicencesComponent, selector: "euim-opensource-licences", inputs: { items: "items" }, outputs: { clickItem: "clickItem" }, ngImport: i0, template: "<div class=\"euim-opensource-licences\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>Open source Licences</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header>\r\n <ion-list>\r\n @for (item of items; track item) {\r\n <ion-item class=\"euim-about__item\" button [detail]=\"true\" (click)=\"emitItemClick(item.name)\">\r\n <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">{{ item.name }}</div>\r\n </ion-item> }\r\n </ion-list>\r\n</div>\r\n", styles: [".euim-opensource-licences ion-item ion-icon{margin-inline-end:var(--eui-base-spacing-m);color:var(--eui-base-color-grey-100)}.euim-opensource-licences ion-item ion-icon__item{cursor:pointer!important}\n"], dependencies: [{ kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate"] }], encapsulation: i0.ViewEncapsulation.None }); }
3218
3263
  }
3219
3264
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimOpenSourceLicencesComponent, decorators: [{
3220
3265
  type: Component,
3221
- args: [{ selector: 'euim-opensource-licences', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>" }]
3222
- }] });
3266
+ args: [{ selector: 'euim-opensource-licences', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-opensource-licences\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>Open source Licences</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header>\r\n <ion-list>\r\n @for (item of items; track item) {\r\n <ion-item class=\"euim-about__item\" button [detail]=\"true\" (click)=\"emitItemClick(item.name)\">\r\n <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">{{ item.name }}</div>\r\n </ion-item> }\r\n </ion-list>\r\n</div>\r\n", styles: [".euim-opensource-licences ion-item ion-icon{margin-inline-end:var(--eui-base-spacing-m);color:var(--eui-base-color-grey-100)}.euim-opensource-licences ion-item ion-icon__item{cursor:pointer!important}\n"] }]
3267
+ }], propDecorators: { items: [{
3268
+ type: Input
3269
+ }], clickItem: [{
3270
+ type: Output
3271
+ }] } });
3223
3272
 
3224
3273
  class EuimAboutComponent {
3225
3274
  constructor() {
@@ -3242,14 +3291,14 @@ class EuimAboutComponent {
3242
3291
  this.openSourceLicencesExists = !!this.openSourceLicences;
3243
3292
  }
3244
3293
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimAboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
3245
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimAboutComponent, selector: "euim-about", inputs: { showCode: "showCode", version: "version", releaseDate: "releaseDate", qrCodeUrl: "qrCodeUrl", logoUrl: "logoUrl" }, queries: [{ propertyName: "changelog", first: true, predicate: EuimChangelogComponent, descendants: true }, { propertyName: "privacyStatement", first: true, predicate: EuimPrivacyStatementComponent, descendants: true }, { propertyName: "helpSupport", first: true, predicate: EuimHelpSupportComponent, descendants: true }, { propertyName: "legalNotice", first: true, predicate: EuimLegalNoticeComponent, descendants: true }, { propertyName: "openSourceLicences", first: true, predicate: EuimOpenSourceLicencesComponent, descendants: true }], ngImport: i0, template: "<div class=\"euim-about\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title><strong>About</strong></euim-toolbar-title>\r\n <euim-toolbar-action-items>\r\n <ion-label (click)=\"toggleQRCode()\" class=\"euim-about__toolbar-action-items\">\r\n <strong>{{ showCode ? 'HIDE QR CODE' : 'SHOW QR CODE' }}</strong>\r\n </ion-label>\r\n </euim-toolbar-action-items>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n\r\n <euim-header-details color=\"primary\">\r\n <div euimHeaderDetailsIcon>\r\n @if (showCode) {\r\n <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\"\r\n [elementType]=\"'svg'\" [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\r\n @if (!showCode) {\r\n <img [src]=\"logoUrl\" alt=\"Image\" /> }\r\n </div>\r\n <div euimHeaderDetailsTitle><strong>eUI / mobile</strong></div>\r\n <div euimHeaderDetailsMeta>version {{version}}</div>\r\n <div euimHeaderDetailsMeta>Built on {{releaseDate}}</div>\r\n </euim-header-details>\r\n </ion-header>\r\n\r\n <ion-list>\r\n <ion-list-header class=\"euim-about__listHeader\">ABOUT THIS APP</ion-list-header>\r\n @if (changelogExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Change Log</div>\r\n </ion-item>\r\n }\r\n @if (privacyStatementExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"finger-print-sharp\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Privacy Statement</div>\r\n </ion-item>\r\n }\r\n @if (openSourceLicencesExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Open source Licences</div>\r\n </ion-item> }\r\n @if (legalNoticeExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"library-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Legal Notice</div>\r\n </ion-item> }\r\n @if (helpSupportExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"mail-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Help & Support</div>\r\n </ion-item> }\r\n </ion-list>\r\n</div>\r\n", styles: [".euim-about{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.euim-about euim-toolbar-title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.euim-about euim-toolbar-action-items ion-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.euim-about ion-label{padding-inline-end:var(--eui-base-spacing-m);cursor:pointer}.euim-about__label{min-height:var(--eui-base-spacing-2xs);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-about__listHeader{color:var(--eui-base-color-grey-100)}\n"], dependencies: [{ kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2$3.QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "margin", "qrdata", "scale", "version", "width"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: EuimToolbarActionItemsComponent, selector: "euim-toolbar-action-items" }, { kind: "component", type: EuimHeaderDetailsComponent, selector: "euim-header-details" }, { kind: "directive", type: EuimHeaderDetailsTitleDirective, selector: "[euimHeaderDetailsTitle]" }, { kind: "directive", type: EuimHeaderDetailsMetaDirective, selector: "[euimHeaderDetailsMeta]" }, { kind: "directive", type: EuimHeaderDetailsIconDirective, selector: "[euimHeaderDetailsIcon]" }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate"] }], encapsulation: i0.ViewEncapsulation.None }); }
3294
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimAboutComponent, selector: "euim-about", inputs: { showCode: "showCode", version: "version", releaseDate: "releaseDate", qrCodeUrl: "qrCodeUrl", logoUrl: "logoUrl", appName: "appName" }, queries: [{ propertyName: "changelog", first: true, predicate: EuimChangelogComponent, descendants: true }, { propertyName: "privacyStatement", first: true, predicate: EuimPrivacyStatementComponent, descendants: true }, { propertyName: "helpSupport", first: true, predicate: EuimHelpSupportComponent, descendants: true }, { propertyName: "legalNotice", first: true, predicate: EuimLegalNoticeComponent, descendants: true }, { propertyName: "openSourceLicences", first: true, predicate: EuimOpenSourceLicencesComponent, descendants: true }], ngImport: i0, template: "<div class=\"euim-about\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title><strong>About</strong></euim-toolbar-title>\r\n @if (qrCodeUrl) {\r\n <euim-toolbar-action-items>\r\n <ion-label (click)=\"toggleQRCode()\" class=\"euim-about__toolbar-action-items\">\r\n <strong>{{ showCode ? 'HIDE QR CODE' : 'SHOW QR CODE' }}</strong>\r\n </ion-label>\r\n </euim-toolbar-action-items> }\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n\r\n <euim-header-details color=\"primary\">\r\n <div euimHeaderDetailsIcon>\r\n @if (showCode) {\r\n <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\"\r\n [elementType]=\"'svg'\" [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\r\n @if (!showCode) {\r\n @if (logoUrl) { <img [src]=\"logoUrl\" class=\"euim-about__app-img\" alt=\"Image\" /> } }\r\n </div>\r\n @if (appName) {\r\n <div euimHeaderDetailsTitle><strong>{{appName}}</strong></div> }\r\n @if (version) {\r\n <div euimHeaderDetailsMeta>version {{version}}</div> }\r\n @if (releaseDate) {\r\n <div euimHeaderDetailsMeta>Built on {{releaseDate}}</div> }\r\n </euim-header-details>\r\n </ion-header>\r\n\r\n <ion-list>\r\n <ion-list-header class=\"euim-about__list-header\">\r\n <div euimLabel>ABOUT THIS APP</div>\r\n </ion-list-header>\r\n <div class=\"euim-about__items\">\r\n @if (changelogExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Change Log</div>\r\n </ion-item>\r\n }\r\n @if (privacyStatementExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"finger-print-sharp\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Privacy Statement</div>\r\n </ion-item>\r\n }\r\n @if (openSourceLicencesExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Open source Licences</div>\r\n </ion-item> }\r\n @if (legalNoticeExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"library-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Legal Notice</div>\r\n </ion-item> }\r\n @if (helpSupport) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"mail-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Help & Support</div>\r\n </ion-item> }\r\n </div>\r\n </ion-list>\r\n</div>", styles: [".euim-about euim-toolbar-title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.euim-about euim-toolbar-action-items ion-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.euim-about ion-label{margin-inline-end:var(--eui-base-spacing-m);cursor:pointer}.euim-about__label{min-height:var(--eui-base-spacing-2xs);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);display:grid;gap:var(--eui-base-spacing-2xs)}.euim-about__list-header{color:var(--eui-base-color-grey-100);display:grid;gap:var(--eui-base-spacing-m)}.euim-about__item ion-icon{color:var(--eui-base-color-grey-100);margin-inline-end:var(--eui-base-spacing-m)}.euim-about__app-img{width:var(--eui-base-spacing-4xl);height:var(--eui-base-spacing-4xl);border-radius:var(--eui-base-spacing-m);border:calc(var(--eui-base-spacing-2xs) / 2) solid var(--eui-base-color-white)}.euim-about[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}\n"], dependencies: [{ kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "counterFormatter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2$3.QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "margin", "qrdata", "scale", "version", "width"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: EuimToolbarActionItemsComponent, selector: "euim-toolbar-action-items" }, { kind: "component", type: EuimHeaderDetailsComponent, selector: "euim-header-details" }, { kind: "directive", type: EuimHeaderDetailsTitleDirective, selector: "[euimHeaderDetailsTitle]" }, { kind: "directive", type: EuimHeaderDetailsMetaDirective, selector: "[euimHeaderDetailsMeta]" }, { kind: "directive", type: EuimHeaderDetailsIconDirective, selector: "[euimHeaderDetailsIcon]" }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate"] }], encapsulation: i0.ViewEncapsulation.None }); }
3246
3295
  }
3247
3296
  __decorate([
3248
3297
  coerceBoolean
3249
3298
  ], EuimAboutComponent.prototype, "showCode", void 0);
3250
3299
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimAboutComponent, decorators: [{
3251
3300
  type: Component,
3252
- args: [{ selector: 'euim-about', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-about\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title><strong>About</strong></euim-toolbar-title>\r\n <euim-toolbar-action-items>\r\n <ion-label (click)=\"toggleQRCode()\" class=\"euim-about__toolbar-action-items\">\r\n <strong>{{ showCode ? 'HIDE QR CODE' : 'SHOW QR CODE' }}</strong>\r\n </ion-label>\r\n </euim-toolbar-action-items>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n\r\n <euim-header-details color=\"primary\">\r\n <div euimHeaderDetailsIcon>\r\n @if (showCode) {\r\n <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\"\r\n [elementType]=\"'svg'\" [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\r\n @if (!showCode) {\r\n <img [src]=\"logoUrl\" alt=\"Image\" /> }\r\n </div>\r\n <div euimHeaderDetailsTitle><strong>eUI / mobile</strong></div>\r\n <div euimHeaderDetailsMeta>version {{version}}</div>\r\n <div euimHeaderDetailsMeta>Built on {{releaseDate}}</div>\r\n </euim-header-details>\r\n </ion-header>\r\n\r\n <ion-list>\r\n <ion-list-header class=\"euim-about__listHeader\">ABOUT THIS APP</ion-list-header>\r\n @if (changelogExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Change Log</div>\r\n </ion-item>\r\n }\r\n @if (privacyStatementExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"finger-print-sharp\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Privacy Statement</div>\r\n </ion-item>\r\n }\r\n @if (openSourceLicencesExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Open source Licences</div>\r\n </ion-item> }\r\n @if (legalNoticeExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"library-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Legal Notice</div>\r\n </ion-item> }\r\n @if (helpSupportExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"mail-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Help & Support</div>\r\n </ion-item> }\r\n </ion-list>\r\n</div>\r\n", styles: [".euim-about{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.euim-about euim-toolbar-title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.euim-about euim-toolbar-action-items ion-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.euim-about ion-label{padding-inline-end:var(--eui-base-spacing-m);cursor:pointer}.euim-about__label{min-height:var(--eui-base-spacing-2xs);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-about__listHeader{color:var(--eui-base-color-grey-100)}\n"] }]
3301
+ args: [{ selector: 'euim-about', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-about\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title><strong>About</strong></euim-toolbar-title>\r\n @if (qrCodeUrl) {\r\n <euim-toolbar-action-items>\r\n <ion-label (click)=\"toggleQRCode()\" class=\"euim-about__toolbar-action-items\">\r\n <strong>{{ showCode ? 'HIDE QR CODE' : 'SHOW QR CODE' }}</strong>\r\n </ion-label>\r\n </euim-toolbar-action-items> }\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n\r\n <euim-header-details color=\"primary\">\r\n <div euimHeaderDetailsIcon>\r\n @if (showCode) {\r\n <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\"\r\n [elementType]=\"'svg'\" [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\r\n @if (!showCode) {\r\n @if (logoUrl) { <img [src]=\"logoUrl\" class=\"euim-about__app-img\" alt=\"Image\" /> } }\r\n </div>\r\n @if (appName) {\r\n <div euimHeaderDetailsTitle><strong>{{appName}}</strong></div> }\r\n @if (version) {\r\n <div euimHeaderDetailsMeta>version {{version}}</div> }\r\n @if (releaseDate) {\r\n <div euimHeaderDetailsMeta>Built on {{releaseDate}}</div> }\r\n </euim-header-details>\r\n </ion-header>\r\n\r\n <ion-list>\r\n <ion-list-header class=\"euim-about__list-header\">\r\n <div euimLabel>ABOUT THIS APP</div>\r\n </ion-list-header>\r\n <div class=\"euim-about__items\">\r\n @if (changelogExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Change Log</div>\r\n </ion-item>\r\n }\r\n @if (privacyStatementExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"finger-print-sharp\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Privacy Statement</div>\r\n </ion-item>\r\n }\r\n @if (openSourceLicencesExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Open source Licences</div>\r\n </ion-item> }\r\n @if (legalNoticeExists) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"library-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Legal Notice</div>\r\n </ion-item> }\r\n @if (helpSupport) {\r\n <ion-item class=\"euim-about__item\">\r\n <ion-icon name=\"mail-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">Help & Support</div>\r\n </ion-item> }\r\n </div>\r\n </ion-list>\r\n</div>", styles: [".euim-about euim-toolbar-title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.euim-about euim-toolbar-action-items ion-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.euim-about ion-label{margin-inline-end:var(--eui-base-spacing-m);cursor:pointer}.euim-about__label{min-height:var(--eui-base-spacing-2xs);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);display:grid;gap:var(--eui-base-spacing-2xs)}.euim-about__list-header{color:var(--eui-base-color-grey-100);display:grid;gap:var(--eui-base-spacing-m)}.euim-about__item ion-icon{color:var(--eui-base-color-grey-100);margin-inline-end:var(--eui-base-spacing-m)}.euim-about__app-img{width:var(--eui-base-spacing-4xl);height:var(--eui-base-spacing-4xl);border-radius:var(--eui-base-spacing-m);border:calc(var(--eui-base-spacing-2xs) / 2) solid var(--eui-base-color-white)}.euim-about[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}\n"] }]
3253
3302
  }], propDecorators: { changelog: [{
3254
3303
  type: ContentChild,
3255
3304
  args: [EuimChangelogComponent]
@@ -3275,6 +3324,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
3275
3324
  type: Input
3276
3325
  }], logoUrl: [{
3277
3326
  type: Input
3327
+ }], appName: [{
3328
+ type: Input
3329
+ }] } });
3330
+
3331
+ class EuimLicenseDetailsComponent {
3332
+ constructor(sanitizer) {
3333
+ this.sanitizer = sanitizer;
3334
+ this.url = '';
3335
+ }
3336
+ ngOnInit() {
3337
+ this.sanitizedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.url);
3338
+ }
3339
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimLicenseDetailsComponent, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
3340
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: EuimLicenseDetailsComponent, selector: "euim-license-details", inputs: { url: "url" }, ngImport: i0, template: "<div class=\"euim-license-details\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>License Details</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header>\r\n <div class=\"euim-license-details__content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if(url) {\r\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n <div class=\"euim-license-details__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-license-details__iframe\" scrolling=\"no\" allowfullscreen></iframe>\r\n </div>\r\n </ion-content> }\r\n\r\n</div>", styles: [".euim-license-details__iframe-container{position:relative;width:100%;height:calc(100vh - 56px)}.euim-license-details__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.euim-license-details__content *{display:block;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-m);font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-100)}\n"], dependencies: [{ kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }], encapsulation: i0.ViewEncapsulation.None }); }
3341
+ }
3342
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimLicenseDetailsComponent, decorators: [{
3343
+ type: Component,
3344
+ args: [{ selector: 'euim-license-details', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-license-details\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>License Details</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header>\r\n <div class=\"euim-license-details__content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if(url) {\r\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n <div class=\"euim-license-details__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-license-details__iframe\" scrolling=\"no\" allowfullscreen></iframe>\r\n </div>\r\n </ion-content> }\r\n\r\n</div>", styles: [".euim-license-details__iframe-container{position:relative;width:100%;height:calc(100vh - 56px)}.euim-license-details__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.euim-license-details__content *{display:block;padding:var(--eui-base-spacing-2xs) var(--eui-base-spacing-m);font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-100)}\n"] }]
3345
+ }], ctorParameters: () => [{ type: i1$3.DomSanitizer }], propDecorators: { url: [{
3346
+ type: Input
3278
3347
  }] } });
3279
3348
 
3280
3349
  const COMPONENTS = [
@@ -3284,6 +3353,7 @@ const COMPONENTS = [
3284
3353
  EuimOpenSourceLicencesComponent,
3285
3354
  EuimLegalNoticeComponent,
3286
3355
  EuimHelpSupportComponent,
3356
+ EuimLicenseDetailsComponent,
3287
3357
  ];
3288
3358
  class EuimAboutModule {
3289
3359
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
@@ -3292,7 +3362,8 @@ class EuimAboutModule {
3292
3362
  EuimPrivacyStatementComponent,
3293
3363
  EuimOpenSourceLicencesComponent,
3294
3364
  EuimLegalNoticeComponent,
3295
- EuimHelpSupportComponent], imports: [CommonModule,
3365
+ EuimHelpSupportComponent,
3366
+ EuimLicenseDetailsComponent], imports: [CommonModule,
3296
3367
  IonicModule,
3297
3368
  QRCodeModule,
3298
3369
  EuimToolbarComponentModule,
@@ -3304,7 +3375,8 @@ class EuimAboutModule {
3304
3375
  EuimPrivacyStatementComponent,
3305
3376
  EuimOpenSourceLicencesComponent,
3306
3377
  EuimLegalNoticeComponent,
3307
- EuimHelpSupportComponent] }); }
3378
+ EuimHelpSupportComponent,
3379
+ EuimLicenseDetailsComponent] }); }
3308
3380
  /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: EuimAboutModule, imports: [CommonModule,
3309
3381
  IonicModule,
3310
3382
  QRCodeModule,
@@ -3565,5 +3637,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
3565
3637
  * Generated bundle index. Do not edit.
3566
3638
  */
3567
3639
 
3568
- export { BaseStatesDirective, EuiMUserProfileActionComponent, EuiMUserProfileAvatarComponent, EuiMUserProfileInfosComponent, EuiMUserProfileInfosItemComponent, EuimAboutComponent, EuimAboutModule, EuimAlertMessageComponent, EuimAlertMessageModule, EuimAllModule, EuimAppComponent, EuimAppModule, EuimAppService, EuimAvatarComponent, EuimAvatarIconComponent, EuimAvatarIconModule, EuimAvatarMainIconDirective, EuimAvatarModule, EuimAvatarSubIconDirective, EuimBadgeComponent, EuimBadgeModule, EuimChangelogComponent, EuimChipSelectorComponent, EuimChipSelectorComponentModule, EuimChipSelectorItemDirective, EuimDataSummaryColComponent, EuimDataSummaryColLabelDirective, EuimDataSummaryColValueDirective, EuimDataSummaryComponent, EuimDataSummaryModule, EuimDividerDirective, EuimDividerModule, EuimEmptyListPlaceholderComponent, EuimEmptyListPlaceholderModule, EuimHeaderDetailsComponent, EuimHeaderDetailsIconDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsModule, EuimHeaderDetailsTitleDirective, EuimHelpSupportComponent, EuimLabelComponent, EuimLabelModule, EuimLanguageListComponent, EuimLanguageSelectorComponent, EuimLanguageSelectorModule, EuimLegalNoticeComponent, EuimMediaHeaderComponent, EuimMediaHeaderImageDirective, EuimMediaHeaderModule, EuimMediaHeaderSubTitleDirective, EuimMediaHeaderTitleDirective, EuimMessageComponent, EuimMessageModule, EuimMessageTitleComponent, EuimMultiselectAllDirective, EuimMultiselectComponent, EuimMultiselectFilterComponent, EuimMultiselectInfoComponent, EuimMultiselectListComponent, EuimMultiselectModule, EuimMultiselectSelectFieldDirective, EuimMultiselectToolbarComponent, EuimNotificationItemComponent, EuimNotificationItemModule, EuimOpenSourceLicencesComponent, EuimPdfWrapperComponent, EuimPdfWrapperModule, EuimPrivacyStatementComponent, EuimScrollerXComponent, EuimScrollerXComponentModule, EuimSidebarComponent, EuimSidebarContentComponent, EuimSidebarModule, EuimSkeletonListComponent, EuimSkeletonListItemComponent, EuimSkeletonListItemModule, EuimSkeletonListModule, EuimSkeletonTextAvatarDirective, EuimSkeletonTextAvatarModule, EuimSlideInfoScreenComponent, EuimSliderInfoScreenComponent, EuimSliderInfoScreenContentDirective, EuimSliderInfoScreenModule, EuimSliderInfoScreenSubTitleDirective, EuimSliderInfoScreenTitleDirective, EuimSpinnerComponent, EuimSpinnerComponentModule, EuimSpinnerDescriptionComponent, EuimSpinnerMessageComponent, EuimToolbarActionItemsComponent, EuimToolbarComponent, EuimToolbarComponentModule, EuimToolbarTitleComponent, EuimUserProfileComponent, EuimUserProfileModule };
3640
+ export { BaseStatesDirective, EuiMUserProfileActionComponent, EuiMUserProfileAvatarComponent, EuiMUserProfileInfosComponent, EuiMUserProfileInfosItemComponent, EuimAboutComponent, EuimAboutModule, EuimAlertMessageComponent, EuimAlertMessageModule, EuimAllModule, EuimAppComponent, EuimAppModule, EuimAppService, EuimAvatarComponent, EuimAvatarIconComponent, EuimAvatarIconModule, EuimAvatarMainIconDirective, EuimAvatarModule, EuimAvatarSubIconDirective, EuimBadgeComponent, EuimBadgeModule, EuimChangelogComponent, EuimChipSelectorComponent, EuimChipSelectorComponentModule, EuimChipSelectorItemDirective, EuimDataSummaryColComponent, EuimDataSummaryColLabelDirective, EuimDataSummaryColValueDirective, EuimDataSummaryComponent, EuimDataSummaryModule, EuimDividerDirective, EuimDividerModule, EuimEmptyListPlaceholderComponent, EuimEmptyListPlaceholderModule, EuimHeaderDetailsComponent, EuimHeaderDetailsIconDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsModule, EuimHeaderDetailsTitleDirective, EuimHelpSupportComponent, EuimLabelComponent, EuimLabelModule, EuimLanguageListComponent, EuimLanguageSelectorComponent, EuimLanguageSelectorModule, EuimLegalNoticeComponent, EuimLicenseDetailsComponent, EuimMediaHeaderComponent, EuimMediaHeaderImageDirective, EuimMediaHeaderModule, EuimMediaHeaderSubTitleDirective, EuimMediaHeaderTitleDirective, EuimMessageComponent, EuimMessageModule, EuimMessageTitleComponent, EuimMultiselectAllDirective, EuimMultiselectComponent, EuimMultiselectFilterComponent, EuimMultiselectInfoComponent, EuimMultiselectListComponent, EuimMultiselectModule, EuimMultiselectSelectFieldDirective, EuimMultiselectToolbarComponent, EuimNotificationItemComponent, EuimNotificationItemModule, EuimOpenSourceLicencesComponent, EuimPdfWrapperComponent, EuimPdfWrapperModule, EuimPrivacyStatementComponent, EuimScrollerXComponent, EuimScrollerXComponentModule, EuimSidebarComponent, EuimSidebarContentComponent, EuimSidebarModule, EuimSkeletonListComponent, EuimSkeletonListItemComponent, EuimSkeletonListItemModule, EuimSkeletonListModule, EuimSkeletonTextAvatarDirective, EuimSkeletonTextAvatarModule, EuimSlideInfoScreenComponent, EuimSliderInfoScreenComponent, EuimSliderInfoScreenContentDirective, EuimSliderInfoScreenModule, EuimSliderInfoScreenSubTitleDirective, EuimSliderInfoScreenTitleDirective, EuimSpinnerComponent, EuimSpinnerComponentModule, EuimSpinnerDescriptionComponent, EuimSpinnerMessageComponent, EuimToolbarActionItemsComponent, EuimToolbarComponent, EuimToolbarComponentModule, EuimToolbarTitleComponent, EuimUserProfileComponent, EuimUserProfileModule };
3569
3641
  //# sourceMappingURL=eui-mobile-core.mjs.map