@eui/mobile-core 17.1.0-snapshot-1715156315917 → 17.1.0-snapshot-1715853050652

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 (123) hide show
  1. package/assets/i18n-mobile/en.json +10 -3
  2. package/assets/i18n-mobile/es.json +10 -2
  3. package/assets/i18n-mobile/fr.json +10 -2
  4. package/assets/i18n-mobile/tr.json +10 -2
  5. package/docs/components/EuiMUserProfileActionComponent.html +1 -1
  6. package/docs/components/EuiMUserProfileAvatarComponent.html +1 -1
  7. package/docs/components/EuiMUserProfileInfosComponent.html +1 -1
  8. package/docs/components/EuiMUserProfileInfosItemComponent.html +1 -1
  9. package/docs/components/EuimAboutComponent.html +2 -2
  10. package/docs/components/{EuimLicenseDetailsComponent.html → EuimAboutContentLoadingComponent.html} +30 -52
  11. package/docs/components/EuimAlertMessageComponent.html +1 -1
  12. package/docs/components/EuimAppComponent.html +1 -1
  13. package/docs/components/EuimAvatarComponent.html +1 -1
  14. package/docs/components/EuimAvatarIconComponent.html +1 -1
  15. package/docs/components/EuimBadgeComponent.html +1 -1
  16. package/docs/components/EuimChangelogComponent.html +2 -2
  17. package/docs/components/EuimChipSelectorComponent.html +1 -1
  18. package/docs/components/EuimDataSummaryColComponent.html +1 -1
  19. package/docs/components/EuimDataSummaryComponent.html +1 -1
  20. package/docs/components/EuimEmptyListPlaceholderComponent.html +1 -1
  21. package/docs/components/EuimHeaderDetailsComponent.html +1 -1
  22. package/docs/components/EuimHelpSupportComponent.html +2 -2
  23. package/docs/components/EuimLabelComponent.html +1 -1
  24. package/docs/components/EuimLanguageListComponent.html +1 -1
  25. package/docs/components/EuimLanguageSelectorComponent.html +1 -1
  26. package/docs/components/EuimMediaHeaderComponent.html +1 -1
  27. package/docs/components/EuimMessageComponent.html +1 -1
  28. package/docs/components/EuimMessageTitleComponent.html +1 -1
  29. package/docs/components/EuimMultiselectComponent.html +1 -1
  30. package/docs/components/EuimMultiselectFilterComponent.html +1 -1
  31. package/docs/components/EuimMultiselectInfoComponent.html +1 -1
  32. package/docs/components/EuimMultiselectListComponent.html +1 -1
  33. package/docs/components/EuimMultiselectToolbarComponent.html +1 -1
  34. package/docs/components/EuimNotificationItemComponent.html +1 -1
  35. package/docs/components/EuimOpenSourceLicencesComponent.html +2 -2
  36. package/docs/components/{EuimPdfWrapperComponent.html → EuimPdfViewerComponent.html} +8 -8
  37. package/docs/components/EuimScrollerXComponent.html +1 -1
  38. package/docs/components/EuimSidebarComponent.html +1 -1
  39. package/docs/components/EuimSidebarContentComponent.html +1 -1
  40. package/docs/components/EuimSkeletonListComponent.html +1 -1
  41. package/docs/components/EuimSkeletonListItemComponent.html +1 -1
  42. package/docs/components/EuimSlideInfoScreenComponent.html +1 -1
  43. package/docs/components/EuimSliderInfoScreenComponent.html +1 -1
  44. package/docs/components/EuimSpinnerComponent.html +1 -1
  45. package/docs/components/EuimSpinnerDescriptionComponent.html +1 -1
  46. package/docs/components/EuimSpinnerMessageComponent.html +1 -1
  47. package/docs/components/EuimToolbarActionItemsComponent.html +1 -1
  48. package/docs/components/EuimToolbarComponent.html +1 -1
  49. package/docs/components/EuimToolbarDatepickerComponent.html +1 -1
  50. package/docs/components/EuimToolbarTitleComponent.html +1 -1
  51. package/docs/components/EuimUserProfileComponent.html +1 -1
  52. package/docs/dependencies.html +5 -5
  53. package/docs/index.html +1 -1
  54. package/docs/js/menu-wc.js +50 -128
  55. package/docs/js/menu-wc_es5.js +1 -1
  56. package/docs/js/search/search_index.js +2 -2
  57. package/docs/miscellaneous/variables.html +5 -6
  58. package/docs/modules/EuimAboutModule.html +6 -18
  59. package/docs/modules/EuimAlertMessageModule.html +6 -18
  60. package/docs/modules/EuimAllModule.html +6 -0
  61. package/docs/modules/EuimAvatarModule.html +6 -18
  62. package/docs/modules/EuimDataSummaryModule.html +6 -18
  63. package/docs/modules/EuimHeaderDetailsModule.html +6 -18
  64. package/docs/modules/EuimMediaHeaderModule.html +6 -18
  65. package/docs/modules/EuimMessageModule.html +6 -18
  66. package/docs/modules/EuimMultiselectModule.html +6 -18
  67. package/docs/modules/{EuimPdfWrapperModule.html → EuimPdfViewerModule.html} +9 -21
  68. package/docs/modules/EuimSkeletonListItemModule.html +6 -18
  69. package/docs/modules/EuimSkeletonListModule.html +6 -18
  70. package/docs/modules/EuimSliderInfoScreenModule.html +6 -18
  71. package/docs/modules/EuimUserProfileModule.html +6 -18
  72. package/docs/modules.html +2 -2
  73. package/esm2022/lib/components/atoms/euim-label/euim-label.component.mjs +2 -2
  74. package/esm2022/lib/components/euim-about/euim-about-content-loading/euim-about-content-loading.component.mjs +26 -0
  75. package/esm2022/lib/components/euim-about/euim-about.component.mjs +4 -3
  76. package/esm2022/lib/components/euim-about/euim-about.module.mjs +11 -15
  77. package/esm2022/lib/components/euim-about/euim-changelog/euim-changelog.component.mjs +4 -3
  78. package/esm2022/lib/components/euim-about/euim-help-support/euim-help-support.component.mjs +4 -3
  79. package/esm2022/lib/components/euim-about/euim-opensource-licences/euim-opensource-licences.component.mjs +4 -3
  80. package/esm2022/lib/components/euim-about/index.mjs +2 -4
  81. package/esm2022/lib/components/euim-pdf-viewer/euim-pdf-viewer.component.mjs +99 -0
  82. package/esm2022/lib/components/euim-pdf-viewer/euim-pdf-viewer.module.mjs +47 -0
  83. package/esm2022/lib/components/euim-pdf-viewer/index.mjs +3 -0
  84. package/esm2022/lib/components/index.mjs +2 -2
  85. package/esm2022/lib/euim-all.module.mjs +6 -2
  86. package/fesm2022/eui-mobile-core.mjs +66 -90
  87. package/fesm2022/eui-mobile-core.mjs.map +1 -1
  88. package/lib/components/euim-about/euim-about-content-loading/euim-about-content-loading.component.d.ts +14 -0
  89. package/lib/components/euim-about/euim-about-content-loading/euim-about-content-loading.component.d.ts.map +1 -0
  90. package/lib/components/euim-about/euim-about.module.d.ts +14 -15
  91. package/lib/components/euim-about/euim-about.module.d.ts.map +1 -1
  92. package/lib/components/euim-about/index.d.ts +1 -3
  93. package/lib/components/euim-about/index.d.ts.map +1 -1
  94. package/lib/components/{euim-pdf-wrapper/euim-pdf-wrapper.component.d.ts → euim-pdf-viewer/euim-pdf-viewer.component.d.ts} +5 -4
  95. package/lib/components/euim-pdf-viewer/euim-pdf-viewer.component.d.ts.map +1 -0
  96. package/lib/components/euim-pdf-viewer/euim-pdf-viewer.module.d.ts +14 -0
  97. package/lib/components/euim-pdf-viewer/euim-pdf-viewer.module.d.ts.map +1 -0
  98. package/lib/components/euim-pdf-viewer/index.d.ts +3 -0
  99. package/lib/components/euim-pdf-viewer/index.d.ts.map +1 -0
  100. package/lib/components/index.d.ts +1 -1
  101. package/lib/components/index.d.ts.map +1 -1
  102. package/lib/euim-all.module.d.ts +7 -6
  103. package/lib/euim-all.module.d.ts.map +1 -1
  104. package/package.json +1 -1
  105. package/docs/components/EuimLegalNoticeComponent.html +0 -416
  106. package/docs/components/EuimPrivacyStatementComponent.html +0 -416
  107. package/esm2022/lib/components/euim-about/euim-legal-notice/euim-legal-notice.component.mjs +0 -25
  108. package/esm2022/lib/components/euim-about/euim-license-details/euim-license-details.component.mjs +0 -24
  109. package/esm2022/lib/components/euim-about/euim-privacy-statement/euim-privacy-statement.component.mjs +0 -25
  110. package/esm2022/lib/components/euim-pdf-wrapper/euim-pdf-wrapper.component.mjs +0 -92
  111. package/esm2022/lib/components/euim-pdf-wrapper/euim-pdf-wrapper.module.mjs +0 -43
  112. package/esm2022/lib/components/euim-pdf-wrapper/index.mjs +0 -3
  113. package/lib/components/euim-about/euim-legal-notice/euim-legal-notice.component.d.ts +0 -13
  114. package/lib/components/euim-about/euim-legal-notice/euim-legal-notice.component.d.ts.map +0 -1
  115. package/lib/components/euim-about/euim-license-details/euim-license-details.component.d.ts +0 -13
  116. package/lib/components/euim-about/euim-license-details/euim-license-details.component.d.ts.map +0 -1
  117. package/lib/components/euim-about/euim-privacy-statement/euim-privacy-statement.component.d.ts +0 -13
  118. package/lib/components/euim-about/euim-privacy-statement/euim-privacy-statement.component.d.ts.map +0 -1
  119. package/lib/components/euim-pdf-wrapper/euim-pdf-wrapper.component.d.ts.map +0 -1
  120. package/lib/components/euim-pdf-wrapper/euim-pdf-wrapper.module.d.ts +0 -13
  121. package/lib/components/euim-pdf-wrapper/euim-pdf-wrapper.module.d.ts.map +0 -1
  122. package/lib/components/euim-pdf-wrapper/index.d.ts +0 -3
  123. package/lib/components/euim-pdf-wrapper/index.d.ts.map +0 -1
@@ -16,7 +16,7 @@ import * as i1$2 from '@angular/router';
16
16
  import { NavigationEnd, RouterModule } from '@angular/router';
17
17
  import * as i2$2 from 'ng2-pdf-viewer';
18
18
  import { PdfViewerModule } from 'ng2-pdf-viewer';
19
- import * as i5 from '@mapaxe/ngx-pinch-zoom';
19
+ import * as i3 from '@mapaxe/ngx-pinch-zoom';
20
20
  import { PinchZoomModule } from '@mapaxe/ngx-pinch-zoom';
21
21
  import * as i2$3 from 'angularx-qrcode';
22
22
  import { QRCodeModule } from 'angularx-qrcode';
@@ -222,7 +222,7 @@ class EuimLabelComponent {
222
222
  ].join(' ');
223
223
  }
224
224
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimLabelComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
225
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.7", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: { euimLabelTruncateWithLines: "euimLabelTruncateWithLines", euimLabelTitle: ["euimLabelTitle", "euimLabelTitle", booleanAttribute], euimLabelSubTitle: ["euimLabelSubTitle", "euimLabelSubTitle", booleanAttribute], euimLabelMeta: ["euimLabelMeta", "euimLabelMeta", booleanAttribute], euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute] }, host: { properties: { "style.--euimLabelTruncateWithLines": "this.euimLabelTruncateWithLines", "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSize2XS", "euimSize2XS", "euimSizeXS", "euimSizeXS", "euimSizeS", "euimSizeS", "euimSizeM", "euimSizeM", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "euimSize2XL", "euimSize2XL", "euimSize3XL", "euimSize3XL", "euimSize4XL", "euimSize4XL", "color", "color"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-base-color-grey-100)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-base-spacing-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-base-spacing-2xs)}.euim-label__title{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-text)}.euim-label__title ion-icon{font-size:var(--eui-base-font-size-m)}.euim-label__sub-title,.euim-label__meta{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-75)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-base-font-size-m)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-base-spacing-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-base-color-primary-100)}.euim-label--secondary{color:var(--eui-base-color-grey-50)}.euim-label--default{color:var(--eui-base-color-grey-75)}.euim-label--dark{color:var(--eui-base-color-grey-100)}.euim-label--info{color:var(--eui-base-color-info-100)}.euim-label--success{color:var(--eui-base-color-success-100)}.euim-label--warning{color:var(--eui-base-color-warning-140)}.euim-label--warning ion-icon{color:var(--eui-base-color-warning-140)}.euim-label--danger{color:var(--eui-base-color-danger-100)}.euim-label--accent{color:var(--eui-base-color-accent-100)}.euim-label--white{color:var(--eui-base-color-grey-0)}.euim-label--size-2xs{font:var(--eui-base-font-size-2xs)}.euim-label--size-xs{font:var(--eui-base-font-size-xs)}.euim-label--size-s{font:var(--eui-base-font-size-s)}.euim-label--size-m{font:var(--eui-base-font-size-m)}.euim-label--size-l{font:var(--eui-base-font-size-l)}.euim-label--size-xl{font:var(--eui-base-font-size-xl)}.euim-label--size-2xl{font:var(--eui-base-font-size-2xl)}.euim-label--size-3xl{font:var(--eui-base-font-size-3xl)}.euim-label--size-4xl{font:var(--eui-base-font-size-4xl)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
225
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.3.7", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: { euimLabelTruncateWithLines: "euimLabelTruncateWithLines", euimLabelTitle: ["euimLabelTitle", "euimLabelTitle", booleanAttribute], euimLabelSubTitle: ["euimLabelSubTitle", "euimLabelSubTitle", booleanAttribute], euimLabelMeta: ["euimLabelMeta", "euimLabelMeta", booleanAttribute], euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute] }, host: { properties: { "style.--euimLabelTruncateWithLines": "this.euimLabelTruncateWithLines", "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSize2XS", "euimSize2XS", "euimSizeXS", "euimSizeXS", "euimSizeS", "euimSizeS", "euimSizeM", "euimSizeM", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "euimSize2XL", "euimSize2XL", "euimSize3XL", "euimSize3XL", "euimSize4XL", "euimSize4XL", "color", "color"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-base-color-grey-100);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-base-spacing-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-base-spacing-2xs)}.euim-label__title{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-text)}.euim-label__title ion-icon{font-size:var(--eui-base-font-size-m)}.euim-label__sub-title,.euim-label__meta{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-75)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-base-font-size-m)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-base-spacing-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-base-color-primary-100)}.euim-label--secondary{color:var(--eui-base-color-grey-50)}.euim-label--default{color:var(--eui-base-color-grey-75)}.euim-label--dark{color:var(--eui-base-color-grey-100)}.euim-label--info{color:var(--eui-base-color-info-100)}.euim-label--success{color:var(--eui-base-color-success-100)}.euim-label--warning{color:var(--eui-base-color-warning-140)}.euim-label--warning ion-icon{color:var(--eui-base-color-warning-140)}.euim-label--danger{color:var(--eui-base-color-danger-100)}.euim-label--accent{color:var(--eui-base-color-accent-100)}.euim-label--white{color:var(--eui-base-color-grey-0)}.euim-label--size-2xs{font:var(--eui-base-font-size-2xs)}.euim-label--size-xs{font:var(--eui-base-font-size-xs)}.euim-label--size-s{font:var(--eui-base-font-size-s)}.euim-label--size-m{font:var(--eui-base-font-size-m)}.euim-label--size-l{font:var(--eui-base-font-size-l)}.euim-label--size-xl{font:var(--eui-base-font-size-xl)}.euim-label--size-2xl{font:var(--eui-base-font-size-2xl)}.euim-label--size-3xl{font:var(--eui-base-font-size-3xl)}.euim-label--size-4xl{font:var(--eui-base-font-size-4xl)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
226
226
  }
227
227
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimLabelComponent, decorators: [{
228
228
  type: Component,
@@ -242,7 +242,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
242
242
  'color',
243
243
  ],
244
244
  },
245
- ], styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-base-color-grey-100)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-base-spacing-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-base-spacing-2xs)}.euim-label__title{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-text)}.euim-label__title ion-icon{font-size:var(--eui-base-font-size-m)}.euim-label__sub-title,.euim-label__meta{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-75)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-base-font-size-m)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-base-spacing-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-base-color-primary-100)}.euim-label--secondary{color:var(--eui-base-color-grey-50)}.euim-label--default{color:var(--eui-base-color-grey-75)}.euim-label--dark{color:var(--eui-base-color-grey-100)}.euim-label--info{color:var(--eui-base-color-info-100)}.euim-label--success{color:var(--eui-base-color-success-100)}.euim-label--warning{color:var(--eui-base-color-warning-140)}.euim-label--warning ion-icon{color:var(--eui-base-color-warning-140)}.euim-label--danger{color:var(--eui-base-color-danger-100)}.euim-label--accent{color:var(--eui-base-color-accent-100)}.euim-label--white{color:var(--eui-base-color-grey-0)}.euim-label--size-2xs{font:var(--eui-base-font-size-2xs)}.euim-label--size-xs{font:var(--eui-base-font-size-xs)}.euim-label--size-s{font:var(--eui-base-font-size-s)}.euim-label--size-m{font:var(--eui-base-font-size-m)}.euim-label--size-l{font:var(--eui-base-font-size-l)}.euim-label--size-xl{font:var(--eui-base-font-size-xl)}.euim-label--size-2xl{font:var(--eui-base-font-size-2xl)}.euim-label--size-3xl{font:var(--eui-base-font-size-3xl)}.euim-label--size-4xl{font:var(--eui-base-font-size-4xl)}\n"] }]
245
+ ], styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-base-color-grey-100);font:normal normal 400 1rem/1.25rem var(--eui-base-font-family)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-base-spacing-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-base-spacing-2xs)}.euim-label__title{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-text)}.euim-label__title ion-icon{font-size:var(--eui-base-font-size-m)}.euim-label__sub-title,.euim-label__meta{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-75)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-base-font-size-m)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-base-spacing-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-base-color-primary-100)}.euim-label--secondary{color:var(--eui-base-color-grey-50)}.euim-label--default{color:var(--eui-base-color-grey-75)}.euim-label--dark{color:var(--eui-base-color-grey-100)}.euim-label--info{color:var(--eui-base-color-info-100)}.euim-label--success{color:var(--eui-base-color-success-100)}.euim-label--warning{color:var(--eui-base-color-warning-140)}.euim-label--warning ion-icon{color:var(--eui-base-color-warning-140)}.euim-label--danger{color:var(--eui-base-color-danger-100)}.euim-label--accent{color:var(--eui-base-color-accent-100)}.euim-label--white{color:var(--eui-base-color-grey-0)}.euim-label--size-2xs{font:var(--eui-base-font-size-2xs)}.euim-label--size-xs{font:var(--eui-base-font-size-xs)}.euim-label--size-s{font:var(--eui-base-font-size-s)}.euim-label--size-m{font:var(--eui-base-font-size-m)}.euim-label--size-l{font:var(--eui-base-font-size-l)}.euim-label--size-xl{font:var(--eui-base-font-size-xl)}.euim-label--size-2xl{font:var(--eui-base-font-size-2xl)}.euim-label--size-3xl{font:var(--eui-base-font-size-3xl)}.euim-label--size-4xl{font:var(--eui-base-font-size-4xl)}\n"] }]
246
246
  }], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimLabelTruncateWithLines: [{
247
247
  type: HostBinding,
248
248
  args: ['style.--euimLabelTruncateWithLines']
@@ -3045,7 +3045,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
3045
3045
  }]
3046
3046
  }] });
3047
3047
 
3048
- class EuimPdfWrapperComponent {
3048
+ class EuimPdfViewerComponent {
3049
3049
  constructor(alertService) {
3050
3050
  this.alertService = alertService;
3051
3051
  this.page = 1;
@@ -3079,16 +3079,12 @@ class EuimPdfWrapperComponent {
3079
3079
  const blob = new Blob([u8.buffer], {
3080
3080
  type: 'application/pdf',
3081
3081
  });
3082
- // Create a download link
3083
- const downloadLink = document.createElement('a');
3084
- downloadLink.href = window.URL.createObjectURL(blob);
3085
- // dtm downloadLink.download = this.title;
3086
- // Append the link to the body
3087
- document.body.appendChild(downloadLink);
3088
- // Programmatically trigger a click on the link
3089
- downloadLink.click();
3090
- // Remove the link from the DOM
3091
- document.body.removeChild(downloadLink);
3082
+ const url = URL.createObjectURL(blob);
3083
+ this.openLink(url);
3084
+ // Remove the link when done
3085
+ setTimeout(() => {
3086
+ window.URL.revokeObjectURL(url);
3087
+ }, 5000);
3092
3088
  });
3093
3089
  }
3094
3090
  onZoomIn() {
@@ -3115,12 +3111,22 @@ class EuimPdfWrapperComponent {
3115
3111
  this.page--;
3116
3112
  }
3117
3113
  }
3118
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimPdfWrapperComponent, deps: [{ token: i1.AlertController }], target: i0.ɵɵFactoryTarget.Component }); }
3119
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: EuimPdfWrapperComponent, selector: "euim-pdf-wrapper", inputs: { url: "url", page: "page" }, viewQueries: [{ propertyName: "pinch", first: true, predicate: ["pinch"], descendants: true, static: true }], ngImport: i0, template: "<div>\n @if (loading) {\n <euim-spinner>\n <div euimSpinnerMessage>Loading PDF...</div>\n </euim-spinner>\n }\n @if (errorMessage) {\n <div>{{errorMessage}}</div>\n }\n</div>\n\n<pinch-zoom [transition-duration]=\"50\" [zoomControlScale]=\"0.5\" (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n <div style=\"display: block;width: 100%; 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%\">\n </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: "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: i2$2.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: i5.PinchZoomComponent, selector: "pinch-zoom, [pinch-zoom]", inputs: ["properties", "transition-duration", "transitionDuration", "double-tap", "doubleTap", "double-tap-scale", "doubleTapScale", "auto-zoom-out", "autoZoomOut", "limit-zoom", "limitZoom", "disabled", "disablePan", "overflow", "zoomControlScale", "disableZoomControl", "backgroundColor", "limitPan", "minPanScale", "minScale", "listeners", "wheel", "autoHeight", "stepZoomFactor", "wheelZoomFactor", "draggableImage"], outputs: ["onZoomChange"], exportAs: ["pinchZoom"] }, { kind: "component", type: EuimSpinnerComponent, selector: "euim-spinner" }, { kind: "component", type: EuimSpinnerMessageComponent, selector: "[euimSpinnerMessage]" }], encapsulation: i0.ViewEncapsulation.None }); }
3114
+ openLink(url) {
3115
+ const a = document.createElement('a');
3116
+ document.body.appendChild(a);
3117
+ a.style.display = 'none';
3118
+ a.href = url;
3119
+ a.download = 'PDF_File.pdf';
3120
+ a.click();
3121
+ // Remove the link when done
3122
+ document.body.removeChild(a);
3123
+ }
3124
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimPdfViewerComponent, deps: [{ token: i1.AlertController }], target: i0.ɵɵFactoryTarget.Component }); }
3125
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: EuimPdfViewerComponent, selector: "euim-pdf-viewer", inputs: { url: "url", page: "page" }, viewQueries: [{ propertyName: "pinch", first: true, predicate: ["pinch"], descendants: true, static: true }], ngImport: i0, template: "@if (loading || errorMessage) {\n<div>\n @if (loading) {\n <euim-spinner>\n <div euimSpinnerMessage>Loading PDF...</div>\n </euim-spinner>\n }\n @if (errorMessage) {\n <div>{{errorMessage}}</div>\n }\n</div>\n}\n\n<pinch-zoom [transition-duration]=\"50\" [zoomControlScale]=\"0.5\" (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n <div style=\"display: block;width: 100%; 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%\">\n </pdf-viewer>\n </div>\n</pinch-zoom>\n\n<ion-footer>\n <ion-toolbar color=\"primary\" class=\"euim-pdf-viewer__footer\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf\">\n <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-buttons class=\"euim-pdf-viewer__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 {{'euim.pdf-viewer.reset.zoom' | translate }}\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 {{'euim.stepper.previous' | translate }}\n </ion-button>\n {{page}}\n <ion-button (click)=\"nextPage()\">\n {{'euim.stepper.next' | translate }}\n </ion-button>\n\n </ion-buttons>\n </ion-toolbar>\n</ion-footer>\n", styles: [".euim-pdf-viewer__footer-zoom-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}\n"], dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2$2.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: i3.PinchZoomComponent, selector: "pinch-zoom, [pinch-zoom]", inputs: ["properties", "transition-duration", "transitionDuration", "double-tap", "doubleTap", "double-tap-scale", "doubleTapScale", "auto-zoom-out", "autoZoomOut", "limit-zoom", "limitZoom", "disabled", "disablePan", "overflow", "zoomControlScale", "disableZoomControl", "backgroundColor", "limitPan", "minPanScale", "minScale", "listeners", "wheel", "autoHeight", "stepZoomFactor", "wheelZoomFactor", "draggableImage"], outputs: ["onZoomChange"], exportAs: ["pinchZoom"] }, { kind: "component", type: EuimSpinnerComponent, selector: "euim-spinner" }, { kind: "component", type: EuimSpinnerMessageComponent, selector: "[euimSpinnerMessage]" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
3120
3126
  }
3121
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimPdfWrapperComponent, decorators: [{
3127
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimPdfViewerComponent, decorators: [{
3122
3128
  type: Component,
3123
- args: [{ selector: 'euim-pdf-wrapper', encapsulation: ViewEncapsulation.None, template: "<div>\n @if (loading) {\n <euim-spinner>\n <div euimSpinnerMessage>Loading PDF...</div>\n </euim-spinner>\n }\n @if (errorMessage) {\n <div>{{errorMessage}}</div>\n }\n</div>\n\n<pinch-zoom [transition-duration]=\"50\" [zoomControlScale]=\"0.5\" (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n <div style=\"display: block;width: 100%; 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%\">\n </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" }]
3129
+ args: [{ selector: 'euim-pdf-viewer', encapsulation: ViewEncapsulation.None, template: "@if (loading || errorMessage) {\n<div>\n @if (loading) {\n <euim-spinner>\n <div euimSpinnerMessage>Loading PDF...</div>\n </euim-spinner>\n }\n @if (errorMessage) {\n <div>{{errorMessage}}</div>\n }\n</div>\n}\n\n<pinch-zoom [transition-duration]=\"50\" [zoomControlScale]=\"0.5\" (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n <div style=\"display: block;width: 100%; 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%\">\n </pdf-viewer>\n </div>\n</pinch-zoom>\n\n<ion-footer>\n <ion-toolbar color=\"primary\" class=\"euim-pdf-viewer__footer\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf\">\n <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-buttons class=\"euim-pdf-viewer__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 {{'euim.pdf-viewer.reset.zoom' | translate }}\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 {{'euim.stepper.previous' | translate }}\n </ion-button>\n {{page}}\n <ion-button (click)=\"nextPage()\">\n {{'euim.stepper.next' | translate }}\n </ion-button>\n\n </ion-buttons>\n </ion-toolbar>\n</ion-footer>\n", styles: [".euim-pdf-viewer__footer-zoom-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}\n"] }]
3124
3130
  }], ctorParameters: () => [{ type: i1.AlertController }], propDecorators: { url: [{
3125
3131
  type: Input
3126
3132
  }], page: [{
@@ -3131,22 +3137,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
3131
3137
  }] } });
3132
3138
 
3133
3139
  const COMPONENTS$1 = [
3134
- EuimPdfWrapperComponent,
3140
+ EuimPdfViewerComponent,
3135
3141
  ];
3136
- class EuimPdfWrapperModule {
3137
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimPdfWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
3138
- /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.7", ngImport: i0, type: EuimPdfWrapperModule, declarations: [EuimPdfWrapperComponent], imports: [CommonModule,
3142
+ class EuimPdfViewerModule {
3143
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimPdfViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
3144
+ /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.7", ngImport: i0, type: EuimPdfViewerModule, declarations: [EuimPdfViewerComponent], imports: [CommonModule,
3139
3145
  IonicModule,
3140
3146
  PdfViewerModule,
3141
3147
  PinchZoomModule,
3142
- EuimSpinnerComponentModule], exports: [EuimPdfWrapperComponent] }); }
3143
- /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimPdfWrapperModule, imports: [CommonModule,
3148
+ EuimSpinnerComponentModule,
3149
+ TranslateModule], exports: [EuimPdfViewerComponent] }); }
3150
+ /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimPdfViewerModule, imports: [CommonModule,
3144
3151
  IonicModule,
3145
3152
  PdfViewerModule,
3146
3153
  PinchZoomModule,
3147
- EuimSpinnerComponentModule] }); }
3154
+ EuimSpinnerComponentModule,
3155
+ TranslateModule] }); }
3148
3156
  }
3149
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimPdfWrapperModule, decorators: [{
3157
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimPdfViewerModule, decorators: [{
3150
3158
  type: NgModule,
3151
3159
  args: [{
3152
3160
  imports: [
@@ -3155,6 +3163,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
3155
3163
  PdfViewerModule,
3156
3164
  PinchZoomModule,
3157
3165
  EuimSpinnerComponentModule,
3166
+ TranslateModule,
3158
3167
  ],
3159
3168
  exports: [
3160
3169
  ...COMPONENTS$1,
@@ -3179,11 +3188,11 @@ class EuimAboutComponent {
3179
3188
  this.showCode = !this.showCode;
3180
3189
  }
3181
3190
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimAboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
3182
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: EuimAboutComponent, selector: "euim-about", inputs: { version: "version", releaseDate: "releaseDate", qrCodeUrl: "qrCodeUrl", logoUrl: "logoUrl", appName: "appName" }, 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()\">\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'\" [elementType]=\"'svg'\"\r\n [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 <ng-content></ng-content>\r\n</div>", styles: [".euim-about euim-toolbar-title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.euim-about euim-toolbar-action-items ion-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.euim-about ion-label{margin-inline-end:var(--eui-base-spacing-m);cursor:pointer}.euim-about ion-icon{color:var(--eui-base-color-grey-100);margin-inline-end:var(--eui-base-spacing-m)}.euim-about__app-img{width:var(--eui-base-spacing-4xl);height:var(--eui-base-spacing-4xl);border-radius:var(--eui-base-spacing-m);border:calc(var(--eui-base-spacing-2xs) / 2) solid var(--eui-base-color-white)}.euim-about[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}\n"], dependencies: [{ kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { 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]" }], encapsulation: i0.ViewEncapsulation.None }); }
3191
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: EuimAboutComponent, selector: "euim-about", inputs: { version: "version", releaseDate: "releaseDate", qrCodeUrl: "qrCodeUrl", logoUrl: "logoUrl", appName: "appName" }, 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>{{'euim.about.text' | translate }}</strong></euim-toolbar-title>\r\n @if (qrCodeUrl) {\r\n <euim-toolbar-action-items>\r\n <ion-label (click)=\"toggleQRCode()\">\r\n <strong>{{ showCode ? ('euim.about.hide.qrcode' | translate) : ('euim.about.show.qrcode' | translate) }}</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'\" [elementType]=\"'svg'\"\r\n [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>{{'euim.about.version' | translate }} {{version}}</div> }\r\n @if (releaseDate) {\r\n <div euimHeaderDetailsMeta>{{'euim.about.builton' | translate }} {{releaseDate}}</div> }\r\n </euim-header-details>\r\n </ion-header>\r\n <ng-content></ng-content>\r\n</div>", styles: [".euim-about euim-toolbar-title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.euim-about euim-toolbar-action-items ion-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.euim-about ion-label{margin-inline-end:var(--eui-base-spacing-m);cursor:pointer}.euim-about ion-icon{color:var(--eui-base-color-grey-100);margin-inline-end:var(--eui-base-spacing-m)}.euim-about__app-img{width:var(--eui-base-spacing-4xl);height:var(--eui-base-spacing-4xl);border-radius:var(--eui-base-spacing-m);border:calc(var(--eui-base-spacing-2xs) / 2) solid var(--eui-base-color-white)}.euim-about[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}\n"], dependencies: [{ kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { 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: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
3183
3192
  }
3184
3193
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimAboutComponent, decorators: [{
3185
3194
  type: Component,
3186
- 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()\">\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'\" [elementType]=\"'svg'\"\r\n [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 <ng-content></ng-content>\r\n</div>", styles: [".euim-about euim-toolbar-title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.euim-about euim-toolbar-action-items ion-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.euim-about ion-label{margin-inline-end:var(--eui-base-spacing-m);cursor:pointer}.euim-about ion-icon{color:var(--eui-base-color-grey-100);margin-inline-end:var(--eui-base-spacing-m)}.euim-about__app-img{width:var(--eui-base-spacing-4xl);height:var(--eui-base-spacing-4xl);border-radius:var(--eui-base-spacing-m);border:calc(var(--eui-base-spacing-2xs) / 2) solid var(--eui-base-color-white)}.euim-about[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}\n"] }]
3195
+ 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>{{'euim.about.text' | translate }}</strong></euim-toolbar-title>\r\n @if (qrCodeUrl) {\r\n <euim-toolbar-action-items>\r\n <ion-label (click)=\"toggleQRCode()\">\r\n <strong>{{ showCode ? ('euim.about.hide.qrcode' | translate) : ('euim.about.show.qrcode' | translate) }}</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'\" [elementType]=\"'svg'\"\r\n [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>{{'euim.about.version' | translate }} {{version}}</div> }\r\n @if (releaseDate) {\r\n <div euimHeaderDetailsMeta>{{'euim.about.builton' | translate }} {{releaseDate}}</div> }\r\n </euim-header-details>\r\n </ion-header>\r\n <ng-content></ng-content>\r\n</div>", styles: [".euim-about euim-toolbar-title{font:normal normal 400 1.25rem/1.5rem var(--eui-base-font-family)}.euim-about euim-toolbar-action-items ion-label{font:normal normal 400 .875rem/1rem var(--eui-base-font-family)}.euim-about ion-label{margin-inline-end:var(--eui-base-spacing-m);cursor:pointer}.euim-about ion-icon{color:var(--eui-base-color-grey-100);margin-inline-end:var(--eui-base-spacing-m)}.euim-about__app-img{width:var(--eui-base-spacing-4xl);height:var(--eui-base-spacing-4xl);border-radius:var(--eui-base-spacing-m);border:calc(var(--eui-base-spacing-2xs) / 2) solid var(--eui-base-color-white)}.euim-about[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}\n"] }]
3187
3196
  }], propDecorators: { version: [{
3188
3197
  type: Input
3189
3198
  }], releaseDate: [{
@@ -3201,33 +3210,15 @@ class EuimChangelogComponent {
3201
3210
  this.changeLogs = [];
3202
3211
  }
3203
3212
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimChangelogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
3204
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", 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 <ion-content [fullscreen]=\"true\">\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\">\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 @for (section of logItem.sections; track section) {\n @if (section.items && section.items.length > 0) {\n <ion-item-divider>\n <ion-label>{{ section.name }}</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (item of section.items; track item) {\n <li> {{ item }}</li>\n }\n </ul>\n </ion-item>\n }\n }\n </ion-list>\n </ion-accordion>\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 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)}.euim-changelog ion-item ion-icon[slot=start]{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]{--border-width: 0 0 1px 0 !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 }); }
3213
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", 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>{{ 'euim.about.changelog' | translate }}</euim-toolbar-title>\n </euim-toolbar>\n </ion-toolbar>\n </ion-header>\n <ion-content [fullscreen]=\"true\">\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' : logItem.version\">\n <ion-item slot=\"header\">\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 @for (section of logItem.sections; track section) {\n @if (section.items && section.items.length > 0) {\n <ion-item-divider>\n <ion-label>{{ section.name }}</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (item of section.items; track item) {\n <li>{{ item }}</li>\n }\n </ul>\n </ion-item>\n }\n }\n </ion-list>\n </ion-accordion>\n }\n </ion-accordion-group>\n </ion-list>\n </ion-content>\n</div>\n", styles: [".euim-changelog{height:100%}.euim-changelog__euimVersionTitle{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-100)}.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)}.euim-changelog ion-item ion-icon[slot=start]{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]{--border-width: 0 0 1px 0 !important}.euim-changelog ion-list{flex:1;display:flex;flex-direction:column}\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"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
3205
3214
  }
3206
3215
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimChangelogComponent, decorators: [{
3207
3216
  type: Component,
3208
- 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 <ion-content [fullscreen]=\"true\">\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\">\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 @for (section of logItem.sections; track section) {\n @if (section.items && section.items.length > 0) {\n <ion-item-divider>\n <ion-label>{{ section.name }}</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (item of section.items; track item) {\n <li> {{ item }}</li>\n }\n </ul>\n </ion-item>\n }\n }\n </ion-list>\n </ion-accordion>\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 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)}.euim-changelog ion-item ion-icon[slot=start]{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]{--border-width: 0 0 1px 0 !important}\n"] }]
3217
+ 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>{{ 'euim.about.changelog' | translate }}</euim-toolbar-title>\n </euim-toolbar>\n </ion-toolbar>\n </ion-header>\n <ion-content [fullscreen]=\"true\">\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' : logItem.version\">\n <ion-item slot=\"header\">\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 @for (section of logItem.sections; track section) {\n @if (section.items && section.items.length > 0) {\n <ion-item-divider>\n <ion-label>{{ section.name }}</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (item of section.items; track item) {\n <li>{{ item }}</li>\n }\n </ul>\n </ion-item>\n }\n }\n </ion-list>\n </ion-accordion>\n }\n </ion-accordion-group>\n </ion-list>\n </ion-content>\n</div>\n", styles: [".euim-changelog{height:100%}.euim-changelog__euimVersionTitle{font:normal normal 400 .875rem/1rem var(--eui-base-font-family);color:var(--eui-base-color-grey-100)}.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)}.euim-changelog ion-item ion-icon[slot=start]{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]{--border-width: 0 0 1px 0 !important}.euim-changelog ion-list{flex:1;display:flex;flex-direction:column}\n"] }]
3209
3218
  }], propDecorators: { changeLogs: [{
3210
3219
  type: Input
3211
3220
  }] } });
3212
3221
 
3213
- class EuimPrivacyStatementComponent {
3214
- constructor(sanitizer) {
3215
- this.sanitizer = sanitizer;
3216
- this.url = '';
3217
- }
3218
- ngOnInit() {
3219
- this.sanitizedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.url);
3220
- }
3221
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimPrivacyStatementComponent, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
3222
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", 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 <pinch-zoom [transition-duration]=\"50\" [zoomControlScale]=\"0.5\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\r\n <div class=\"euim-privacy-statement__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-privacy-statement__iframe\" allowfullscreen></iframe>\r\n </div>\r\n </pinch-zoom>\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" }, { kind: "component", type: i5.PinchZoomComponent, selector: "pinch-zoom, [pinch-zoom]", inputs: ["properties", "transition-duration", "transitionDuration", "double-tap", "doubleTap", "double-tap-scale", "doubleTapScale", "auto-zoom-out", "autoZoomOut", "limit-zoom", "limitZoom", "disabled", "disablePan", "overflow", "zoomControlScale", "disableZoomControl", "backgroundColor", "limitPan", "minPanScale", "minScale", "listeners", "wheel", "autoHeight", "stepZoomFactor", "wheelZoomFactor", "draggableImage"], outputs: ["onZoomChange"], exportAs: ["pinchZoom"] }], encapsulation: i0.ViewEncapsulation.None }); }
3223
- }
3224
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimPrivacyStatementComponent, decorators: [{
3225
- type: Component,
3226
- 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 <pinch-zoom [transition-duration]=\"50\" [zoomControlScale]=\"0.5\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\r\n <div class=\"euim-privacy-statement__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-privacy-statement__iframe\" allowfullscreen></iframe>\r\n </div>\r\n </pinch-zoom>\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"] }]
3227
- }], ctorParameters: () => [{ type: i1$3.DomSanitizer }], propDecorators: { url: [{
3228
- type: Input
3229
- }] } });
3230
-
3231
3222
  class EuimHelpSupportComponent {
3232
3223
  constructor() {
3233
3224
  this.helpContacts = { contacts: [] };
@@ -3252,11 +3243,11 @@ class EuimHelpSupportComponent {
3252
3243
  return '_blank';
3253
3244
  }
3254
3245
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimHelpSupportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
3255
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: EuimHelpSupportComponent, selector: "euim-help-support", inputs: { helpContacts: "helpContacts", supportMaterials: "supportMaterials", alertInfos: "alertInfos" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <euim-toolbar>\n <euim-toolbar-title>Help & Support</euim-toolbar-title>\n </euim-toolbar>\n </ion-toolbar>\n @if (alertInfos) {\n <euim-alert-message color=\"primary\">\n <ion-icon name=\"person-circle\" slotStart></ion-icon>\n {{ alertInfos.title }}\n\n @if (alertInfos.btnLink) {\n <ion-button [href]=\"alertInfos.btnLink\" slotEnd size=\"small\" fill=\"outline\">\n <strong>{{ alertInfos.btnTitle }}</strong>\n </ion-button>\n }\n </euim-alert-message>\n }\n</ion-header>\n\n@if (helpContacts.contacts.length > 0 || supportMaterials.materials.length > 0) {\n <ion-list>\n @if (helpContacts.contacts.length > 0) {\n <ion-item-divider>\n <ion-label>{{ helpContacts.sectionTitle }}</ion-label>\n </ion-item-divider>\n @for (contact of helpContacts.contacts; track contact; let isLast = $last) {\n <ion-item [lines]=\"isLast ? 'none' : ''\">\n <euim-avatar-icon fill=\"solid\" slot=\"start\">\n <ion-icon [name]=\"contact.icon\"></ion-icon>\n </euim-avatar-icon>\n <ion-label>\n <a class=\"euim-help-support__contact-link\" [target]=\"setTargetAttribute(contact.linkType)\" [href]=\"contact.link ? contact.link : getLink(contact.linkType, contact.linkTitle)\">\n <div euimLabel euimLabelTitle>{{contact.linkTitle}}</div>\n </a>\n\n <div euimLabel euimLabelSubTitle>{{contact.subtitle}}</div>\n </ion-label>\n </ion-item>\n }\n }\n\n @if (supportMaterials.materials.length > 0) {\n <ion-item-divider>\n <ion-label>{{ supportMaterials.sectionTitle }}</ion-label>\n </ion-item-divider>\n @for (material of supportMaterials.materials; track material) {\n <ion-item lines=\"none\">\n <euim-avatar-icon fill=\"solid\" slot=\"start\">\n <ion-icon [name]=\"material.icon\"></ion-icon>\n </euim-avatar-icon>\n <ion-label>\n <div euimLabel euimLabelTitle>{{material.title}}</div>\n <div euimLabel euimLabelSubTitle>{{material.subtitle}}</div>\n </ion-label>\n <ion-buttons>\n <ion-button target=\"_blank\" [href]=\"material.link\" fill=\"clear\" >\n <ion-icon name=\"link-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n </ion-item>\n }\n }\n </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__contact-link .euim-label__title{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);color:var(--eui-base-color-primary-100)}\n"], dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.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"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAlertMessageComponent, selector: "euim-alert-message", inputs: ["euimLabelTruncate", "hasIcon", "isCloseable"], outputs: ["euimClose"] }], encapsulation: i0.ViewEncapsulation.None }); }
3246
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: EuimHelpSupportComponent, selector: "euim-help-support", inputs: { helpContacts: "helpContacts", supportMaterials: "supportMaterials", alertInfos: "alertInfos" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <euim-toolbar>\n <euim-toolbar-title>{{'euim.about.help.support' | translate }}</euim-toolbar-title>\n </euim-toolbar>\n </ion-toolbar>\n @if (alertInfos) {\n <euim-alert-message color=\"primary\">\n <ion-icon name=\"person-circle\" slotStart></ion-icon>\n {{ alertInfos.title }}\n\n @if (alertInfos.btnLink) {\n <ion-button [href]=\"alertInfos.btnLink\" slotEnd size=\"small\" fill=\"outline\">\n <strong>{{ alertInfos.btnTitle }}</strong>\n </ion-button>\n }\n </euim-alert-message>\n }\n</ion-header>\n\n@if (helpContacts.contacts.length > 0 || supportMaterials.materials.length > 0) {\n <ion-list>\n @if (helpContacts.contacts.length > 0) {\n <ion-item-divider>\n <ion-label>{{ helpContacts.sectionTitle }}</ion-label>\n </ion-item-divider>\n @for (contact of helpContacts.contacts; track contact; let isLast = $last) {\n <ion-item [lines]=\"isLast ? 'none' : ''\">\n <euim-avatar-icon fill=\"solid\" slot=\"start\">\n <ion-icon [name]=\"contact.icon\"></ion-icon>\n </euim-avatar-icon>\n <ion-label>\n <a class=\"euim-help-support__contact-link\" [target]=\"setTargetAttribute(contact.linkType)\" [href]=\"contact.link ? contact.link : getLink(contact.linkType, contact.linkTitle)\">\n <div euimLabel euimLabelTitle>{{contact.linkTitle}}</div>\n </a>\n\n <div euimLabel euimLabelSubTitle>{{contact.subtitle}}</div>\n </ion-label>\n </ion-item>\n }\n }\n\n @if (supportMaterials.materials.length > 0) {\n <ion-item-divider>\n <ion-label>{{ supportMaterials.sectionTitle }}</ion-label>\n </ion-item-divider>\n @for (material of supportMaterials.materials; track material) {\n <ion-item lines=\"none\">\n <euim-avatar-icon fill=\"solid\" slot=\"start\">\n <ion-icon [name]=\"material.icon\"></ion-icon>\n </euim-avatar-icon>\n <ion-label>\n <div euimLabel euimLabelTitle>{{material.title}}</div>\n <div euimLabel euimLabelSubTitle>{{material.subtitle}}</div>\n </ion-label>\n <ion-buttons>\n <ion-button target=\"_blank\" [href]=\"material.link\" fill=\"clear\" >\n <ion-icon name=\"link-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n </ion-item>\n }\n }\n </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__contact-link .euim-label__title{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);color:var(--eui-base-color-primary-100)}\n"], dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.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"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAlertMessageComponent, selector: "euim-alert-message", inputs: ["euimLabelTruncate", "hasIcon", "isCloseable"], outputs: ["euimClose"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
3256
3247
  }
3257
3248
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimHelpSupportComponent, decorators: [{
3258
3249
  type: Component,
3259
- args: [{ selector: 'euim-help-support', encapsulation: ViewEncapsulation.None, template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <euim-toolbar>\n <euim-toolbar-title>Help & Support</euim-toolbar-title>\n </euim-toolbar>\n </ion-toolbar>\n @if (alertInfos) {\n <euim-alert-message color=\"primary\">\n <ion-icon name=\"person-circle\" slotStart></ion-icon>\n {{ alertInfos.title }}\n\n @if (alertInfos.btnLink) {\n <ion-button [href]=\"alertInfos.btnLink\" slotEnd size=\"small\" fill=\"outline\">\n <strong>{{ alertInfos.btnTitle }}</strong>\n </ion-button>\n }\n </euim-alert-message>\n }\n</ion-header>\n\n@if (helpContacts.contacts.length > 0 || supportMaterials.materials.length > 0) {\n <ion-list>\n @if (helpContacts.contacts.length > 0) {\n <ion-item-divider>\n <ion-label>{{ helpContacts.sectionTitle }}</ion-label>\n </ion-item-divider>\n @for (contact of helpContacts.contacts; track contact; let isLast = $last) {\n <ion-item [lines]=\"isLast ? 'none' : ''\">\n <euim-avatar-icon fill=\"solid\" slot=\"start\">\n <ion-icon [name]=\"contact.icon\"></ion-icon>\n </euim-avatar-icon>\n <ion-label>\n <a class=\"euim-help-support__contact-link\" [target]=\"setTargetAttribute(contact.linkType)\" [href]=\"contact.link ? contact.link : getLink(contact.linkType, contact.linkTitle)\">\n <div euimLabel euimLabelTitle>{{contact.linkTitle}}</div>\n </a>\n\n <div euimLabel euimLabelSubTitle>{{contact.subtitle}}</div>\n </ion-label>\n </ion-item>\n }\n }\n\n @if (supportMaterials.materials.length > 0) {\n <ion-item-divider>\n <ion-label>{{ supportMaterials.sectionTitle }}</ion-label>\n </ion-item-divider>\n @for (material of supportMaterials.materials; track material) {\n <ion-item lines=\"none\">\n <euim-avatar-icon fill=\"solid\" slot=\"start\">\n <ion-icon [name]=\"material.icon\"></ion-icon>\n </euim-avatar-icon>\n <ion-label>\n <div euimLabel euimLabelTitle>{{material.title}}</div>\n <div euimLabel euimLabelSubTitle>{{material.subtitle}}</div>\n </ion-label>\n <ion-buttons>\n <ion-button target=\"_blank\" [href]=\"material.link\" fill=\"clear\" >\n <ion-icon name=\"link-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n </ion-item>\n }\n }\n </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__contact-link .euim-label__title{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);color:var(--eui-base-color-primary-100)}\n"] }]
3250
+ args: [{ selector: 'euim-help-support', encapsulation: ViewEncapsulation.None, template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <euim-toolbar>\n <euim-toolbar-title>{{'euim.about.help.support' | translate }}</euim-toolbar-title>\n </euim-toolbar>\n </ion-toolbar>\n @if (alertInfos) {\n <euim-alert-message color=\"primary\">\n <ion-icon name=\"person-circle\" slotStart></ion-icon>\n {{ alertInfos.title }}\n\n @if (alertInfos.btnLink) {\n <ion-button [href]=\"alertInfos.btnLink\" slotEnd size=\"small\" fill=\"outline\">\n <strong>{{ alertInfos.btnTitle }}</strong>\n </ion-button>\n }\n </euim-alert-message>\n }\n</ion-header>\n\n@if (helpContacts.contacts.length > 0 || supportMaterials.materials.length > 0) {\n <ion-list>\n @if (helpContacts.contacts.length > 0) {\n <ion-item-divider>\n <ion-label>{{ helpContacts.sectionTitle }}</ion-label>\n </ion-item-divider>\n @for (contact of helpContacts.contacts; track contact; let isLast = $last) {\n <ion-item [lines]=\"isLast ? 'none' : ''\">\n <euim-avatar-icon fill=\"solid\" slot=\"start\">\n <ion-icon [name]=\"contact.icon\"></ion-icon>\n </euim-avatar-icon>\n <ion-label>\n <a class=\"euim-help-support__contact-link\" [target]=\"setTargetAttribute(contact.linkType)\" [href]=\"contact.link ? contact.link : getLink(contact.linkType, contact.linkTitle)\">\n <div euimLabel euimLabelTitle>{{contact.linkTitle}}</div>\n </a>\n\n <div euimLabel euimLabelSubTitle>{{contact.subtitle}}</div>\n </ion-label>\n </ion-item>\n }\n }\n\n @if (supportMaterials.materials.length > 0) {\n <ion-item-divider>\n <ion-label>{{ supportMaterials.sectionTitle }}</ion-label>\n </ion-item-divider>\n @for (material of supportMaterials.materials; track material) {\n <ion-item lines=\"none\">\n <euim-avatar-icon fill=\"solid\" slot=\"start\">\n <ion-icon [name]=\"material.icon\"></ion-icon>\n </euim-avatar-icon>\n <ion-label>\n <div euimLabel euimLabelTitle>{{material.title}}</div>\n <div euimLabel euimLabelSubTitle>{{material.subtitle}}</div>\n </ion-label>\n <ion-buttons>\n <ion-button target=\"_blank\" [href]=\"material.link\" fill=\"clear\" >\n <ion-icon name=\"link-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n </ion-item>\n }\n }\n </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__contact-link .euim-label__title{font:normal normal 400 1rem/1.25rem var(--eui-base-font-family);color:var(--eui-base-color-primary-100)}\n"] }]
3260
3251
  }], propDecorators: { helpContacts: [{
3261
3252
  type: Input
3262
3253
  }], supportMaterials: [{
@@ -3268,24 +3259,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
3268
3259
  args: ['class']
3269
3260
  }] } });
3270
3261
 
3271
- class EuimLegalNoticeComponent {
3272
- constructor(sanitizer) {
3273
- this.sanitizer = sanitizer;
3274
- this.url = '';
3275
- }
3276
- ngOnInit() {
3277
- this.sanitizedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.url);
3278
- }
3279
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimLegalNoticeComponent, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
3280
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", 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 <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n @if(url) {\r\n <pinch-zoom [transition-duration]=\"50\" [zoomControlScale]=\"0.5\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\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 </pinch-zoom>}\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" }, { kind: "component", type: i5.PinchZoomComponent, selector: "pinch-zoom, [pinch-zoom]", inputs: ["properties", "transition-duration", "transitionDuration", "double-tap", "doubleTap", "double-tap-scale", "doubleTapScale", "auto-zoom-out", "autoZoomOut", "limit-zoom", "limitZoom", "disabled", "disablePan", "overflow", "zoomControlScale", "disableZoomControl", "backgroundColor", "limitPan", "minPanScale", "minScale", "listeners", "wheel", "autoHeight", "stepZoomFactor", "wheelZoomFactor", "draggableImage"], outputs: ["onZoomChange"], exportAs: ["pinchZoom"] }], encapsulation: i0.ViewEncapsulation.None }); }
3281
- }
3282
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimLegalNoticeComponent, decorators: [{
3283
- type: Component,
3284
- 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 <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n @if(url) {\r\n <pinch-zoom [transition-duration]=\"50\" [zoomControlScale]=\"0.5\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\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 </pinch-zoom>}\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"] }]
3285
- }], ctorParameters: () => [{ type: i1$3.DomSanitizer }], propDecorators: { url: [{
3286
- type: Input
3287
- }] } });
3288
-
3289
3262
  class EuimOpenSourceLicencesComponent {
3290
3263
  constructor() {
3291
3264
  this.items = [];
@@ -3295,53 +3268,51 @@ class EuimOpenSourceLicencesComponent {
3295
3268
  this.clickItem.emit([itemName]);
3296
3269
  }
3297
3270
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimOpenSourceLicencesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
3298
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", 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 }); }
3271
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", 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>{{'euim.about.opensource.licences' | translate}}</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"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
3299
3272
  }
3300
3273
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimOpenSourceLicencesComponent, decorators: [{
3301
3274
  type: Component,
3302
- 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"] }]
3275
+ 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>{{'euim.about.opensource.licences' | translate}}</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"] }]
3303
3276
  }], propDecorators: { items: [{
3304
3277
  type: Input
3305
3278
  }], clickItem: [{
3306
3279
  type: Output
3307
3280
  }] } });
3308
3281
 
3309
- class EuimLicenseDetailsComponent {
3282
+ class EuimAboutContentLoadingComponent {
3310
3283
  constructor(sanitizer) {
3311
3284
  this.sanitizer = sanitizer;
3312
- this.url = '';
3285
+ this.webUrl = '';
3313
3286
  }
3314
3287
  ngOnInit() {
3315
- this.sanitizedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.url);
3288
+ this.sanitizedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.webUrl);
3316
3289
  }
3317
- /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimLicenseDetailsComponent, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
3318
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", 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 }); }
3290
+ /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimAboutContentLoadingComponent, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
3291
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: EuimAboutContentLoadingComponent, selector: "euim-about-content-loading", inputs: { webUrl: "webUrl", toolbarTitle: "toolbarTitle" }, ngImport: i0, template: "<div class=\"euim-about-content-loading\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>{{toolbarTitle}}</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header>\r\n <div class=\"euim-about-content-loading__content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if(webUrl) {\r\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n <div class=\"euim-about-content-loading__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-about-content-loading__iframe\" scrolling=\"no\" allowfullscreen></iframe>\r\n </div>\r\n </ion-content> }\r\n</div>", styles: [".euim-about-content-loading__iframe-container{position:relative;width:100%;height:calc(100vh - 56px)}.euim-about-content-loading__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.euim-about-content-loading__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 }); }
3319
3292
  }
3320
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimLicenseDetailsComponent, decorators: [{
3293
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimAboutContentLoadingComponent, decorators: [{
3321
3294
  type: Component,
3322
- 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"] }]
3323
- }], ctorParameters: () => [{ type: i1$3.DomSanitizer }], propDecorators: { url: [{
3295
+ args: [{ selector: 'euim-about-content-loading', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-about-content-loading\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>{{toolbarTitle}}</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header>\r\n <div class=\"euim-about-content-loading__content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if(webUrl) {\r\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n <div class=\"euim-about-content-loading__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-about-content-loading__iframe\" scrolling=\"no\" allowfullscreen></iframe>\r\n </div>\r\n </ion-content> }\r\n</div>", styles: [".euim-about-content-loading__iframe-container{position:relative;width:100%;height:calc(100vh - 56px)}.euim-about-content-loading__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.euim-about-content-loading__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"] }]
3296
+ }], ctorParameters: () => [{ type: i1$3.DomSanitizer }], propDecorators: { webUrl: [{
3297
+ type: Input
3298
+ }], toolbarTitle: [{
3324
3299
  type: Input
3325
3300
  }] } });
3326
3301
 
3327
3302
  const COMPONENTS = [
3328
3303
  EuimAboutComponent,
3329
3304
  EuimChangelogComponent,
3330
- EuimPrivacyStatementComponent,
3331
3305
  EuimOpenSourceLicencesComponent,
3332
- EuimLegalNoticeComponent,
3333
3306
  EuimHelpSupportComponent,
3334
- EuimLicenseDetailsComponent,
3307
+ EuimAboutContentLoadingComponent,
3335
3308
  ];
3336
3309
  class EuimAboutModule {
3337
3310
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
3338
3311
  /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.7", ngImport: i0, type: EuimAboutModule, declarations: [EuimAboutComponent,
3339
3312
  EuimChangelogComponent,
3340
- EuimPrivacyStatementComponent,
3341
3313
  EuimOpenSourceLicencesComponent,
3342
- EuimLegalNoticeComponent,
3343
3314
  EuimHelpSupportComponent,
3344
- EuimLicenseDetailsComponent], imports: [CommonModule,
3315
+ EuimAboutContentLoadingComponent], imports: [CommonModule,
3345
3316
  IonicModule,
3346
3317
  QRCodeModule,
3347
3318
  EuimToolbarComponentModule,
@@ -3349,13 +3320,12 @@ class EuimAboutModule {
3349
3320
  EuimLabelModule,
3350
3321
  EuimAvatarIconModule,
3351
3322
  EuimAlertMessageModule,
3352
- PinchZoomModule], exports: [EuimAboutComponent,
3323
+ PinchZoomModule,
3324
+ TranslateModule], exports: [EuimAboutComponent,
3353
3325
  EuimChangelogComponent,
3354
- EuimPrivacyStatementComponent,
3355
3326
  EuimOpenSourceLicencesComponent,
3356
- EuimLegalNoticeComponent,
3357
3327
  EuimHelpSupportComponent,
3358
- EuimLicenseDetailsComponent] }); }
3328
+ EuimAboutContentLoadingComponent] }); }
3359
3329
  /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimAboutModule, imports: [CommonModule,
3360
3330
  IonicModule,
3361
3331
  QRCodeModule,
@@ -3364,7 +3334,8 @@ class EuimAboutModule {
3364
3334
  EuimLabelModule,
3365
3335
  EuimAvatarIconModule,
3366
3336
  EuimAlertMessageModule,
3367
- PinchZoomModule] }); }
3337
+ PinchZoomModule,
3338
+ TranslateModule] }); }
3368
3339
  }
3369
3340
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimAboutModule, decorators: [{
3370
3341
  type: NgModule,
@@ -3379,6 +3350,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
3379
3350
  EuimAvatarIconModule,
3380
3351
  EuimAlertMessageModule,
3381
3352
  PinchZoomModule,
3353
+ TranslateModule,
3382
3354
  ],
3383
3355
  exports: [
3384
3356
  ...COMPONENTS,
@@ -3706,6 +3678,7 @@ const MODULES = [
3706
3678
  EuimChipSelectorComponentModule,
3707
3679
  EuimBadgeModule,
3708
3680
  EuimSidebarModule,
3681
+ EuimPdfViewerModule,
3709
3682
  EuimMultiselectModule,
3710
3683
  EuimToolbarDatepickerModule,
3711
3684
  // Directives
@@ -3740,6 +3713,7 @@ class EuimAllModule {
3740
3713
  EuimChipSelectorComponentModule,
3741
3714
  EuimBadgeModule,
3742
3715
  EuimSidebarModule,
3716
+ EuimPdfViewerModule,
3743
3717
  EuimMultiselectModule,
3744
3718
  EuimToolbarDatepickerModule,
3745
3719
  // Directives
@@ -3770,6 +3744,7 @@ class EuimAllModule {
3770
3744
  EuimChipSelectorComponentModule,
3771
3745
  EuimBadgeModule,
3772
3746
  EuimSidebarModule,
3747
+ EuimPdfViewerModule,
3773
3748
  EuimMultiselectModule,
3774
3749
  EuimToolbarDatepickerModule,
3775
3750
  // Directives
@@ -3801,6 +3776,7 @@ class EuimAllModule {
3801
3776
  EuimChipSelectorComponentModule,
3802
3777
  EuimBadgeModule,
3803
3778
  EuimSidebarModule,
3779
+ EuimPdfViewerModule,
3804
3780
  EuimMultiselectModule,
3805
3781
  EuimToolbarDatepickerModule,
3806
3782
  // Directives
@@ -3826,5 +3802,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
3826
3802
  * Generated bundle index. Do not edit.
3827
3803
  */
3828
3804
 
3829
- export { BaseStatesDirective, EuiMUserProfileActionComponent, EuiMUserProfileAvatarComponent, EuiMUserProfileInfosComponent, EuiMUserProfileInfosItemComponent, EuimAboutComponent, EuimAboutModule, EuimAlertMessageComponent, EuimAlertMessageModule, EuimAllModule, EuimAppComponent, EuimAppModule, EuimAppService, EuimAvatarComponent, EuimAvatarIconComponent, EuimAvatarIconModule, EuimAvatarMainIconDirective, EuimAvatarModule, EuimAvatarSubIconDirective, EuimBadgeComponent, EuimBadgeModule, EuimChangelogComponent, EuimChipSelectorComponent, EuimChipSelectorComponentModule, EuimChipSelectorItemDirective, EuimDataSummaryColComponent, EuimDataSummaryColLabelDirective, EuimDataSummaryColValueDirective, EuimDataSummaryComponent, EuimDataSummaryModule, EuimDividerDirective, EuimDividerModule, EuimEmptyListPlaceholderComponent, EuimEmptyListPlaceholderModule, EuimHeaderDetailsComponent, EuimHeaderDetailsIconDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsModule, EuimHeaderDetailsTitleDirective, EuimHelpSupportComponent, EuimLabelComponent, EuimLabelModule, EuimLanguageListComponent, EuimLanguageSelectorComponent, EuimLanguageSelectorModule, EuimLegalNoticeComponent, EuimLicenseDetailsComponent, EuimMediaHeaderComponent, EuimMediaHeaderImageDirective, EuimMediaHeaderModule, EuimMediaHeaderSubTitleDirective, EuimMediaHeaderTitleDirective, EuimMessageComponent, EuimMessageModule, EuimMessageTitleComponent, EuimMultiselectAllDirective, EuimMultiselectComponent, EuimMultiselectFilterComponent, EuimMultiselectInfoComponent, EuimMultiselectListComponent, EuimMultiselectModule, EuimMultiselectSelectFieldDirective, EuimMultiselectToolbarComponent, EuimNotificationItemComponent, EuimNotificationItemModule, EuimOpenSourceLicencesComponent, EuimPdfWrapperComponent, EuimPdfWrapperModule, EuimPrivacyStatementComponent, EuimScrollerXComponent, EuimScrollerXComponentModule, EuimSidebarComponent, EuimSidebarContentComponent, EuimSidebarModule, EuimSkeletonListComponent, EuimSkeletonListItemComponent, EuimSkeletonListItemModule, EuimSkeletonListModule, EuimSkeletonTextAvatarDirective, EuimSkeletonTextAvatarModule, EuimSlideInfoScreenComponent, EuimSliderInfoScreenComponent, EuimSliderInfoScreenContentDirective, EuimSliderInfoScreenModule, EuimSliderInfoScreenSubTitleDirective, EuimSliderInfoScreenTitleDirective, EuimSpinnerComponent, EuimSpinnerComponentModule, EuimSpinnerDescriptionComponent, EuimSpinnerMessageComponent, EuimToolbarActionItemsComponent, EuimToolbarComponent, EuimToolbarComponentModule, EuimToolbarDatepickerComponent, EuimToolbarDatepickerDatetimeDirective, EuimToolbarDatepickerModule, EuimToolbarTitleComponent, EuimUserProfileComponent, EuimUserProfileModule };
3805
+ export { BaseStatesDirective, EuiMUserProfileActionComponent, EuiMUserProfileAvatarComponent, EuiMUserProfileInfosComponent, EuiMUserProfileInfosItemComponent, EuimAboutComponent, EuimAboutContentLoadingComponent, 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, EuimMediaHeaderComponent, EuimMediaHeaderImageDirective, EuimMediaHeaderModule, EuimMediaHeaderSubTitleDirective, EuimMediaHeaderTitleDirective, EuimMessageComponent, EuimMessageModule, EuimMessageTitleComponent, EuimMultiselectAllDirective, EuimMultiselectComponent, EuimMultiselectFilterComponent, EuimMultiselectInfoComponent, EuimMultiselectListComponent, EuimMultiselectModule, EuimMultiselectSelectFieldDirective, EuimMultiselectToolbarComponent, EuimNotificationItemComponent, EuimNotificationItemModule, EuimOpenSourceLicencesComponent, EuimPdfViewerComponent, EuimPdfViewerModule, EuimScrollerXComponent, EuimScrollerXComponentModule, EuimSidebarComponent, EuimSidebarContentComponent, EuimSidebarModule, EuimSkeletonListComponent, EuimSkeletonListItemComponent, EuimSkeletonListItemModule, EuimSkeletonListModule, EuimSkeletonTextAvatarDirective, EuimSkeletonTextAvatarModule, EuimSlideInfoScreenComponent, EuimSliderInfoScreenComponent, EuimSliderInfoScreenContentDirective, EuimSliderInfoScreenModule, EuimSliderInfoScreenSubTitleDirective, EuimSliderInfoScreenTitleDirective, EuimSpinnerComponent, EuimSpinnerComponentModule, EuimSpinnerDescriptionComponent, EuimSpinnerMessageComponent, EuimToolbarActionItemsComponent, EuimToolbarComponent, EuimToolbarComponentModule, EuimToolbarDatepickerComponent, EuimToolbarDatepickerDatetimeDirective, EuimToolbarDatepickerModule, EuimToolbarTitleComponent, EuimUserProfileComponent, EuimUserProfileModule };
3830
3806
  //# sourceMappingURL=eui-mobile-core.mjs.map