@eui/mobile-core 18.0.0-next.2 → 18.0.0-next.4
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.
- package/docs/components/EuiMUserProfileActionComponent.html +2 -2
- package/docs/components/EuiMUserProfileAvatarComponent.html +2 -2
- package/docs/components/EuiMUserProfileInfosComponent.html +98 -38
- package/docs/components/EuiMUserProfileInfosItemComponent.html +2 -2
- package/docs/components/EuimAboutComponent.html +2 -2
- package/docs/components/EuimAboutContentLoadingComponent.html +2 -2
- package/docs/components/EuimAlertMessageComponent.html +2 -2
- package/docs/components/EuimAppComponent.html +2 -2
- package/docs/components/EuimAvatarBadgeComponent.html +395 -0
- package/docs/components/EuimAvatarComponent.html +192 -35
- package/docs/components/EuimAvatarIconComponent.html +36 -205
- package/docs/components/EuimAvatarIconSubComponent.html +541 -0
- package/docs/components/EuimAvatarImageComponent.html +416 -0
- package/docs/components/EuimAvatarTextComponent.html +445 -0
- package/docs/components/EuimBadgeComponent.html +2 -2
- package/docs/components/EuimCardComponent.html +68 -3
- package/docs/components/EuimCardListComponent.html +95 -34
- package/docs/components/EuimChangelogComponent.html +2 -2
- package/docs/components/EuimChipSelectorComponent.html +95 -4
- package/docs/components/EuimDataSummaryColComponent.html +2 -2
- package/docs/components/EuimDataSummaryComponent.html +2 -2
- package/docs/components/EuimEmptyListPlaceholderComponent.html +2 -2
- package/docs/components/EuimHeaderDetailsComponent.html +39 -2
- package/docs/components/EuimHelpSupportComponent.html +3 -3
- package/docs/components/EuimLabelComponent.html +2 -2
- package/docs/components/EuimLanguageListComponent.html +3 -3
- package/docs/components/EuimLanguageSelectorComponent.html +2 -2
- package/docs/components/EuimMediaHeaderComponent.html +27 -3
- package/docs/components/EuimMessageComponent.html +2 -2
- package/docs/components/EuimMessageTitleComponent.html +2 -2
- package/docs/components/EuimMultiselectComponent.html +2 -2
- package/docs/components/EuimMultiselectFilterComponent.html +2 -2
- package/docs/components/EuimMultiselectInfoComponent.html +2 -2
- package/docs/components/EuimMultiselectListComponent.html +2 -2
- package/docs/components/EuimMultiselectToolbarComponent.html +2 -2
- package/docs/components/EuimNotificationItemComponent.html +2 -2
- package/docs/components/EuimOpenSourceLicencesComponent.html +2 -2
- package/docs/components/EuimPdfViewerComponent.html +58 -4
- package/docs/components/EuimScrollerXComponent.html +2 -2
- package/docs/components/EuimSidebarComponent.html +2 -2
- package/docs/components/EuimSidebarContentComponent.html +2 -2
- package/docs/components/EuimSkeletonListComponent.html +2 -2
- package/docs/components/EuimSkeletonListItemComponent.html +2 -2
- package/docs/components/EuimSlideInfoScreenComponent.html +2 -2
- package/docs/components/EuimSliderInfoScreenComponent.html +154 -48
- package/docs/components/EuimSpinnerComponent.html +2 -2
- package/docs/components/EuimSpinnerDescriptionComponent.html +2 -2
- package/docs/components/EuimSpinnerMessageComponent.html +2 -2
- package/docs/components/EuimToolbarActionItemsComponent.html +2 -2
- package/docs/components/EuimToolbarComponent.html +2 -2
- package/docs/components/EuimToolbarDatepickerComponent.html +117 -4
- package/docs/components/EuimToolbarTitleComponent.html +2 -2
- package/docs/components/EuimUserProfileComponent.html +90 -34
- package/docs/dependencies.html +6 -4
- package/docs/directives/EuimAlignCenterDirective.html +350 -0
- package/docs/directives/EuimAlignTopDirective.html +350 -0
- package/docs/directives/EuimCardImageDirective.html +51 -0
- package/docs/directives/EuimListHeaderDirective.html +432 -0
- package/docs/directives/EuimListItemNoPaddingsDirective.html +350 -0
- package/docs/directives/EuimMediaHeaderCustomContentDirective.html +350 -0
- package/docs/directives/EuimMinWidthDirective.html +383 -0
- package/docs/directives/EuimReadOnlyFormDirective.html +350 -0
- package/docs/directives/EuimReadOnlyFormLabelDirective.html +350 -0
- package/docs/directives/EuimReadOnlyFormValueDirective.html +350 -0
- package/docs/index.html +3 -3
- package/docs/interfaces/ActionBtnsIconsNames.html +348 -0
- package/docs/js/menu-wc.js +119 -54
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/variables.html +12 -39
- package/docs/modules/EuimAboutModule.html +1 -1
- package/docs/modules/EuimAllModule.html +52 -4
- package/docs/modules/EuimAvatarModule.html +16 -10
- package/docs/modules/EuimLanguageSelectorModule.html +1 -1
- package/docs/modules/{EuimAvatarIconModule.html → EuimListHeaderModule.html} +5 -5
- package/docs/modules/EuimMediaHeaderModule.html +13 -0
- package/docs/modules/EuimSidebarModule.html +1 -1
- package/docs/modules/EuimToolbarDatepickerModule.html +1 -1
- package/docs/modules.html +12 -12
- package/esm2022/lib/components/atoms/euim-label/euim-label.component.mjs +4 -4
- package/esm2022/lib/components/atoms/euim-label/euim-label.module.mjs +4 -4
- package/esm2022/lib/components/atoms/euim-notification-item/euim-notification-item.component.mjs +3 -3
- package/esm2022/lib/components/atoms/euim-notification-item/euim-notification-item.module.mjs +4 -4
- package/esm2022/lib/components/base-states.directive.mjs +3 -3
- package/esm2022/lib/components/directives/euim-align-center/euim-align-center.directive.mjs +20 -0
- package/esm2022/lib/components/directives/euim-align-top/euim-align-top.directive.mjs +20 -0
- package/esm2022/lib/components/directives/euim-divider/euim-divider.directive.mjs +3 -3
- package/esm2022/lib/components/directives/euim-divider/euim-divider.module.mjs +4 -4
- package/esm2022/lib/components/directives/euim-list-header/euim-list-header.directive.mjs +27 -0
- package/esm2022/lib/components/directives/euim-list-header/euim-list-header.module.mjs +28 -0
- package/esm2022/lib/components/directives/euim-list-header/index.mjs +3 -0
- package/esm2022/lib/components/directives/euim-list-item/euim-list-item.directive.mjs +20 -0
- package/esm2022/lib/components/directives/euim-min-width/euim-min-width.directive.mjs +25 -0
- package/esm2022/lib/components/directives/euim-sidebar-footer/euim-sidebar-footer.directive.mjs +3 -3
- package/esm2022/lib/components/directives/euim-skeleton-text-avatar/euim-skeleton-text-avatar.directive.mjs +3 -3
- package/esm2022/lib/components/directives/euim-skeleton-text-avatar/euim-skeleton-text-avatar.module.mjs +4 -4
- package/esm2022/lib/components/directives/euim-toolbar-transparent/euim-toolbar-transparent.directive.mjs +3 -3
- package/esm2022/lib/components/euim-about/euim-about-content-loading/euim-about-content-loading.component.mjs +3 -3
- package/esm2022/lib/components/euim-about/euim-about.component.mjs +3 -3
- package/esm2022/lib/components/euim-about/euim-about.module.mjs +9 -9
- package/esm2022/lib/components/euim-about/euim-changelog/euim-changelog.component.mjs +4 -4
- package/esm2022/lib/components/euim-about/euim-help-support/euim-help-support.component.mjs +9 -8
- package/esm2022/lib/components/euim-about/euim-opensource-licences/euim-opensource-licences.component.mjs +3 -3
- package/esm2022/lib/components/euim-alert-message/euim-alert-message.module.mjs +4 -4
- package/esm2022/lib/components/euim-alert-message/euim-alert-messsage.component.mjs +4 -4
- package/esm2022/lib/components/euim-avatar/euim-avatar-badge/euim-avatar-badge.component.mjs +25 -0
- package/esm2022/lib/components/euim-avatar/euim-avatar-icon/euim-avatar-icon.component.mjs +17 -0
- package/esm2022/lib/components/euim-avatar/euim-avatar-icon-sub/euim-avatar-icon-sub.component.mjs +44 -0
- package/esm2022/lib/components/euim-avatar/euim-avatar-image/euim-avatar-image.component.mjs +19 -0
- package/esm2022/lib/components/euim-avatar/euim-avatar-text/euim-avatar-text.component.mjs +28 -0
- package/esm2022/lib/components/euim-avatar/euim-avatar.component.mjs +35 -8
- package/esm2022/lib/components/euim-avatar/euim-avatar.module.mjs +32 -18
- package/esm2022/lib/components/euim-avatar/index.mjs +6 -3
- package/esm2022/lib/components/euim-badge/euim-badge.component.mjs +4 -4
- package/esm2022/lib/components/euim-badge/euim-badge.module.mjs +4 -4
- package/esm2022/lib/components/euim-card/euim-card-image/euim-card-image.directive.mjs +16 -6
- package/esm2022/lib/components/euim-card/euim-card.component.mjs +16 -7
- package/esm2022/lib/components/euim-card/euim-card.module.mjs +4 -4
- package/esm2022/lib/components/euim-card-list/euim-card-list.component.mjs +19 -8
- package/esm2022/lib/components/euim-card-list/euim-card-list.module.mjs +4 -4
- package/esm2022/lib/components/euim-chip-selector/euim-chip-selector-item/euim-chip-selector-item.directive.mjs +3 -3
- package/esm2022/lib/components/euim-chip-selector/euim-chip-selector.component.mjs +41 -9
- package/esm2022/lib/components/euim-chip-selector/euim-chip-selector.module.mjs +4 -4
- package/esm2022/lib/components/euim-data-summary/euim-data-summary-col/euim-data-summary-col.component.mjs +3 -3
- package/esm2022/lib/components/euim-data-summary/euim-data-summary-col-label/euim-data-summary-col-label.directive.mjs +3 -3
- package/esm2022/lib/components/euim-data-summary/euim-data-summary-col-value/euim-data-summary-col-value.directive.mjs +3 -3
- package/esm2022/lib/components/euim-data-summary/euim-data-summary.component.mjs +4 -4
- package/esm2022/lib/components/euim-data-summary/euim-data-summary.module.mjs +4 -4
- package/esm2022/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.component.mjs +3 -3
- package/esm2022/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.module.mjs +4 -4
- package/esm2022/lib/components/euim-media-header/euim-media-header-custom-content/euim-media-header-content.directive.mjs +20 -0
- package/esm2022/lib/components/euim-media-header/euim-media-header-image/euim-media-header-image.directive.mjs +3 -3
- package/esm2022/lib/components/euim-media-header/euim-media-header-sub-title/euim-media-header-sub-title.directive.mjs +3 -3
- package/esm2022/lib/components/euim-media-header/euim-media-header-title/euim-media-header-title.directive.mjs +3 -3
- package/esm2022/lib/components/euim-media-header/euim-media-header.component.mjs +9 -5
- package/esm2022/lib/components/euim-media-header/euim-media-header.module.mjs +11 -7
- package/esm2022/lib/components/euim-message/euim-message-title/euim-message-title.component.mjs +3 -3
- package/esm2022/lib/components/euim-message/euim-message.component.mjs +3 -3
- package/esm2022/lib/components/euim-message/euim-message.module.mjs +4 -4
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-all/euim-multiselect-all.directive.mjs +3 -3
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-filter/euim-multiselect-filter.component.mjs +3 -3
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-info/euim-multiselect-info.component.mjs +3 -3
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-list/euim-multiselect-list.component.mjs +3 -3
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-select-field/euim-multiselect-select-field.directive.mjs +3 -3
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-toolbar/euim-multiselect-toolbar.component.mjs +3 -3
- package/esm2022/lib/components/euim-multiselect/euim-multiselect.component.mjs +3 -3
- package/esm2022/lib/components/euim-multiselect/euim-multiselect.module.mjs +4 -4
- package/esm2022/lib/components/euim-pdf-viewer/euim-pdf-viewer.component.mjs +21 -20
- package/esm2022/lib/components/euim-pdf-viewer/euim-pdf-viewer.module.mjs +9 -5
- package/esm2022/lib/components/euim-read-only-form/euim-read-only-form-label/euim-read-only-form-label.directive.mjs +20 -0
- package/esm2022/lib/components/euim-read-only-form/euim-read-only-form-value/euim-read-only-form-value.directive.mjs +20 -0
- package/esm2022/lib/components/euim-read-only-form/euim-read-only-form.directive.mjs +20 -0
- package/esm2022/lib/components/euim-scroller-x/euim-scroller-x.component.mjs +3 -3
- package/esm2022/lib/components/euim-scroller-x/euim-scroller-x.module.mjs +4 -4
- package/esm2022/lib/components/euim-skeleton-list/euim-skeleton-list.component.mjs +3 -3
- package/esm2022/lib/components/euim-skeleton-list/euim-skeleton-list.module.mjs +4 -4
- package/esm2022/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.mjs +3 -3
- package/esm2022/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.module.mjs +4 -4
- package/esm2022/lib/components/euim-slider-info-screen/euim-slide-info-screen/euim-slide-info-screen.component.mjs +3 -3
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen-content/euim-slider-info-screen-content.directive.mjs +3 -3
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen-sub-title/euim-slider-info-screen-sub-title.directive.mjs +3 -3
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen-title/euim-slider-info-screen-title.directive.mjs +3 -3
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.mjs +39 -10
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen.module.mjs +4 -4
- package/esm2022/lib/components/euim-spinner/euim-spinner-description/euim-spinner-description.component.mjs +3 -3
- package/esm2022/lib/components/euim-spinner/euim-spinner-message/euim-spinner-message.component.mjs +3 -3
- package/esm2022/lib/components/euim-spinner/euim-spinner.component.mjs +3 -3
- package/esm2022/lib/components/euim-spinner/euim-spinner.module.mjs +4 -4
- package/esm2022/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker-datetime/euim-toolbar-datepicker-datetime.directive.mjs +3 -3
- package/esm2022/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.component.mjs +36 -13
- package/esm2022/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.module.mjs +9 -9
- package/esm2022/lib/components/index.mjs +12 -4
- package/esm2022/lib/components/layout/euim-app/euim-app.component.mjs +3 -3
- package/esm2022/lib/components/layout/euim-app/euim-app.module.mjs +4 -4
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details-icon/euim-header-details-icon.directive.mjs +3 -3
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details-meta/euim-header-details-meta.directive.mjs +3 -3
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details-title/euim-header-details-title.directive.mjs +3 -3
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details.component.mjs +12 -7
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details.module.mjs +4 -4
- package/esm2022/lib/components/layout/euim-language-selector/euim-language-list.component.mjs +9 -8
- package/esm2022/lib/components/layout/euim-language-selector/euim-language-selector.component.mjs +3 -3
- package/esm2022/lib/components/layout/euim-language-selector/euim-language-selector.module.mjs +9 -9
- package/esm2022/lib/components/layout/euim-sidebar/euim-sidebar-content/euim-sidebar-content.component.mjs +3 -3
- package/esm2022/lib/components/layout/euim-sidebar/euim-sidebar.component.mjs +4 -4
- package/esm2022/lib/components/layout/euim-sidebar/euim-sidebar.module.mjs +9 -9
- package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar-action-items/euim-toolbar-action-items.component.mjs +3 -3
- package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar-title/euim-toolbar-title.component.mjs +3 -3
- package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar.component.mjs +4 -4
- package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar.module.mjs +4 -4
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile-action/euim-user-profile-action.component.mjs +3 -3
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile-avatar/euim-user-profile-avatar.component.mjs +3 -3
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile-infos/euim-user-profile-infos.component.mjs +19 -10
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile-infos-item/euim-user-profile-infos-item.component.mjs +3 -3
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile.component.mjs +17 -9
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile.module.mjs +4 -4
- package/esm2022/lib/euim-all.module.mjs +45 -21
- package/esm2022/lib/services/euim-app.service.mjs +3 -3
- package/fesm2022/eui-mobile-core.mjs +1022 -593
- package/fesm2022/eui-mobile-core.mjs.map +1 -1
- package/lib/components/atoms/euim-label/euim-label.component.d.ts.map +1 -1
- package/lib/components/base-states.directive.d.ts.map +1 -1
- package/lib/components/directives/euim-align-center/euim-align-center.directive.d.ts +7 -0
- package/lib/components/directives/euim-align-center/euim-align-center.directive.d.ts.map +1 -0
- package/lib/components/directives/euim-align-top/euim-align-top.directive.d.ts +7 -0
- package/lib/components/directives/euim-align-top/euim-align-top.directive.d.ts.map +1 -0
- package/lib/components/directives/euim-list-header/euim-list-header.directive.d.ts +9 -0
- package/lib/components/directives/euim-list-header/euim-list-header.directive.d.ts.map +1 -0
- package/lib/components/directives/euim-list-header/euim-list-header.module.d.ts +10 -0
- package/lib/components/directives/euim-list-header/euim-list-header.module.d.ts.map +1 -0
- package/lib/components/directives/euim-list-header/index.d.ts +3 -0
- package/lib/components/directives/euim-list-header/index.d.ts.map +1 -0
- package/lib/components/directives/euim-list-item/euim-list-item.directive.d.ts +7 -0
- package/lib/components/directives/euim-list-item/euim-list-item.directive.d.ts.map +1 -0
- package/lib/components/directives/euim-min-width/euim-min-width.directive.d.ts +10 -0
- package/lib/components/directives/euim-min-width/euim-min-width.directive.d.ts.map +1 -0
- package/lib/components/euim-about/euim-about.module.d.ts +2 -2
- package/lib/components/euim-alert-message/euim-alert-messsage.component.d.ts.map +1 -1
- package/lib/components/euim-avatar/euim-avatar-badge/euim-avatar-badge.component.d.ts +8 -0
- package/lib/components/euim-avatar/euim-avatar-badge/euim-avatar-badge.component.d.ts.map +1 -0
- package/lib/components/euim-avatar/euim-avatar-icon/euim-avatar-icon.component.d.ts +7 -0
- package/lib/components/euim-avatar/euim-avatar-icon/euim-avatar-icon.component.d.ts.map +1 -0
- package/lib/components/euim-avatar/euim-avatar-icon-sub/euim-avatar-icon-sub.component.d.ts +13 -0
- package/lib/components/euim-avatar/euim-avatar-icon-sub/euim-avatar-icon-sub.component.d.ts.map +1 -0
- package/lib/components/euim-avatar/euim-avatar-image/euim-avatar-image.component.d.ts +8 -0
- package/lib/components/euim-avatar/euim-avatar-image/euim-avatar-image.component.d.ts.map +1 -0
- package/lib/components/euim-avatar/euim-avatar-text/euim-avatar-text.component.d.ts +9 -0
- package/lib/components/euim-avatar/euim-avatar-text/euim-avatar-text.component.d.ts.map +1 -0
- package/lib/components/euim-avatar/euim-avatar.component.d.ts +8 -2
- package/lib/components/euim-avatar/euim-avatar.component.d.ts.map +1 -1
- package/lib/components/euim-avatar/euim-avatar.module.d.ts +8 -5
- package/lib/components/euim-avatar/euim-avatar.module.d.ts.map +1 -1
- package/lib/components/euim-avatar/index.d.ts +5 -2
- package/lib/components/euim-avatar/index.d.ts.map +1 -1
- package/lib/components/euim-card/euim-card-image/euim-card-image.directive.d.ts +3 -1
- package/lib/components/euim-card/euim-card-image/euim-card-image.directive.d.ts.map +1 -1
- package/lib/components/euim-card/euim-card.component.d.ts +7 -2
- package/lib/components/euim-card/euim-card.component.d.ts.map +1 -1
- package/lib/components/euim-card-list/euim-card-list.component.d.ts +4 -2
- package/lib/components/euim-card-list/euim-card-list.component.d.ts.map +1 -1
- package/lib/components/euim-chip-selector/euim-chip-selector-item/euim-chip-selector-item.directive.d.ts.map +1 -1
- package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts +9 -2
- package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts.map +1 -1
- package/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.component.d.ts.map +1 -1
- package/lib/components/euim-media-header/euim-media-header-custom-content/euim-media-header-content.directive.d.ts +7 -0
- package/lib/components/euim-media-header/euim-media-header-custom-content/euim-media-header-content.directive.d.ts.map +1 -0
- package/lib/components/euim-media-header/euim-media-header.component.d.ts +3 -1
- package/lib/components/euim-media-header/euim-media-header.component.d.ts.map +1 -1
- package/lib/components/euim-media-header/euim-media-header.module.d.ts +2 -1
- package/lib/components/euim-media-header/euim-media-header.module.d.ts.map +1 -1
- package/lib/components/euim-multiselect/euim-multiselect-toolbar/euim-multiselect-toolbar.component.d.ts.map +1 -1
- package/lib/components/euim-multiselect/euim-multiselect.component.d.ts.map +1 -1
- package/lib/components/euim-pdf-viewer/euim-pdf-viewer.component.d.ts +3 -1
- package/lib/components/euim-pdf-viewer/euim-pdf-viewer.component.d.ts.map +1 -1
- package/lib/components/euim-pdf-viewer/euim-pdf-viewer.module.d.ts +6 -5
- package/lib/components/euim-pdf-viewer/euim-pdf-viewer.module.d.ts.map +1 -1
- package/lib/components/euim-read-only-form/euim-read-only-form-label/euim-read-only-form-label.directive.d.ts +7 -0
- package/lib/components/euim-read-only-form/euim-read-only-form-label/euim-read-only-form-label.directive.d.ts.map +1 -0
- package/lib/components/euim-read-only-form/euim-read-only-form-value/euim-read-only-form-value.directive.d.ts +7 -0
- package/lib/components/euim-read-only-form/euim-read-only-form-value/euim-read-only-form-value.directive.d.ts.map +1 -0
- package/lib/components/euim-read-only-form/euim-read-only-form.directive.d.ts +7 -0
- package/lib/components/euim-read-only-form/euim-read-only-form.directive.d.ts.map +1 -0
- package/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.d.ts.map +1 -1
- package/lib/components/euim-slider-info-screen/euim-slider-info-screen-content/euim-slider-info-screen-content.directive.d.ts.map +1 -1
- package/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.d.ts +11 -2
- package/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.d.ts.map +1 -1
- package/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.component.d.ts +6 -2
- package/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.component.d.ts.map +1 -1
- package/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.module.d.ts +2 -2
- package/lib/components/index.d.ts +11 -3
- package/lib/components/index.d.ts.map +1 -1
- package/lib/components/layout/euim-header-details/euim-header-details.component.d.ts +4 -1
- package/lib/components/layout/euim-header-details/euim-header-details.component.d.ts.map +1 -1
- package/lib/components/layout/euim-language-selector/euim-language-selector.module.d.ts +2 -2
- package/lib/components/layout/euim-sidebar/euim-sidebar.module.d.ts +2 -2
- package/lib/components/layout/euim-toolbar/euim-toolbar.component.d.ts.map +1 -1
- package/lib/components/layout/euim-user-profile/euim-user-profile-infos/euim-user-profile-infos.component.d.ts +4 -2
- package/lib/components/layout/euim-user-profile/euim-user-profile-infos/euim-user-profile-infos.component.d.ts.map +1 -1
- package/lib/components/layout/euim-user-profile/euim-user-profile.component.d.ts +4 -2
- package/lib/components/layout/euim-user-profile/euim-user-profile.component.d.ts.map +1 -1
- package/lib/euim-all.module.d.ts +36 -28
- package/lib/euim-all.module.d.ts.map +1 -1
- package/package.json +2 -1
- package/esm2022/lib/components/euim-avatar/euim-avatar-main-icon/euim-avatar-main-icon.directive.mjs +0 -19
- package/esm2022/lib/components/euim-avatar/euim-avatar-sub-icon/euim-avatar-sub-icon.directive.mjs +0 -19
- package/esm2022/lib/components/euim-avatar-icon/euim-avatar-icon.component.mjs +0 -44
- package/esm2022/lib/components/euim-avatar-icon/euim-avatar-icon.module.mjs +0 -28
- package/esm2022/lib/components/euim-avatar-icon/index.mjs +0 -3
- package/lib/components/euim-avatar/euim-avatar-main-icon/euim-avatar-main-icon.directive.d.ts +0 -7
- package/lib/components/euim-avatar/euim-avatar-main-icon/euim-avatar-main-icon.directive.d.ts.map +0 -1
- package/lib/components/euim-avatar/euim-avatar-sub-icon/euim-avatar-sub-icon.directive.d.ts +0 -7
- package/lib/components/euim-avatar/euim-avatar-sub-icon/euim-avatar-sub-icon.directive.d.ts.map +0 -1
- package/lib/components/euim-avatar-icon/euim-avatar-icon.component.d.ts +0 -13
- package/lib/components/euim-avatar-icon/euim-avatar-icon.component.d.ts.map +0 -1
- package/lib/components/euim-avatar-icon/euim-avatar-icon.module.d.ts +0 -10
- package/lib/components/euim-avatar-icon/euim-avatar-icon.module.d.ts.map +0 -1
- package/lib/components/euim-avatar-icon/index.d.ts +0 -3
- package/lib/components/euim-avatar-icon/index.d.ts.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { EuiEuLanguages } from '@eui/base';
|
|
2
2
|
export * from '@eui/base';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { Injectable, booleanAttribute, Directive, Input, numberAttribute, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, NgModule, EventEmitter, Output, ContentChildren, ViewChild, HostListener
|
|
4
|
+
import { Injectable, booleanAttribute, Directive, Input, numberAttribute, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, NgModule, EventEmitter, Output, ContentChildren, ContentChild, ViewChild, HostListener } from '@angular/core';
|
|
5
5
|
import { BehaviorSubject, Subject, throwError } from 'rxjs';
|
|
6
6
|
import * as i2$1 from '@angular/common';
|
|
7
7
|
import { CommonModule } from '@angular/common';
|
|
@@ -16,12 +16,14 @@ import * as i1$2 from '@angular/router';
|
|
|
16
16
|
import { NavigationEnd, RouterModule } from '@angular/router';
|
|
17
17
|
import * as i2$2 from '@angular/common/http';
|
|
18
18
|
import { HttpClientModule } from '@angular/common/http';
|
|
19
|
-
import * as i3 from '
|
|
19
|
+
import * as i3 from 'ng2-pdf-viewer';
|
|
20
|
+
import { PdfViewerModule } from 'ng2-pdf-viewer';
|
|
21
|
+
import * as i4 from '@mapaxe/ngx-pinch-zoom';
|
|
20
22
|
import { PinchZoomModule } from '@mapaxe/ngx-pinch-zoom';
|
|
21
23
|
import * as i2$3 from 'angularx-qrcode';
|
|
22
24
|
import { QRCodeModule } from 'angularx-qrcode';
|
|
23
25
|
import * as i1$3 from '@angular/platform-browser';
|
|
24
|
-
import * as
|
|
26
|
+
import * as i7 from '@angular/forms';
|
|
25
27
|
import { FormsModule } from '@angular/forms';
|
|
26
28
|
|
|
27
29
|
const initialState = {
|
|
@@ -48,10 +50,10 @@ class EuimAppService {
|
|
|
48
50
|
...nextState,
|
|
49
51
|
});
|
|
50
52
|
}
|
|
51
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
52
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.
|
|
53
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAppService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
54
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAppService, providedIn: 'root' }); }
|
|
53
55
|
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAppService, decorators: [{
|
|
55
57
|
type: Injectable,
|
|
56
58
|
args: [{ providedIn: 'root' }]
|
|
57
59
|
}], ctorParameters: () => [] });
|
|
@@ -130,10 +132,10 @@ class BaseStatesDirective {
|
|
|
130
132
|
.join(' ')
|
|
131
133
|
.trim();
|
|
132
134
|
}
|
|
133
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
134
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.
|
|
135
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: BaseStatesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
136
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.8", type: BaseStatesDirective, isStandalone: true, selector: "[euimBase]", inputs: { color: "color", euimDisabled: ["euimDisabled", "euimDisabled", booleanAttribute], euimPositionTopEnd: ["euimPositionTopEnd", "euimPositionTopEnd", booleanAttribute], euimFontBold: ["euimFontBold", "euimFontBold", booleanAttribute], euimFontRegular: ["euimFontRegular", "euimFontRegular", booleanAttribute], euimFontBoldItalic: ["euimFontBoldItalic", "euimFontBoldItalic", booleanAttribute], euimFontItalic: ["euimFontItalic", "euimFontItalic", booleanAttribute], euimFontLight: ["euimFontLight", "euimFontLight", booleanAttribute], euimSize2XS: ["euimSize2XS", "euimSize2XS", booleanAttribute], euimSizeXS: ["euimSizeXS", "euimSizeXS", booleanAttribute], euimSizeS: ["euimSizeS", "euimSizeS", booleanAttribute], euimSizeM: ["euimSizeM", "euimSizeM", booleanAttribute], euimSizeL: ["euimSizeL", "euimSizeL", booleanAttribute], euimSizeXL: ["euimSizeXL", "euimSizeXL", booleanAttribute], euimSize2XL: ["euimSize2XL", "euimSize2XL", booleanAttribute], euimSize3XL: ["euimSize3XL", "euimSize3XL", booleanAttribute], euimSize4XL: ["euimSize4XL", "euimSize4XL", booleanAttribute], euimSize5XL: ["euimSize5XL", "euimSize5XL", booleanAttribute], euimSizeVariant: "euimSizeVariant" }, host: { properties: { "attr.aria-disabled": "this.euimDisabled.toString()" } }, ngImport: i0 }); }
|
|
135
137
|
}
|
|
136
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
138
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: BaseStatesDirective, decorators: [{
|
|
137
139
|
type: Directive,
|
|
138
140
|
args: [{
|
|
139
141
|
standalone: true,
|
|
@@ -224,10 +226,10 @@ class EuimLabelComponent {
|
|
|
224
226
|
this.euimLabelTruncateWithLines > 0 ? 'euim-label__euiTextTruncateWithLines euim-label__truncate' : '',
|
|
225
227
|
].join(' ');
|
|
226
228
|
}
|
|
227
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
228
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.
|
|
229
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLabelComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
230
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.8", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: { euimLabelTruncateWithLines: ["euimLabelTruncateWithLines", "euimLabelTruncateWithLines", numberAttribute], euimLabelTitle: ["euimLabelTitle", "euimLabelTitle", booleanAttribute], euimLabelSubTitle: ["euimLabelSubTitle", "euimLabelSubTitle", booleanAttribute], euimLabelMeta: ["euimLabelMeta", "euimLabelMeta", booleanAttribute], euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute], euimLabelTextWrap: ["euimLabelTextWrap", "euimLabelTextWrap", 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-bc-neutral-100);font:var(--eui-f-m)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-s-2xs)}.euim-label__title{font:var(--eui-f-m-bold);color:var(--eui-c-text)}.euim-label__title ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s);color:var(--eui-bc-neutral-80)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-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-s-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-bc-primary-100)}.euim-label--secondary{color:var(--eui-bc-neutral-60)}.euim-label--default{color:var(--eui-bc-neutral-80)}.euim-label--dark{color:var(--eui-bc-neutral-100)}.euim-label--info{color:var(--eui-bc-info-100)}.euim-label--success{color:var(--eui-bc-success-100)}.euim-label--warning{color:var(--eui-bc-warning-140)}.euim-label--warning ion-icon{color:var(--eui-bc-warning-140)}.euim-label--danger{color:var(--eui-bc-danger-100)}.euim-label--accent{color:var(--eui-bc-accent-100)}.euim-label--white{color:var(--eui-bc-neutral-0)}.euim-label--size-2xs{font:var(--eui-f-2xs)}.euim-label--size-xs{font:var(--eui-f-xs)}.euim-label--size-s{font:var(--eui-f-s)}.euim-label--size-m{font:var(--eui-f-m)}.euim-label--size-l{font:var(--eui-f-l)}.euim-label--size-xl{font:var(--eui-f-xl)}.euim-label--size-2xl{font:var(--eui-f-2xl)}.euim-label--size-3xl{font:var(--eui-f-3xl)}.euim-label--size-4xl{font:var(--eui-f-4xl)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
229
231
|
}
|
|
230
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
232
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLabelComponent, decorators: [{
|
|
231
233
|
type: Component,
|
|
232
234
|
args: [{ selector: 'div[euimLabel], p[euimLabel], span[euimLabel], euim-label', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
233
235
|
{
|
|
@@ -245,7 +247,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
245
247
|
'color',
|
|
246
248
|
],
|
|
247
249
|
},
|
|
248
|
-
], styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-bc-neutral-100);font:var(--eui-f-m)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-s-2xs)}.euim-label__title{font:var(--eui-f-m-bold);color:var(--eui-c-text)}.euim-label__title ion-icon{font-size:var(--eui-f-size-m)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s);color:var(--eui-bc-neutral-80)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-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-s-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-bc-primary-100)}.euim-label--secondary{color:var(--eui-bc-neutral-60)}.euim-label--default{color:var(--eui-bc-neutral-80)}.euim-label--dark{color:var(--eui-bc-neutral-100)}.euim-label--info{color:var(--eui-bc-info-100)}.euim-label--success{color:var(--eui-bc-success-100)}.euim-label--warning{color:var(--eui-bc-warning-140)}.euim-label--warning ion-icon{color:var(--eui-bc-warning-140)}.euim-label--danger{color:var(--eui-bc-danger-100)}.euim-label--accent{color:var(--eui-bc-accent-100)}.euim-label--white{color:var(--eui-bc-neutral-0)}.euim-label--size-2xs{font:var(--eui-f-2xs)}.euim-label--size-xs{font:var(--eui-f-xs)}.euim-label--size-s{font:var(--eui-f-s)}.euim-label--size-m{font:var(--eui-f-m)}.euim-label--size-l{font:var(--eui-f-l)}.euim-label--size-xl{font:var(--eui-f-xl)}.euim-label--size-2xl{font:var(--eui-f-2xl)}.euim-label--size-3xl{font:var(--eui-f-3xl)}.euim-label--size-4xl{font:var(--eui-f-4xl)}\n"] }]
|
|
250
|
+
], styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-bc-neutral-100);font:var(--eui-f-m)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-s-2xs)}.euim-label__title{font:var(--eui-f-m-bold);color:var(--eui-c-text)}.euim-label__title ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s);color:var(--eui-bc-neutral-80)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-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-s-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-bc-primary-100)}.euim-label--secondary{color:var(--eui-bc-neutral-60)}.euim-label--default{color:var(--eui-bc-neutral-80)}.euim-label--dark{color:var(--eui-bc-neutral-100)}.euim-label--info{color:var(--eui-bc-info-100)}.euim-label--success{color:var(--eui-bc-success-100)}.euim-label--warning{color:var(--eui-bc-warning-140)}.euim-label--warning ion-icon{color:var(--eui-bc-warning-140)}.euim-label--danger{color:var(--eui-bc-danger-100)}.euim-label--accent{color:var(--eui-bc-accent-100)}.euim-label--white{color:var(--eui-bc-neutral-0)}.euim-label--size-2xs{font:var(--eui-f-2xs)}.euim-label--size-xs{font:var(--eui-f-xs)}.euim-label--size-s{font:var(--eui-f-s)}.euim-label--size-m{font:var(--eui-f-m)}.euim-label--size-l{font:var(--eui-f-l)}.euim-label--size-xl{font:var(--eui-f-xl)}.euim-label--size-2xl{font:var(--eui-f-2xl)}.euim-label--size-3xl{font:var(--eui-f-3xl)}.euim-label--size-4xl{font:var(--eui-f-4xl)}\n"] }]
|
|
249
251
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimLabelTruncateWithLines: [{
|
|
250
252
|
type: HostBinding,
|
|
251
253
|
args: ['style.--euimLabelTruncateWithLines']
|
|
@@ -273,13 +275,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
273
275
|
}] } });
|
|
274
276
|
|
|
275
277
|
class EuimLabelModule {
|
|
276
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
277
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
278
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
279
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimLabelModule, declarations: [EuimLabelComponent], imports: [CommonModule,
|
|
278
280
|
IonicModule], exports: [EuimLabelComponent] }); }
|
|
279
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
281
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLabelModule, imports: [CommonModule,
|
|
280
282
|
IonicModule] }); }
|
|
281
283
|
}
|
|
282
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
284
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLabelModule, decorators: [{
|
|
283
285
|
type: NgModule,
|
|
284
286
|
args: [{
|
|
285
287
|
imports: [
|
|
@@ -307,10 +309,10 @@ class EuimNotificationItemComponent {
|
|
|
307
309
|
this.baseStatesDirective.getCssClasses('euim-notification-item'),
|
|
308
310
|
].join(' ');
|
|
309
311
|
}
|
|
310
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
311
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
312
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimNotificationItemComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
313
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimNotificationItemComponent, selector: "euim-notification-item", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "", styles: [".euim-notification-item{display:block;border-radius:50%;width:var(--eui-s-xs);height:var(--eui-s-xs)}.euim-notification-item--primary{background:var(--eui-bc-primary-100)}.euim-notification-item--secondary{background:var(--eui-bc-neutral-60)}.euim-notification-item--info{background:var(--eui-bc-info-100)}.euim-notification-item--success{background:var(--eui-bc-success-100)}.euim-notification-item--warning{background:var(--eui-bc-warning-100)}.euim-notification-item--danger{background:var(--eui-bc-danger-100)}.euim-notification-item--accent{background:var(--eui-bc-accent-100)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
312
314
|
}
|
|
313
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
315
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimNotificationItemComponent, decorators: [{
|
|
314
316
|
type: Component,
|
|
315
317
|
args: [{ selector: 'euim-notification-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
316
318
|
{
|
|
@@ -326,13 +328,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
326
328
|
}] } });
|
|
327
329
|
|
|
328
330
|
class EuimNotificationItemModule {
|
|
329
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
330
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
331
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimNotificationItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
332
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimNotificationItemModule, declarations: [EuimNotificationItemComponent], imports: [CommonModule,
|
|
331
333
|
IonicModule], exports: [EuimNotificationItemComponent] }); }
|
|
332
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
334
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimNotificationItemModule, imports: [CommonModule,
|
|
333
335
|
IonicModule] }); }
|
|
334
336
|
}
|
|
335
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
337
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimNotificationItemModule, decorators: [{
|
|
336
338
|
type: NgModule,
|
|
337
339
|
args: [{
|
|
338
340
|
imports: [
|
|
@@ -353,17 +355,17 @@ class EuimAppComponent {
|
|
|
353
355
|
this.asService = asService;
|
|
354
356
|
this.ionMenuId = 'main';
|
|
355
357
|
}
|
|
356
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
357
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
358
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAppComponent, deps: [{ token: EuimAppService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
359
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimAppComponent, selector: "euim-app", inputs: { ionMenuId: "ionMenuId" }, ngImport: i0, template: "<ion-app>\n <ng-content></ng-content>\n <ion-router-outlet id=\"{{ionMenuId}}\"></ion-router-outlet>\n</ion-app>\n", dependencies: [{ kind: "component", type: i1.IonApp, selector: "ion-app" }, { kind: "component", type: i1.IonRouterOutlet, selector: "ion-router-outlet" }] }); }
|
|
358
360
|
}
|
|
359
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
361
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAppComponent, decorators: [{
|
|
360
362
|
type: Component,
|
|
361
363
|
args: [{ selector: 'euim-app', template: "<ion-app>\n <ng-content></ng-content>\n <ion-router-outlet id=\"{{ionMenuId}}\"></ion-router-outlet>\n</ion-app>\n" }]
|
|
362
364
|
}], ctorParameters: () => [{ type: EuimAppService }], propDecorators: { ionMenuId: [{
|
|
363
365
|
type: Input
|
|
364
366
|
}] } });
|
|
365
367
|
|
|
366
|
-
class
|
|
368
|
+
class EuimAvatarComponent {
|
|
367
369
|
constructor() {
|
|
368
370
|
this.color = 'default';
|
|
369
371
|
this.size = 'default';
|
|
@@ -376,20 +378,20 @@ class EuimAvatarIconComponent {
|
|
|
376
378
|
}
|
|
377
379
|
getCssClasses() {
|
|
378
380
|
return [
|
|
379
|
-
'euim-avatar
|
|
380
|
-
this.size ? `euim-avatar
|
|
381
|
-
this.fill ? `euim-avatar
|
|
382
|
-
this.color ? `euim-avatar
|
|
383
|
-
this.variant ? `euim-avatar
|
|
384
|
-
this.borderColor ? `euim-avatar
|
|
381
|
+
'euim-avatar',
|
|
382
|
+
this.size ? `euim-avatar--size-${this.size}` : '',
|
|
383
|
+
this.fill ? `euim-avatar--fill-${this.fill}` : '',
|
|
384
|
+
this.color ? `euim-avatar--color-${this.color}` : '',
|
|
385
|
+
this.variant ? `euim-avatar--variant-${this.variant}` : '',
|
|
386
|
+
this.borderColor ? `euim-avatar--border-color-${this.borderColor}` : '',
|
|
385
387
|
].join(' ');
|
|
386
388
|
}
|
|
387
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
388
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
389
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
390
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimAvatarComponent, selector: "euim-avatar", inputs: { color: "color", size: "size", fill: "fill", variant: "variant", borderColor: "borderColor" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content select=\"euim-avatar-icon\"></ng-content>\n<ng-content select=\"euim-avatar-text\"></ng-content>\n<ng-content select=\"euim-avatar-image\"></ng-content>\n<ng-content select=\"euim-avatar-badge\"></ng-content>\n<ng-content select=\"euim-avatar-icon-sub\"></ng-content>\n", styles: [".euim-avatar{position:relative;display:flex;justify-content:center;align-items:center;color:var(--eui-bc-neutral-100);border:none;box-sizing:border-box}.euim-avatar--variant-default,.euim-avatar--variant-rounded{border-radius:50%}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar__sub-icon .euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid;border-color:var(--eui-c-white)}.euim-avatar--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar--color-default{background-color:var(--eui-bc-neutral-20);border-color:var(--eui-bc-neutral-20);color:var(--eui-bc-neutral-100)}.euim-avatar--color-dark{background-color:var(--eui-bc-neutral-100);border-color:var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-avatar--color-primary{background-color:var(--eui-bc-primary-100);border-color:var(--eui-bc-primary-100);color:var(--eui-bc-primary-100-contrast)}.euim-avatar--color-info{background-color:var(--eui-bc-info-100);border-color:var(--eui-bc-info-100);color:var(--eui-bc-info-100-contrast)}.euim-avatar--color-success{background-color:var(--eui-bc-success-100);border-color:var(--eui-bc-success-100);color:var(--eui-bc-success-100-contrast)}.euim-avatar--color-warning{background-color:var(--eui-bc-warning-100);border-color:var(--eui-bc-warning-100);color:var(--eui-bc-warning-100-contrast)}.euim-avatar--color-danger{background-color:var(--eui-bc-danger-100);border-color:var(--eui-bc-danger-100);color:var(--eui-bc-danger-100-contrast)}.euim-avatar--border-color-primary{border-color:var(--eui-bc-primary-100)}.euim-avatar--border-color-info{border-color:var(--eui-bc-info-100)}.euim-avatar--border-color-success{border-color:var(--eui-bc-success-100)}.euim-avatar--border-color-warning{border-color:var(--eui-bc-warning-100)}.euim-avatar--border-color-danger{border-color:var(--eui-bc-danger-100)}.euim-avatar--color-primary.euim-avatar--fill-outline,.euim-avatar--color-primary.euim-avatar--fill-clear,.euim-avatar--color-info.euim-avatar--fill-outline,.euim-avatar--color-info.euim-avatar--fill-clear{color:var(--eui-bc-primary-100)}.euim-avatar--color-success.euim-avatar--fill-outline,.euim-avatar--color-success.euim-avatar--fill-clear{color:var(--eui-bc-success-100)}.euim-avatar--color-warning.euim-avatar--fill-outline,.euim-avatar--color-warning.euim-avatar--fill-clear{color:var(--eui-bc-warning-100)}.euim-avatar--color-danger.euim-avatar--fill-outline,.euim-avatar--color-danger.euim-avatar--fill-clear{color:var(--eui-bc-danger-100)}.euim-avatar--color-default.euim-avatar--fill-outline,.euim-avatar--color-default.euim-avatar--fill-clear{color:var(--eui-bc-neutral-100)}.euim-avatar[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-s-m)}.euim-avatar[slot=start] euim-avatar{margin-inline-end:0}.euim-avatar[slot=end] euim-avatar{margin-inline-start:0}.euim-avatar--size-default,.euim-avatar--size-auto{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar--size-default ion-icon,.euim-avatar--size-auto ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar--size-m{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar--size-m ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar--size-s{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar--size-s ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar--size-l{width:var(--eui-s-4xl);height:var(--eui-s-4xl);font-size:var(--eui-f-size-2xl)}.euim-avatar--size-l ion-icon{width:var(--eui-s-2xl);height:var(--eui-s-2xl)}.euim-avatar--fill-default,.euim-avatar--fill-solid{border:none}.euim-avatar--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar--fill-clear{background-color:transparent!important;border:none}.euim-avatar--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px;align-items:center;justify-content:center}.euim-avatar-icon-sub--variant-default,.euim-avatar-icon-sub--variant-rounded{border-radius:50%}.euim-avatar-icon-sub--variant-rectangle{border-radius:0}.euim-avatar-icon-sub--size-default,.euim-avatar-icon-sub--size-auto{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar-icon-sub--size-default ion-icon,.euim-avatar-icon-sub--size-auto ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar-icon-sub--size-m{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar-icon-sub--size-m ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar-icon-sub--size-s{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar-icon-sub--size-s ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar-icon-sub--size-l{width:var(--eui-s-4xl);height:var(--eui-s-4xl);font-size:var(--eui-f-size-2xl)}.euim-avatar-icon-sub--size-l ion-icon{width:var(--eui-s-2xl);height:var(--eui-s-2xl)}.euim-avatar-icon-sub--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar-icon-sub--color-default{background-color:var(--eui-bc-neutral-20);border-color:var(--eui-c-white);color:var(--eui-bc-neutral-100)}.euim-avatar-icon-sub--color-dark{background-color:var(--eui-bc-neutral-100);border-color:var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-avatar-icon-sub--color-primary{background-color:var(--eui-bc-primary-100);border-color:var(--eui-bc-primary-100);color:var(--eui-bc-primary-100-contrast)}.euim-avatar-icon-sub--color-info{background-color:var(--eui-bc-info-100);border-color:var(--eui-bc-info-100);color:var(--eui-bc-info-100-contrast)}.euim-avatar-icon-sub--color-success{background-color:var(--eui-bc-success-100);border-color:var(--eui-bc-success-100);color:var(--eui-bc-success-100-contrast)}.euim-avatar-icon-sub--color-warning{background-color:var(--eui-bc-warning-100);border-color:var(--eui-bc-warning-100);color:var(--eui-bc-warning-100-contrast)}.euim-avatar-icon-sub--color-danger{background-color:var(--eui-bc-danger-100);border-color:var(--eui-bc-danger-100);color:var(--eui-bc-danger-100-contrast)}.euim-avatar-icon-sub--border-color-primary{border-color:var(--eui-bc-primary-100)}.euim-avatar-icon-sub--border-color-info{border-color:var(--eui-bc-info-100)}.euim-avatar-icon-sub--border-color-success{border-color:var(--eui-bc-success-100)}.euim-avatar-icon-sub--border-color-warning{border-color:var(--eui-bc-warning-100)}.euim-avatar-icon-sub--border-color-danger{border-color:var(--eui-bc-danger-100)}.euim-avatar-icon-sub--fill-default,.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-clear{background-color:transparent!important;border:none}.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon{display:flex;align-items:center;justify-content:center}.euim-avatar-badge--position-top,.euim-avatar-badge--position-default{position:absolute;right:calc(-1 * var(--eui-s-l) / 2);top:calc(-1 * var(--eui-s-xl) / 2)}.euim-avatar--variant-default .euim-avatar-image,.euim-avatar--variant-rounded .euim-avatar-image{background-size:cover;height:100%;width:100%}.euim-avatar--variant-default .euim-avatar-image img,.euim-avatar--variant-rounded .euim-avatar-image img{object-fit:cover;border-radius:var(--eui-br-max);height:100%;width:100%}.euim-avatar-text--color-default{color:var(--eui-bc-grey-100)}.euim-avatar-text--color-primary{color:var(--eui-bc-primary-100)}.euim-avatar-text--color-info{color:var(--eui-bc-info-100)}.euim-avatar-text--color-success{color:var(--eui-bc-success-100)}.euim-avatar-text--color-warning{color:var(--eui-bc-warning-100)}.euim-avatar-text--color-danger{color:var(--eui-bc-danger-100)}.euim-avatar--size-default .euim-avatar-text,.euim-avatar--size-l .euim-avatar-text{font:var(--eui-f-m)}.euim-avatar--size-m .euim-avatar-text{font:var(--eui-f-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
389
391
|
}
|
|
390
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
392
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarComponent, decorators: [{
|
|
391
393
|
type: Component,
|
|
392
|
-
args: [{ selector: 'euim-avatar
|
|
394
|
+
args: [{ selector: 'euim-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"euim-avatar-icon\"></ng-content>\n<ng-content select=\"euim-avatar-text\"></ng-content>\n<ng-content select=\"euim-avatar-image\"></ng-content>\n<ng-content select=\"euim-avatar-badge\"></ng-content>\n<ng-content select=\"euim-avatar-icon-sub\"></ng-content>\n", styles: [".euim-avatar{position:relative;display:flex;justify-content:center;align-items:center;color:var(--eui-bc-neutral-100);border:none;box-sizing:border-box}.euim-avatar--variant-default,.euim-avatar--variant-rounded{border-radius:50%}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar__sub-icon .euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid;border-color:var(--eui-c-white)}.euim-avatar--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar--color-default{background-color:var(--eui-bc-neutral-20);border-color:var(--eui-bc-neutral-20);color:var(--eui-bc-neutral-100)}.euim-avatar--color-dark{background-color:var(--eui-bc-neutral-100);border-color:var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-avatar--color-primary{background-color:var(--eui-bc-primary-100);border-color:var(--eui-bc-primary-100);color:var(--eui-bc-primary-100-contrast)}.euim-avatar--color-info{background-color:var(--eui-bc-info-100);border-color:var(--eui-bc-info-100);color:var(--eui-bc-info-100-contrast)}.euim-avatar--color-success{background-color:var(--eui-bc-success-100);border-color:var(--eui-bc-success-100);color:var(--eui-bc-success-100-contrast)}.euim-avatar--color-warning{background-color:var(--eui-bc-warning-100);border-color:var(--eui-bc-warning-100);color:var(--eui-bc-warning-100-contrast)}.euim-avatar--color-danger{background-color:var(--eui-bc-danger-100);border-color:var(--eui-bc-danger-100);color:var(--eui-bc-danger-100-contrast)}.euim-avatar--border-color-primary{border-color:var(--eui-bc-primary-100)}.euim-avatar--border-color-info{border-color:var(--eui-bc-info-100)}.euim-avatar--border-color-success{border-color:var(--eui-bc-success-100)}.euim-avatar--border-color-warning{border-color:var(--eui-bc-warning-100)}.euim-avatar--border-color-danger{border-color:var(--eui-bc-danger-100)}.euim-avatar--color-primary.euim-avatar--fill-outline,.euim-avatar--color-primary.euim-avatar--fill-clear,.euim-avatar--color-info.euim-avatar--fill-outline,.euim-avatar--color-info.euim-avatar--fill-clear{color:var(--eui-bc-primary-100)}.euim-avatar--color-success.euim-avatar--fill-outline,.euim-avatar--color-success.euim-avatar--fill-clear{color:var(--eui-bc-success-100)}.euim-avatar--color-warning.euim-avatar--fill-outline,.euim-avatar--color-warning.euim-avatar--fill-clear{color:var(--eui-bc-warning-100)}.euim-avatar--color-danger.euim-avatar--fill-outline,.euim-avatar--color-danger.euim-avatar--fill-clear{color:var(--eui-bc-danger-100)}.euim-avatar--color-default.euim-avatar--fill-outline,.euim-avatar--color-default.euim-avatar--fill-clear{color:var(--eui-bc-neutral-100)}.euim-avatar[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-s-m)}.euim-avatar[slot=start] euim-avatar{margin-inline-end:0}.euim-avatar[slot=end] euim-avatar{margin-inline-start:0}.euim-avatar--size-default,.euim-avatar--size-auto{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar--size-default ion-icon,.euim-avatar--size-auto ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar--size-m{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar--size-m ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar--size-s{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar--size-s ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar--size-l{width:var(--eui-s-4xl);height:var(--eui-s-4xl);font-size:var(--eui-f-size-2xl)}.euim-avatar--size-l ion-icon{width:var(--eui-s-2xl);height:var(--eui-s-2xl)}.euim-avatar--fill-default,.euim-avatar--fill-solid{border:none}.euim-avatar--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar--fill-clear{background-color:transparent!important;border:none}.euim-avatar--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px;align-items:center;justify-content:center}.euim-avatar-icon-sub--variant-default,.euim-avatar-icon-sub--variant-rounded{border-radius:50%}.euim-avatar-icon-sub--variant-rectangle{border-radius:0}.euim-avatar-icon-sub--size-default,.euim-avatar-icon-sub--size-auto{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar-icon-sub--size-default ion-icon,.euim-avatar-icon-sub--size-auto ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar-icon-sub--size-m{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar-icon-sub--size-m ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar-icon-sub--size-s{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar-icon-sub--size-s ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar-icon-sub--size-l{width:var(--eui-s-4xl);height:var(--eui-s-4xl);font-size:var(--eui-f-size-2xl)}.euim-avatar-icon-sub--size-l ion-icon{width:var(--eui-s-2xl);height:var(--eui-s-2xl)}.euim-avatar-icon-sub--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar-icon-sub--color-default{background-color:var(--eui-bc-neutral-20);border-color:var(--eui-c-white);color:var(--eui-bc-neutral-100)}.euim-avatar-icon-sub--color-dark{background-color:var(--eui-bc-neutral-100);border-color:var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-avatar-icon-sub--color-primary{background-color:var(--eui-bc-primary-100);border-color:var(--eui-bc-primary-100);color:var(--eui-bc-primary-100-contrast)}.euim-avatar-icon-sub--color-info{background-color:var(--eui-bc-info-100);border-color:var(--eui-bc-info-100);color:var(--eui-bc-info-100-contrast)}.euim-avatar-icon-sub--color-success{background-color:var(--eui-bc-success-100);border-color:var(--eui-bc-success-100);color:var(--eui-bc-success-100-contrast)}.euim-avatar-icon-sub--color-warning{background-color:var(--eui-bc-warning-100);border-color:var(--eui-bc-warning-100);color:var(--eui-bc-warning-100-contrast)}.euim-avatar-icon-sub--color-danger{background-color:var(--eui-bc-danger-100);border-color:var(--eui-bc-danger-100);color:var(--eui-bc-danger-100-contrast)}.euim-avatar-icon-sub--border-color-primary{border-color:var(--eui-bc-primary-100)}.euim-avatar-icon-sub--border-color-info{border-color:var(--eui-bc-info-100)}.euim-avatar-icon-sub--border-color-success{border-color:var(--eui-bc-success-100)}.euim-avatar-icon-sub--border-color-warning{border-color:var(--eui-bc-warning-100)}.euim-avatar-icon-sub--border-color-danger{border-color:var(--eui-bc-danger-100)}.euim-avatar-icon-sub--fill-default,.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-clear{background-color:transparent!important;border:none}.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon{display:flex;align-items:center;justify-content:center}.euim-avatar-badge--position-top,.euim-avatar-badge--position-default{position:absolute;right:calc(-1 * var(--eui-s-l) / 2);top:calc(-1 * var(--eui-s-xl) / 2)}.euim-avatar--variant-default .euim-avatar-image,.euim-avatar--variant-rounded .euim-avatar-image{background-size:cover;height:100%;width:100%}.euim-avatar--variant-default .euim-avatar-image img,.euim-avatar--variant-rounded .euim-avatar-image img{object-fit:cover;border-radius:var(--eui-br-max);height:100%;width:100%}.euim-avatar-text--color-default{color:var(--eui-bc-grey-100)}.euim-avatar-text--color-primary{color:var(--eui-bc-primary-100)}.euim-avatar-text--color-info{color:var(--eui-bc-info-100)}.euim-avatar-text--color-success{color:var(--eui-bc-success-100)}.euim-avatar-text--color-warning{color:var(--eui-bc-warning-100)}.euim-avatar-text--color-danger{color:var(--eui-bc-danger-100)}.euim-avatar--size-default .euim-avatar-text,.euim-avatar--size-l .euim-avatar-text{font:var(--eui-f-m)}.euim-avatar--size-m .euim-avatar-text{font:var(--eui-f-xs)}\n"] }]
|
|
393
395
|
}], propDecorators: { color: [{
|
|
394
396
|
type: Input
|
|
395
397
|
}], size: [{
|
|
@@ -405,6 +407,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
405
407
|
args: ['class']
|
|
406
408
|
}] } });
|
|
407
409
|
|
|
410
|
+
class EuimAvatarIconComponent {
|
|
411
|
+
constructor() {
|
|
412
|
+
this.string = 'euim-avatar-icon';
|
|
413
|
+
}
|
|
414
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
415
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimAvatarIconComponent, selector: "euim-avatar-icon", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
|
|
416
|
+
}
|
|
417
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarIconComponent, decorators: [{
|
|
418
|
+
type: Component,
|
|
419
|
+
args: [{ selector: 'euim-avatar-icon', template: "<ng-content></ng-content>\n" }]
|
|
420
|
+
}], propDecorators: { string: [{
|
|
421
|
+
type: HostBinding,
|
|
422
|
+
args: ['class']
|
|
423
|
+
}] } });
|
|
424
|
+
|
|
408
425
|
class EuimEmptyListPlaceholderComponent {
|
|
409
426
|
get cssClasses() {
|
|
410
427
|
return this.getCssClasses();
|
|
@@ -417,10 +434,10 @@ class EuimEmptyListPlaceholderComponent {
|
|
|
417
434
|
this.euimMarginBottomSmall ? 'euim-empty-list-placeholder--margin-bottom-small' : '',
|
|
418
435
|
].join(' ');
|
|
419
436
|
}
|
|
420
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
421
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
437
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimEmptyListPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
438
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimEmptyListPlaceholderComponent, selector: "euim-empty-list-placeholder", inputs: { message: "message", icon: "icon", description: "description", button: "button", euimMarginTopLarge: ["euimMarginTopLarge", "euimMarginTopLarge", booleanAttribute], euimMarginTopSmall: ["euimMarginTopSmall", "euimMarginTopSmall", booleanAttribute], euimMarginBottomSmall: ["euimMarginBottomSmall", "euimMarginBottomSmall", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "@if (icon) {\n <ion-icon [name]=\"icon\" size=\"large\" class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if ((!icon && !message && !description)) {\n <ion-icon name=\"search-sharp\" size=\"large\"\n class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if (message || (!icon && !message && !description)) {\n <div class=\"euim-empty-list-placeholder__message\">\n {{ message || 'euim.empty-list-placeholder.message' | translate }}\n </div>\n}\n@if (description || (!icon && !message && !description)) {\n <div class=\"euim-empty-list-placeholder__description\">\n {{ description || 'euim.empty-list-placeholder.description' | translate }}\n </div>\n}\n<ng-content></ng-content>", styles: [".euim-empty-list-placeholder{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0;grid-row-gap:var(--eui-s-2xs);justify-content:center;justify-items:center;align-items:center;margin:auto}.euim-empty-list-placeholder--margin-top-large{margin-top:calc(9 * var(--eui-s-m))}.euim-empty-list-placeholder--margin-top-small{margin-top:var(--eui-s-m)}.euim-empty-list-placeholder--margin-bottom-small{margin-bottom:var(--eui-s-m)}.euim-empty-list-placeholder__icon{color:var(--eui-bc-neutral-80)}.euim-empty-list-placeholder__message{font:var(--eui-f-m);font:var(--eui-f-bold);color:var(--eui-bc-neutral-80)}.euim-empty-list-placeholder__description{font:var(--eui-f-s);color:var(--eui-bc-neutral-80)}\n"], dependencies: [{ kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
422
439
|
}
|
|
423
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
440
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimEmptyListPlaceholderComponent, decorators: [{
|
|
424
441
|
type: Component,
|
|
425
442
|
args: [{ selector: 'euim-empty-list-placeholder', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (icon) {\n <ion-icon [name]=\"icon\" size=\"large\" class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if ((!icon && !message && !description)) {\n <ion-icon name=\"search-sharp\" size=\"large\"\n class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if (message || (!icon && !message && !description)) {\n <div class=\"euim-empty-list-placeholder__message\">\n {{ message || 'euim.empty-list-placeholder.message' | translate }}\n </div>\n}\n@if (description || (!icon && !message && !description)) {\n <div class=\"euim-empty-list-placeholder__description\">\n {{ description || 'euim.empty-list-placeholder.description' | translate }}\n </div>\n}\n<ng-content></ng-content>", styles: [".euim-empty-list-placeholder{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0;grid-row-gap:var(--eui-s-2xs);justify-content:center;justify-items:center;align-items:center;margin:auto}.euim-empty-list-placeholder--margin-top-large{margin-top:calc(9 * var(--eui-s-m))}.euim-empty-list-placeholder--margin-top-small{margin-top:var(--eui-s-m)}.euim-empty-list-placeholder--margin-bottom-small{margin-bottom:var(--eui-s-m)}.euim-empty-list-placeholder__icon{color:var(--eui-bc-neutral-80)}.euim-empty-list-placeholder__message{font:var(--eui-f-m);font:var(--eui-f-bold);color:var(--eui-bc-neutral-80)}.euim-empty-list-placeholder__description{font:var(--eui-f-s);color:var(--eui-bc-neutral-80)}\n"] }]
|
|
426
443
|
}], propDecorators: { message: [{
|
|
@@ -519,12 +536,12 @@ class EuimLanguageListComponent {
|
|
|
519
536
|
d.label.toLowerCase().indexOf(query) > -1;
|
|
520
537
|
});
|
|
521
538
|
}
|
|
522
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
523
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
539
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLanguageListComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }, { token: i2.EuiAppShellService }, { token: EuimAppService }, { token: i1.ModalController }, { token: i1.Platform }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
540
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimLanguageListComponent, selector: "euim-language-list", ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onClose()\">\n <ion-icon name=\"close-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-title> {{'euim.language-list.SELECT-LANGUAGE' | translate }}</ion-title>\n </ion-toolbar>\n <ion-toolbar color=\"primary\" class=\"euim-language-selector__search\">\n <ion-searchbar (ionChange)=\"handleChange($event)\"></ion-searchbar>\n </ion-toolbar>\n</ion-header>\n<ion-content>\n @if (results.length > 0) {\n <ion-list>\n @for (item of results; track item) {\n @if (firstElementFromEUList?.code === item.code\n || firstElementFromNonEUList?.code === item.code) {\n <ion-item-divider>\n {{ (firstElementFromEUList?.code === item.code)\n ? ('euim.language-list.EU-LANGUAGES' | translate)\n : 'euim.language-list.NON-EU-LANGUAGES' | translate }}\n </ion-item-divider>\n }\n <ion-item button (click)=\"onLanguageSelected(item)\" [lines]=\"lastElementFromEUList === item ? 'none' : 'inset'\">\n <euim-avatar fill=\"solid\" slot=\"start\" variant=\"rounded\" class=\"euim-language-selector__avatar\">\n <euim-avatar-icon>\n <ion-icon name=\"language-sharp\" class=\"euim-language-selector__internal-icon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n <ion-label>\n <div euimLabel euimLabelTitle>{{item.label}}</div>\n <div euimLabel euimLabelMeta class=\"eui-u-text-uppercase\">\n {{item.code}}\n </div>\n </ion-label>\n @if (selectedLanguage?.code===item.code) {\n <ion-buttons>\n <ion-button fill=\"clear\" >\n <ion-icon name=\"checkmark-sharp\" slot=\"icon-only\" color=\"primary\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n </ion-list>\n }\n @if (results.length < 1) {\n <euim-empty-list-placeholder euimMarginTopLarge\n class=\"euim-language-selector__empty-placeholder\">\n </euim-empty-list-placeholder>\n }\n</ion-content>\n\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.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "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", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "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.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "component", type: EuimEmptyListPlaceholderComponent, selector: "euim-empty-list-placeholder", inputs: ["message", "icon", "description", "button", "euimMarginTopLarge", "euimMarginTopSmall", "euimMarginBottomSmall"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
524
541
|
}
|
|
525
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
542
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLanguageListComponent, decorators: [{
|
|
526
543
|
type: Component,
|
|
527
|
-
args: [{ selector: 'euim-language-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onClose()\">\n <ion-icon name=\"close-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-title> {{'euim.language-list.SELECT-LANGUAGE' | translate }}</ion-title>\n </ion-toolbar>\n <ion-toolbar color=\"primary\" class=\"euim-language-selector__search\">\n <ion-searchbar (ionChange)=\"handleChange($event)\"></ion-searchbar>\n </ion-toolbar>\n</ion-header>\n<ion-content>\n @if (results.length > 0) {\n <ion-list>\n @for (item of results; track item) {\n @if (firstElementFromEUList?.code === item.code\n || firstElementFromNonEUList?.code === item.code) {\n <ion-item-divider>\n {{ (firstElementFromEUList?.code === item.code)\n ? ('euim.language-list.EU-LANGUAGES' | translate)\n : 'euim.language-list.NON-EU-LANGUAGES' | translate }}\n </ion-item-divider>\n }\n <ion-item button (click)=\"onLanguageSelected(item)\" [lines]=\"lastElementFromEUList === item ? 'none' : 'inset'\">\n <euim-avatar
|
|
544
|
+
args: [{ selector: 'euim-language-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onClose()\">\n <ion-icon name=\"close-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-title> {{'euim.language-list.SELECT-LANGUAGE' | translate }}</ion-title>\n </ion-toolbar>\n <ion-toolbar color=\"primary\" class=\"euim-language-selector__search\">\n <ion-searchbar (ionChange)=\"handleChange($event)\"></ion-searchbar>\n </ion-toolbar>\n</ion-header>\n<ion-content>\n @if (results.length > 0) {\n <ion-list>\n @for (item of results; track item) {\n @if (firstElementFromEUList?.code === item.code\n || firstElementFromNonEUList?.code === item.code) {\n <ion-item-divider>\n {{ (firstElementFromEUList?.code === item.code)\n ? ('euim.language-list.EU-LANGUAGES' | translate)\n : 'euim.language-list.NON-EU-LANGUAGES' | translate }}\n </ion-item-divider>\n }\n <ion-item button (click)=\"onLanguageSelected(item)\" [lines]=\"lastElementFromEUList === item ? 'none' : 'inset'\">\n <euim-avatar fill=\"solid\" slot=\"start\" variant=\"rounded\" class=\"euim-language-selector__avatar\">\n <euim-avatar-icon>\n <ion-icon name=\"language-sharp\" class=\"euim-language-selector__internal-icon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n <ion-label>\n <div euimLabel euimLabelTitle>{{item.label}}</div>\n <div euimLabel euimLabelMeta class=\"eui-u-text-uppercase\">\n {{item.code}}\n </div>\n </ion-label>\n @if (selectedLanguage?.code===item.code) {\n <ion-buttons>\n <ion-button fill=\"clear\" >\n <ion-icon name=\"checkmark-sharp\" slot=\"icon-only\" color=\"primary\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n </ion-list>\n }\n @if (results.length < 1) {\n <euim-empty-list-placeholder euimMarginTopLarge\n class=\"euim-language-selector__empty-placeholder\">\n </euim-empty-list-placeholder>\n }\n</ion-content>\n\n" }]
|
|
528
545
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }, { type: i2.EuiAppShellService }, { type: EuimAppService }, { type: i1.ModalController }, { type: i1.Platform }] });
|
|
529
546
|
|
|
530
547
|
class EuimLanguageSelectorComponent {
|
|
@@ -574,10 +591,10 @@ class EuimLanguageSelectorComponent {
|
|
|
574
591
|
}
|
|
575
592
|
return null;
|
|
576
593
|
}
|
|
577
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
578
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
594
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLanguageSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }, { token: i2.EuiAppShellService }, { token: EuimAppService }, { token: i1.ModalController }, { token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
595
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimLanguageSelectorComponent, selector: "euim-language-selector", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ion-button (click)=\"onShowLanguageList()\">\n <ion-icon class=\"euim-language-selector__icon {{_euimPrimary ? 'euim-language-selector__icon--primary' : ''}}\"\n slot=\"icon-only\"\n src='data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\">\n <path\n d=\"M 21.00,0.00\n C 22.66,-0.00 24.00,1.34 24.00,3.00\n 24.00,3.00 24.00,17.00 24.00,17.00\n 24.00,18.66 22.66,20.00 21.00,20.00\n 21.00,20.00 3.00,20.00 3.00,20.00\n 1.34,20.00 0.00,18.66 0.00,17.00\n 0.00,17.00 0.00,3.00 0.00,3.00\n 0.00,1.34 1.34,0.00 3.00,0.00\n 3.00,0.00 21.00,0.00 21.00,0.00 Z\n M 9.66,12.34\n C 9.66,12.34 15.31,18.00 15.31,18.00\n 15.31,18.00 9.66,23.66 9.66,23.66\n 9.66,23.66 4.00,18.00 4.00,18.00\n 4.00,18.00 9.66,12.34 9.66,12.34 Z\" />\n </svg>'>\n </ion-icon>\n\n <span class=\"euim-language-selector__text {{_euimPrimary ? 'euim-language-selector__text--primary' : ''}}\">\n {{ selectedLanguage?.code?.toUpperCase() }}\n </span>\n</ion-button>\n", styles: [".euim-language-selector__text{font:var(--eui-f-xs-bold);margin-bottom:var(--eui-s-2xs);position:absolute;color:var(--eui-bc-primary-100)}.euim-language-selector__text--primary,.euim-language-selector__icon{color:#fff}.euim-language-selector__icon--primary{color:var(--eui-bc-primary-100)}.euim-language-selector__avatar{background-color:var(--eui-bc-neutral-15)}.euim-language-selector__internal-icon{color:var(--eui-bc-neutral-100)}.euim-language-selector__search{display:contents}.euim-language-selector__empty-placeholder{display:block;height:auto;margin-top:calc(9 * var(--eui-s-m))}\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.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
579
596
|
}
|
|
580
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
597
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLanguageSelectorComponent, decorators: [{
|
|
581
598
|
type: Component,
|
|
582
599
|
args: [{ selector: 'euim-language-selector', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
583
600
|
{
|
|
@@ -592,14 +609,132 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
592
609
|
args: ['class']
|
|
593
610
|
}] } });
|
|
594
611
|
|
|
595
|
-
class
|
|
596
|
-
|
|
597
|
-
|
|
598
|
-
|
|
599
|
-
|
|
612
|
+
class EuimAvatarIconSubComponent {
|
|
613
|
+
constructor() {
|
|
614
|
+
this.color = 'default';
|
|
615
|
+
this.size = 'default';
|
|
616
|
+
this.fill = 'default';
|
|
617
|
+
this.variant = 'default';
|
|
618
|
+
this.borderColor = 'default';
|
|
619
|
+
}
|
|
620
|
+
get cssClasses() {
|
|
621
|
+
return this.getCssClasses();
|
|
622
|
+
}
|
|
623
|
+
getCssClasses() {
|
|
624
|
+
return [
|
|
625
|
+
'euim-avatar-icon-sub',
|
|
626
|
+
this.size ? `euim-avatar-icon-sub--size-${this.size}` : '',
|
|
627
|
+
this.fill ? `euim-avatar-icon-sub--fill-${this.fill}` : '',
|
|
628
|
+
this.color ? `euim-avatar-icon-sub--color-${this.color}` : '',
|
|
629
|
+
this.variant ? `euim-avatar-icon-sub--variant-${this.variant}` : '',
|
|
630
|
+
this.borderColor ? `euim-avatar-icon-sub--border-color-${this.borderColor}` : '',
|
|
631
|
+
].join(' ');
|
|
632
|
+
}
|
|
633
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarIconSubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
634
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimAvatarIconSubComponent, selector: "euim-avatar-icon-sub", inputs: { color: "color", size: "size", fill: "fill", variant: "variant", borderColor: "borderColor" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
|
|
635
|
+
}
|
|
636
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarIconSubComponent, decorators: [{
|
|
637
|
+
type: Component,
|
|
638
|
+
args: [{ selector: 'euim-avatar-icon-sub', template: "<ng-content></ng-content>\n" }]
|
|
639
|
+
}], propDecorators: { color: [{
|
|
640
|
+
type: Input
|
|
641
|
+
}], size: [{
|
|
642
|
+
type: Input
|
|
643
|
+
}], fill: [{
|
|
644
|
+
type: Input
|
|
645
|
+
}], variant: [{
|
|
646
|
+
type: Input
|
|
647
|
+
}], borderColor: [{
|
|
648
|
+
type: Input
|
|
649
|
+
}], cssClasses: [{
|
|
650
|
+
type: HostBinding,
|
|
651
|
+
args: ['class']
|
|
652
|
+
}] } });
|
|
653
|
+
|
|
654
|
+
class EuimAvatarTextComponent {
|
|
655
|
+
constructor() {
|
|
656
|
+
this.color = 'default';
|
|
657
|
+
}
|
|
658
|
+
get cssClasses() {
|
|
659
|
+
return this.getCssClasses();
|
|
660
|
+
}
|
|
661
|
+
getCssClasses() {
|
|
662
|
+
return [
|
|
663
|
+
'euim-avatar-text',
|
|
664
|
+
this.color ? `euim-avatar-text--color-${this.color}` : '',
|
|
665
|
+
].join(' ');
|
|
666
|
+
}
|
|
667
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
668
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimAvatarTextComponent, selector: "euim-avatar-text", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
|
|
669
|
+
}
|
|
670
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarTextComponent, decorators: [{
|
|
671
|
+
type: Component,
|
|
672
|
+
args: [{ selector: 'euim-avatar-text', template: "<ng-content></ng-content>\n" }]
|
|
673
|
+
}], propDecorators: { color: [{
|
|
674
|
+
type: Input
|
|
675
|
+
}], cssClasses: [{
|
|
676
|
+
type: HostBinding,
|
|
677
|
+
args: ['class']
|
|
678
|
+
}] } });
|
|
679
|
+
|
|
680
|
+
class EuimAvatarImageComponent {
|
|
681
|
+
constructor() {
|
|
682
|
+
this.string = 'euim-avatar-image';
|
|
683
|
+
}
|
|
684
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
685
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimAvatarImageComponent, selector: "euim-avatar-image", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "@if (imageUrl) {\n <img [src]=\"imageUrl\" alt=\"Avatar\"/>\n} @else {\n <ng-content></ng-content>\n}\n" }); }
|
|
686
|
+
}
|
|
687
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarImageComponent, decorators: [{
|
|
688
|
+
type: Component,
|
|
689
|
+
args: [{ selector: 'euim-avatar-image', template: "@if (imageUrl) {\n <img [src]=\"imageUrl\" alt=\"Avatar\"/>\n} @else {\n <ng-content></ng-content>\n}\n" }]
|
|
690
|
+
}], propDecorators: { string: [{
|
|
691
|
+
type: HostBinding,
|
|
692
|
+
args: ['class']
|
|
693
|
+
}], imageUrl: [{
|
|
694
|
+
type: Input
|
|
695
|
+
}] } });
|
|
696
|
+
|
|
697
|
+
class EuimAvatarBadgeComponent {
|
|
698
|
+
constructor() {
|
|
699
|
+
this.position = 'default';
|
|
700
|
+
}
|
|
701
|
+
get cssClasses() {
|
|
702
|
+
return [
|
|
703
|
+
'euim-avatar-badge',
|
|
704
|
+
`euim-avatar-badge--position-${this.position}`,
|
|
705
|
+
].join(' ').trim();
|
|
706
|
+
}
|
|
707
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
708
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimAvatarBadgeComponent, selector: "euim-avatar-badge", inputs: { position: "position" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
|
|
709
|
+
}
|
|
710
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarBadgeComponent, decorators: [{
|
|
711
|
+
type: Component,
|
|
712
|
+
args: [{ selector: 'euim-avatar-badge', template: "<ng-content></ng-content>\n" }]
|
|
713
|
+
}], propDecorators: { cssClasses: [{
|
|
714
|
+
type: HostBinding,
|
|
715
|
+
args: ['class']
|
|
716
|
+
}], position: [{
|
|
717
|
+
type: Input
|
|
718
|
+
}] } });
|
|
719
|
+
|
|
720
|
+
class EuimAvatarModule {
|
|
721
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
722
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarModule, declarations: [EuimAvatarComponent,
|
|
723
|
+
EuimAvatarIconComponent,
|
|
724
|
+
EuimAvatarIconSubComponent,
|
|
725
|
+
EuimAvatarTextComponent,
|
|
726
|
+
EuimAvatarImageComponent,
|
|
727
|
+
EuimAvatarBadgeComponent], imports: [CommonModule,
|
|
728
|
+
IonicModule], exports: [EuimAvatarComponent,
|
|
729
|
+
EuimAvatarIconComponent,
|
|
730
|
+
EuimAvatarIconSubComponent,
|
|
731
|
+
EuimAvatarTextComponent,
|
|
732
|
+
EuimAvatarImageComponent,
|
|
733
|
+
EuimAvatarBadgeComponent] }); }
|
|
734
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarModule, imports: [CommonModule,
|
|
600
735
|
IonicModule] }); }
|
|
601
736
|
}
|
|
602
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
737
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarModule, decorators: [{
|
|
603
738
|
type: NgModule,
|
|
604
739
|
args: [{
|
|
605
740
|
imports: [
|
|
@@ -607,24 +742,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
607
742
|
IonicModule,
|
|
608
743
|
],
|
|
609
744
|
exports: [
|
|
745
|
+
EuimAvatarComponent,
|
|
610
746
|
EuimAvatarIconComponent,
|
|
747
|
+
EuimAvatarIconSubComponent,
|
|
748
|
+
EuimAvatarTextComponent,
|
|
749
|
+
EuimAvatarImageComponent,
|
|
750
|
+
EuimAvatarBadgeComponent,
|
|
611
751
|
],
|
|
612
752
|
declarations: [
|
|
753
|
+
EuimAvatarComponent,
|
|
613
754
|
EuimAvatarIconComponent,
|
|
755
|
+
EuimAvatarIconSubComponent,
|
|
756
|
+
EuimAvatarTextComponent,
|
|
757
|
+
EuimAvatarImageComponent,
|
|
758
|
+
EuimAvatarBadgeComponent,
|
|
614
759
|
],
|
|
615
760
|
}]
|
|
616
761
|
}] });
|
|
617
762
|
|
|
618
763
|
class EuimEmptyListPlaceholderModule {
|
|
619
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
620
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
764
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimEmptyListPlaceholderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
765
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimEmptyListPlaceholderModule, declarations: [EuimEmptyListPlaceholderComponent], imports: [CommonModule,
|
|
621
766
|
IonicModule,
|
|
622
767
|
TranslateModule], exports: [EuimEmptyListPlaceholderComponent] }); }
|
|
623
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
768
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimEmptyListPlaceholderModule, imports: [CommonModule,
|
|
624
769
|
IonicModule,
|
|
625
770
|
TranslateModule] }); }
|
|
626
771
|
}
|
|
627
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
772
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimEmptyListPlaceholderModule, decorators: [{
|
|
628
773
|
type: NgModule,
|
|
629
774
|
args: [{
|
|
630
775
|
imports: [
|
|
@@ -642,31 +787,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
642
787
|
}] });
|
|
643
788
|
|
|
644
789
|
class EuimLanguageSelectorModule {
|
|
645
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
646
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
790
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLanguageSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
791
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimLanguageSelectorModule, declarations: [EuimLanguageSelectorComponent,
|
|
647
792
|
EuimLanguageListComponent], imports: [CommonModule,
|
|
648
793
|
IonicModule,
|
|
649
|
-
|
|
794
|
+
EuimAvatarModule,
|
|
650
795
|
EuimLabelModule,
|
|
651
796
|
EuimEmptyListPlaceholderModule,
|
|
652
797
|
TranslateModule], exports: [EuimLanguageSelectorComponent,
|
|
653
798
|
EuimLanguageListComponent] }); }
|
|
654
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
799
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLanguageSelectorModule, providers: [
|
|
655
800
|
{ provide: EclLanguageService, useClass: EclDefaultLanguageService },
|
|
656
801
|
], imports: [CommonModule,
|
|
657
802
|
IonicModule,
|
|
658
|
-
|
|
803
|
+
EuimAvatarModule,
|
|
659
804
|
EuimLabelModule,
|
|
660
805
|
EuimEmptyListPlaceholderModule,
|
|
661
806
|
TranslateModule] }); }
|
|
662
807
|
}
|
|
663
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
808
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLanguageSelectorModule, decorators: [{
|
|
664
809
|
type: NgModule,
|
|
665
810
|
args: [{
|
|
666
811
|
imports: [
|
|
667
812
|
CommonModule,
|
|
668
813
|
IonicModule,
|
|
669
|
-
|
|
814
|
+
EuimAvatarModule,
|
|
670
815
|
EuimLabelModule,
|
|
671
816
|
EuimEmptyListPlaceholderModule,
|
|
672
817
|
TranslateModule,
|
|
@@ -686,15 +831,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
686
831
|
}] });
|
|
687
832
|
|
|
688
833
|
class EuimAppModule {
|
|
689
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
690
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
834
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAppModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
835
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimAppModule, declarations: [EuimAppComponent], imports: [CommonModule,
|
|
691
836
|
IonicModule,
|
|
692
837
|
EuimLanguageSelectorModule], exports: [EuimAppComponent] }); }
|
|
693
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
838
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAppModule, imports: [CommonModule,
|
|
694
839
|
IonicModule,
|
|
695
840
|
EuimLanguageSelectorModule] }); }
|
|
696
841
|
}
|
|
697
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
842
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAppModule, decorators: [{
|
|
698
843
|
type: NgModule,
|
|
699
844
|
args: [{
|
|
700
845
|
imports: [
|
|
@@ -712,16 +857,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
712
857
|
}] });
|
|
713
858
|
|
|
714
859
|
class EuimUserProfileComponent {
|
|
715
|
-
|
|
716
|
-
this.
|
|
860
|
+
get cssClasses() {
|
|
861
|
+
return this.getCssClasses();
|
|
862
|
+
}
|
|
863
|
+
getCssClasses() {
|
|
864
|
+
return [
|
|
865
|
+
'euim-user-profile',
|
|
866
|
+
this.color ? `euim-user-profile__backgroundcolor-${this.color}` : '',
|
|
867
|
+
].join(' ').trim();
|
|
717
868
|
}
|
|
718
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
719
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
869
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
870
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimUserProfileComponent, selector: "euim-user-profile", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content select=\"euim-user-profile-avatar\"></ng-content>\n<ng-content select=\"euim-user-profile-infos\"></ng-content>\n<ng-content select=\"euim-user-profile-action\"></ng-content>\n", styles: [".euim-user-profile{display:flex;padding:var(--eui-s-m);background-color:var(--eui-bc-neutral-5)}.euim-user-profile__backgroundcolor-primary{background-color:var(--eui-base-color-primary-100)}.euim-user-profile-avatar{margin-right:var(--eui-s-m)}.euim-user-profile-action ion-buttons{margin-top:calc(-1 * var(--eui-s-s));margin-right:calc(-1 * var(--eui-s-s));margin-left:var(--eui-s-2xs);color:var(--eui-bc-primary-100)}.euim-user-profile-infos{width:calc(100% - (var(--eui-s-2xl) + var(--eui-s-l) + 2 * var(--eui-s-m)))}.euim-user-profile-infos [euimLabel]{color:var(--eui-bc-neutral-80)}.euim-user-profile-infos [euimLabelTitle]{color:var(--eui-bc-neutral-100)}.euim-user-profile-infos__color-white [euimLabel]{color:var(--eui-base-color-white)}.euim-user-profile-infos euim-user-profile-infos-item:not(:last-child){margin-bottom:var(--eui-s-2xs)}.euim-user-profile-infos-item{display:flex;margin-right:var(--eui-s-2xl);width:100%}.euim-user-profile-infos-item ion-icon{margin-right:var(--eui-s-2xs);min-width:var(--eui-s-m);min-height:var(--eui-s-m)}.euim-user-profile-infos-item p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
720
871
|
}
|
|
721
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
872
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimUserProfileComponent, decorators: [{
|
|
722
873
|
type: Component,
|
|
723
|
-
args: [{ selector: 'euim-user-profile', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"euim-user-profile-avatar\"></ng-content>\n<ng-content select=\"euim-user-profile-infos\"></ng-content>\n<ng-content select=\"euim-user-profile-action\"></ng-content>\n", styles: [".euim-user-profile{display:flex;padding:var(--eui-s-m);background-color:var(--eui-bc-neutral-5)}.euim-user-profile-avatar{margin-right:var(--eui-s-m)}.euim-user-profile-action ion-buttons{margin-top:calc(-1 * var(--eui-s-s));margin-right:calc(-1 * var(--eui-s-s));margin-left:var(--eui-s-2xs);color:var(--eui-bc-primary-100)}.euim-user-profile-infos{width:calc(100% - (var(--eui-s-2xl) + var(--eui-s-l) + 2 * var(--eui-s-m)))}.euim-user-profile-infos [euimLabel]{color:var(--eui-bc-neutral-80)}.euim-user-profile-infos [euimLabelTitle]{color:var(--eui-bc-neutral-100)}.euim-user-profile-infos euim-user-profile-infos-item:not(:last-child){margin-bottom:var(--eui-s-2xs)}.euim-user-profile-infos-item{display:flex;margin-right:var(--eui-s-2xl);width:100%}.euim-user-profile-infos-item ion-icon{margin-right:var(--eui-s-2xs);min-width:var(--eui-s-m);min-height:var(--eui-s-m)}.euim-user-profile-infos-item p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}\n"] }]
|
|
724
|
-
}], propDecorators: {
|
|
874
|
+
args: [{ selector: 'euim-user-profile', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"euim-user-profile-avatar\"></ng-content>\n<ng-content select=\"euim-user-profile-infos\"></ng-content>\n<ng-content select=\"euim-user-profile-action\"></ng-content>\n", styles: [".euim-user-profile{display:flex;padding:var(--eui-s-m);background-color:var(--eui-bc-neutral-5)}.euim-user-profile__backgroundcolor-primary{background-color:var(--eui-base-color-primary-100)}.euim-user-profile-avatar{margin-right:var(--eui-s-m)}.euim-user-profile-action ion-buttons{margin-top:calc(-1 * var(--eui-s-s));margin-right:calc(-1 * var(--eui-s-s));margin-left:var(--eui-s-2xs);color:var(--eui-bc-primary-100)}.euim-user-profile-infos{width:calc(100% - (var(--eui-s-2xl) + var(--eui-s-l) + 2 * var(--eui-s-m)))}.euim-user-profile-infos [euimLabel]{color:var(--eui-bc-neutral-80)}.euim-user-profile-infos [euimLabelTitle]{color:var(--eui-bc-neutral-100)}.euim-user-profile-infos__color-white [euimLabel]{color:var(--eui-base-color-white)}.euim-user-profile-infos euim-user-profile-infos-item:not(:last-child){margin-bottom:var(--eui-s-2xs)}.euim-user-profile-infos-item{display:flex;margin-right:var(--eui-s-2xl);width:100%}.euim-user-profile-infos-item ion-icon{margin-right:var(--eui-s-2xs);min-width:var(--eui-s-m);min-height:var(--eui-s-m)}.euim-user-profile-infos-item p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}\n"] }]
|
|
875
|
+
}], propDecorators: { color: [{
|
|
876
|
+
type: Input
|
|
877
|
+
}], cssClasses: [{
|
|
725
878
|
type: HostBinding,
|
|
726
879
|
args: ['class']
|
|
727
880
|
}] } });
|
|
@@ -730,10 +883,10 @@ class EuiMUserProfileAvatarComponent {
|
|
|
730
883
|
constructor() {
|
|
731
884
|
this.class = 'euim-user-profile-avatar';
|
|
732
885
|
}
|
|
733
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
734
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
886
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuiMUserProfileAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
887
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuiMUserProfileAvatarComponent, selector: "euim-user-profile-avatar", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
735
888
|
}
|
|
736
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
889
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuiMUserProfileAvatarComponent, decorators: [{
|
|
737
890
|
type: Component,
|
|
738
891
|
args: [{ selector: 'euim-user-profile-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
|
|
739
892
|
}], propDecorators: { class: [{
|
|
@@ -741,27 +894,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
741
894
|
}] } });
|
|
742
895
|
|
|
743
896
|
class EuiMUserProfileInfosComponent {
|
|
744
|
-
|
|
745
|
-
this.
|
|
897
|
+
get cssClasses() {
|
|
898
|
+
return this.getCssClasses();
|
|
899
|
+
}
|
|
900
|
+
getCssClasses() {
|
|
901
|
+
return [
|
|
902
|
+
'euim-user-profile-infos',
|
|
903
|
+
this.color ? `euim-user-profile-infos__color-${this.color}` : '',
|
|
904
|
+
].join(' ').trim();
|
|
746
905
|
}
|
|
747
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
748
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
906
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuiMUserProfileInfosComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
907
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuiMUserProfileInfosComponent, selector: "euim-user-profile-infos", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
749
908
|
}
|
|
750
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
909
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuiMUserProfileInfosComponent, decorators: [{
|
|
751
910
|
type: Component,
|
|
752
|
-
args: [{ selector: 'euim-user-profile-infos', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
|
|
753
|
-
}], propDecorators: {
|
|
754
|
-
type:
|
|
911
|
+
args: [{ selector: 'euim-user-profile-infos', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
|
|
912
|
+
}], propDecorators: { color: [{
|
|
913
|
+
type: Input
|
|
914
|
+
}], cssClasses: [{
|
|
915
|
+
type: HostBinding,
|
|
916
|
+
args: ['class']
|
|
755
917
|
}] } });
|
|
756
918
|
|
|
757
919
|
class EuiMUserProfileInfosItemComponent {
|
|
758
920
|
constructor() {
|
|
759
921
|
this.class = 'euim-user-profile-infos-item';
|
|
760
922
|
}
|
|
761
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
762
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
923
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuiMUserProfileInfosItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
924
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuiMUserProfileInfosItemComponent, selector: "euim-user-profile-infos-item", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
763
925
|
}
|
|
764
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
926
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuiMUserProfileInfosItemComponent, decorators: [{
|
|
765
927
|
type: Component,
|
|
766
928
|
args: [{ selector: 'euim-user-profile-infos-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
|
|
767
929
|
}], propDecorators: { class: [{
|
|
@@ -772,17 +934,17 @@ class EuiMUserProfileActionComponent {
|
|
|
772
934
|
constructor() {
|
|
773
935
|
this.className = 'euim-user-profile-action';
|
|
774
936
|
}
|
|
775
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
776
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
937
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuiMUserProfileActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
938
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuiMUserProfileActionComponent, selector: "euim-user-profile-action", host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-buttons>\n <ng-content></ng-content>\n</ion-buttons>\n", dependencies: [{ kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
777
939
|
}
|
|
778
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
940
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuiMUserProfileActionComponent, decorators: [{
|
|
779
941
|
type: Component,
|
|
780
942
|
args: [{ selector: 'euim-user-profile-action', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-buttons>\n <ng-content></ng-content>\n</ion-buttons>\n" }]
|
|
781
943
|
}], propDecorators: { className: [{
|
|
782
944
|
type: HostBinding
|
|
783
945
|
}] } });
|
|
784
946
|
|
|
785
|
-
const COMPONENTS$
|
|
947
|
+
const COMPONENTS$b = [
|
|
786
948
|
EuimUserProfileComponent,
|
|
787
949
|
EuiMUserProfileAvatarComponent,
|
|
788
950
|
EuiMUserProfileInfosComponent,
|
|
@@ -790,8 +952,8 @@ const COMPONENTS$c = [
|
|
|
790
952
|
EuiMUserProfileActionComponent,
|
|
791
953
|
];
|
|
792
954
|
class EuimUserProfileModule {
|
|
793
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
794
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
955
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimUserProfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
956
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimUserProfileModule, declarations: [EuimUserProfileComponent,
|
|
795
957
|
EuiMUserProfileAvatarComponent,
|
|
796
958
|
EuiMUserProfileInfosComponent,
|
|
797
959
|
EuiMUserProfileInfosItemComponent,
|
|
@@ -801,10 +963,10 @@ class EuimUserProfileModule {
|
|
|
801
963
|
EuiMUserProfileInfosComponent,
|
|
802
964
|
EuiMUserProfileInfosItemComponent,
|
|
803
965
|
EuiMUserProfileActionComponent] }); }
|
|
804
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
966
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimUserProfileModule, imports: [CommonModule,
|
|
805
967
|
IonicModule] }); }
|
|
806
968
|
}
|
|
807
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
969
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimUserProfileModule, decorators: [{
|
|
808
970
|
type: NgModule,
|
|
809
971
|
args: [{
|
|
810
972
|
imports: [
|
|
@@ -812,10 +974,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
812
974
|
IonicModule,
|
|
813
975
|
],
|
|
814
976
|
exports: [
|
|
815
|
-
...COMPONENTS$
|
|
977
|
+
...COMPONENTS$b,
|
|
816
978
|
],
|
|
817
979
|
declarations: [
|
|
818
|
-
...COMPONENTS$
|
|
980
|
+
...COMPONENTS$b,
|
|
819
981
|
],
|
|
820
982
|
}]
|
|
821
983
|
}] });
|
|
@@ -837,12 +999,12 @@ class EuimToolbarComponent {
|
|
|
837
999
|
onBackButtonClick(event) {
|
|
838
1000
|
this.backButtonClick.emit(event);
|
|
839
1001
|
}
|
|
840
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
841
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.
|
|
1002
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1003
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.8", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: { hasBackButton: ["hasBackButton", "hasBackButton", booleanAttribute], backButtonDefaultHref: "backButtonDefaultHref", hasSidebarTrigger: ["hasSidebarTrigger", "hasSidebarTrigger", booleanAttribute], hasLanguageSelector: ["hasLanguageSelector", "hasLanguageSelector", booleanAttribute] }, outputs: { backButtonClick: "backButtonClick" }, host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-buttons slot=\"start\">\n <ion-menu-button *ngIf=\"hasSidebarTrigger\"></ion-menu-button>\n <ion-back-button (pointerdown)=\"onBackButtonClick($event)\"\n *ngIf=\"hasBackButton\"\n defaultHref=\"{{backButtonDefaultHref}}\"></ion-back-button>\n <ng-content></ng-content>\n</ion-buttons>\n<ion-title class=\"euim-toolbar__title-container\">\n <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"end\">\n <ng-content select=\"euim-toolbar-action-items\"></ng-content>\n <ng-container *ngIf=\"hasLanguageSelector\">\n <euim-language-selector></euim-language-selector>\n </ng-container>\n</ion-buttons>\n", styles: [".euim-toolbar{display:flex;align-items:center}.euim-toolbar__title-container{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonMenuButton, selector: "ion-menu-button", inputs: ["autoHide", "color", "disabled", "menu", "mode", "type"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonBackButton, selector: "ion-back-button" }, { kind: "component", type: EuimLanguageSelectorComponent, selector: "euim-language-selector" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
842
1004
|
}
|
|
843
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1005
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarComponent, decorators: [{
|
|
844
1006
|
type: Component,
|
|
845
|
-
args: [{ selector: 'euim-toolbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-buttons slot=\"start\">\n <ion-menu-button *ngIf=\"hasSidebarTrigger\"></ion-menu-button>\n <ion-back-button (pointerdown)=\"onBackButtonClick($event)\"\n *ngIf=\"hasBackButton\"\n defaultHref=\"{{backButtonDefaultHref}}\"></ion-back-button>\n <ng-content></ng-content>\n</ion-buttons>\n<ion-title class=\"euim-toolbar__title-container\">\n <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"end\">\n <ng-content select=\"euim-toolbar-action-items\"></ng-content>\n <ng-container *ngIf=\"hasLanguageSelector\">\n <euim-language-selector></euim-language-selector>\n </ng-container>\n</ion-buttons>\n", styles: [".euim-toolbar{display:flex;align-items:center}.euim-toolbar__title-container{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:flex;align-items:center}
|
|
1007
|
+
args: [{ selector: 'euim-toolbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-buttons slot=\"start\">\n <ion-menu-button *ngIf=\"hasSidebarTrigger\"></ion-menu-button>\n <ion-back-button (pointerdown)=\"onBackButtonClick($event)\"\n *ngIf=\"hasBackButton\"\n defaultHref=\"{{backButtonDefaultHref}}\"></ion-back-button>\n <ng-content></ng-content>\n</ion-buttons>\n<ion-title class=\"euim-toolbar__title-container\">\n <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"end\">\n <ng-content select=\"euim-toolbar-action-items\"></ng-content>\n <ng-container *ngIf=\"hasLanguageSelector\">\n <euim-language-selector></euim-language-selector>\n </ng-container>\n</ion-buttons>\n", styles: [".euim-toolbar{display:flex;align-items:center}.euim-toolbar__title-container{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:flex;align-items:center}\n"] }]
|
|
846
1008
|
}], propDecorators: { hasBackButton: [{
|
|
847
1009
|
type: Input,
|
|
848
1010
|
args: [{ transform: booleanAttribute }]
|
|
@@ -872,10 +1034,10 @@ class EuimToolbarTitleComponent {
|
|
|
872
1034
|
this.baseStatesDirective.getCssClasses('euim-toolbar__title'),
|
|
873
1035
|
].join(' ');
|
|
874
1036
|
}
|
|
875
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
876
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1037
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarTitleComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1038
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective }], ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
877
1039
|
}
|
|
878
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1040
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarTitleComponent, decorators: [{
|
|
879
1041
|
type: Component,
|
|
880
1042
|
args: [{ selector: 'euim-toolbar-title', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
881
1043
|
{
|
|
@@ -891,10 +1053,10 @@ class EuimToolbarActionItemsComponent {
|
|
|
891
1053
|
constructor() {
|
|
892
1054
|
this.className = 'euim-toolbar-action-items';
|
|
893
1055
|
}
|
|
894
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
895
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1056
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarActionItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1057
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimToolbarActionItemsComponent, selector: "euim-toolbar-action-items", host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
896
1058
|
}
|
|
897
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1059
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarActionItemsComponent, decorators: [{
|
|
898
1060
|
type: Component,
|
|
899
1061
|
args: [{ selector: 'euim-toolbar-action-items', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
|
|
900
1062
|
}], propDecorators: { className: [{
|
|
@@ -902,8 +1064,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
902
1064
|
}] } });
|
|
903
1065
|
|
|
904
1066
|
class EuimToolbarComponentModule {
|
|
905
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
906
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
1067
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1068
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarComponentModule, declarations: [EuimToolbarComponent,
|
|
907
1069
|
EuimToolbarTitleComponent,
|
|
908
1070
|
EuimToolbarActionItemsComponent], imports: [CommonModule,
|
|
909
1071
|
IonicModule,
|
|
@@ -911,12 +1073,12 @@ class EuimToolbarComponentModule {
|
|
|
911
1073
|
EuimLanguageSelectorModule], exports: [EuimToolbarComponent,
|
|
912
1074
|
EuimToolbarTitleComponent,
|
|
913
1075
|
EuimToolbarActionItemsComponent] }); }
|
|
914
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
1076
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarComponentModule, imports: [CommonModule,
|
|
915
1077
|
IonicModule,
|
|
916
1078
|
TranslateModule,
|
|
917
1079
|
EuimLanguageSelectorModule] }); }
|
|
918
1080
|
}
|
|
919
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1081
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarComponentModule, decorators: [{
|
|
920
1082
|
type: NgModule,
|
|
921
1083
|
args: [{
|
|
922
1084
|
imports: [
|
|
@@ -965,12 +1127,12 @@ class EuimSidebarComponent {
|
|
|
965
1127
|
}
|
|
966
1128
|
});
|
|
967
1129
|
}
|
|
968
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
969
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1130
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarComponent, deps: [{ token: i1$2.Router }, { token: i1.MenuController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1131
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimSidebarComponent, selector: "euim-sidebar", inputs: { ionMenuId: "ionMenuId", routerPath: "routerPath" }, host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md:before{height:0}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-base-spacing-m) 0 var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);opacity:1;color:var(--eui-base-color-grey-50);margin-left:var(--eui-base-spacing-xs)}\n"], dependencies: [{ kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
970
1132
|
}
|
|
971
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1133
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarComponent, decorators: [{
|
|
972
1134
|
type: Component,
|
|
973
|
-
args: [{ selector: 'euim-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md:before{height:0}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0}.euim-sidebar-content ion-item euim-avatar
|
|
1135
|
+
args: [{ selector: 'euim-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md:before{height:0}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-base-spacing-m) 0 var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);opacity:1;color:var(--eui-base-color-grey-50);margin-left:var(--eui-base-spacing-xs)}\n"] }]
|
|
974
1136
|
}], ctorParameters: () => [{ type: i1$2.Router }, { type: i1.MenuController }], propDecorators: { className: [{
|
|
975
1137
|
type: HostBinding
|
|
976
1138
|
}], ionMenuId: [{
|
|
@@ -999,10 +1161,10 @@ class EuimSidebarContentComponent {
|
|
|
999
1161
|
return a.group - b.group;
|
|
1000
1162
|
});
|
|
1001
1163
|
}
|
|
1002
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1003
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1164
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarContentComponent, deps: [{ token: i2.I18nService }, { token: i2.EuiAppShellService }, { token: i1.NavController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1165
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimSidebarContentComponent, selector: "euim-sidebar-content", inputs: { sidebarItems: "sidebarItems" }, host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-list class=\"euim-sidebar-content__list\">\n <ion-menu-toggle auto-hide=\"true\">\n <ng-content></ng-content>\n </ion-menu-toggle>\n</ion-list>\n", dependencies: [{ kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1004
1166
|
}
|
|
1005
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1167
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarContentComponent, decorators: [{
|
|
1006
1168
|
type: Component,
|
|
1007
1169
|
args: [{ selector: 'euim-sidebar-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-list class=\"euim-sidebar-content__list\">\n <ion-menu-toggle auto-hide=\"true\">\n <ng-content></ng-content>\n </ion-menu-toggle>\n</ion-list>\n" }]
|
|
1008
1170
|
}], ctorParameters: () => [{ type: i2.I18nService }, { type: i2.EuiAppShellService }, { type: i1.NavController }], propDecorators: { className: [{
|
|
@@ -1012,30 +1174,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1012
1174
|
}] } });
|
|
1013
1175
|
|
|
1014
1176
|
class EuimSidebarModule {
|
|
1015
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1016
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
1177
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1178
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarModule, declarations: [EuimSidebarComponent,
|
|
1017
1179
|
EuimSidebarContentComponent], imports: [CommonModule,
|
|
1018
1180
|
RouterModule,
|
|
1019
1181
|
IonicModule,
|
|
1020
|
-
|
|
1182
|
+
EuimAvatarModule,
|
|
1021
1183
|
EuimLabelModule,
|
|
1022
1184
|
EuimNotificationItemModule], exports: [EuimSidebarComponent,
|
|
1023
1185
|
EuimSidebarContentComponent] }); }
|
|
1024
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
1186
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarModule, imports: [CommonModule,
|
|
1025
1187
|
RouterModule,
|
|
1026
1188
|
IonicModule,
|
|
1027
|
-
|
|
1189
|
+
EuimAvatarModule,
|
|
1028
1190
|
EuimLabelModule,
|
|
1029
1191
|
EuimNotificationItemModule] }); }
|
|
1030
1192
|
}
|
|
1031
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1193
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarModule, decorators: [{
|
|
1032
1194
|
type: NgModule,
|
|
1033
1195
|
args: [{
|
|
1034
1196
|
imports: [
|
|
1035
1197
|
CommonModule,
|
|
1036
1198
|
RouterModule,
|
|
1037
1199
|
IonicModule,
|
|
1038
|
-
|
|
1200
|
+
EuimAvatarModule,
|
|
1039
1201
|
EuimLabelModule,
|
|
1040
1202
|
EuimNotificationItemModule,
|
|
1041
1203
|
],
|
|
@@ -1056,16 +1218,18 @@ class EuimHeaderDetailsComponent {
|
|
|
1056
1218
|
}
|
|
1057
1219
|
constructor(baseStatesDirective) {
|
|
1058
1220
|
this.baseStatesDirective = baseStatesDirective;
|
|
1221
|
+
this.hasBorderBottom = true;
|
|
1059
1222
|
}
|
|
1060
1223
|
getCssClasses() {
|
|
1061
1224
|
return [
|
|
1062
1225
|
this.baseStatesDirective.getCssClasses('euim-header-details'),
|
|
1226
|
+
!this.hasBorderBottom ? 'euim-header-details--no-border-bottom' : '',
|
|
1063
1227
|
].join(' ');
|
|
1064
1228
|
}
|
|
1065
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1066
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1229
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1230
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.8", type: EuimHeaderDetailsComponent, selector: "euim-header-details", inputs: { hasBorderBottom: ["hasBorderBottom", "hasBorderBottom", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-s-m);display:block;text-align:center;background-color:var(--eui-bc-neutral-5);border-bottom:1px solid var(--eui-bc-neutral-20)}.euim-header-details--no-border-bottom{border-bottom:none}.euim-header-details--primary{background-color:var(--eui-bc-primary-100);border-bottom:none}.euim-header-details--primary .euim-header-details__title,.euim-header-details--primary .euim-header-details__meta{color:var(--eui-c-white)}.euim-header-details__title{font:var(--eui-f-m);color:var(--eui-bc-neutral-100)}.euim-header-details__meta{color:var(--eui-bc-neutral-80);font:var(--eui-f-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-s-xs)}.euim-header-details__title+.euim-header-details__meta,.euim-header-details__meta+.euim-header-details__meta{margin-top:var(--eui-s-2xs)}.euim-header-details p,.euim-header-details span{margin:0}.euim-header-details span[euimHeaderDetailsTitle],.euim-header-details span[euimHeaderDetailsMeta]{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1067
1231
|
}
|
|
1068
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1232
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsComponent, decorators: [{
|
|
1069
1233
|
type: Component,
|
|
1070
1234
|
args: [{ selector: 'euim-header-details', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1071
1235
|
{
|
|
@@ -1074,8 +1238,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1074
1238
|
'color',
|
|
1075
1239
|
],
|
|
1076
1240
|
},
|
|
1077
|
-
], template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-s-m);display:block;text-align:center;background-color:var(--eui-bc-neutral-5);border-bottom:1px solid var(--eui-bc-neutral-20)}.euim-header-details--primary{background-color:var(--eui-bc-primary-100);border-bottom:none}.euim-header-details--primary .euim-header-details__title,.euim-header-details--primary .euim-header-details__meta{color:var(--eui-c-white)}.euim-header-details__title{font:var(--eui-f-m);color:var(--eui-bc-neutral-100)}.euim-header-details__meta{color:var(--eui-bc-neutral-80);font:var(--eui-f-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-s-xs)}.euim-header-details__title+.euim-header-details__meta,.euim-header-details__meta+.euim-header-details__meta{margin-top:var(--eui-s-2xs)}.euim-header-details p,.euim-header-details span{margin:0}.euim-header-details span{display:block}\n"] }]
|
|
1078
|
-
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: {
|
|
1241
|
+
], template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-s-m);display:block;text-align:center;background-color:var(--eui-bc-neutral-5);border-bottom:1px solid var(--eui-bc-neutral-20)}.euim-header-details--no-border-bottom{border-bottom:none}.euim-header-details--primary{background-color:var(--eui-bc-primary-100);border-bottom:none}.euim-header-details--primary .euim-header-details__title,.euim-header-details--primary .euim-header-details__meta{color:var(--eui-c-white)}.euim-header-details__title{font:var(--eui-f-m);color:var(--eui-bc-neutral-100)}.euim-header-details__meta{color:var(--eui-bc-neutral-80);font:var(--eui-f-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-s-xs)}.euim-header-details__title+.euim-header-details__meta,.euim-header-details__meta+.euim-header-details__meta{margin-top:var(--eui-s-2xs)}.euim-header-details p,.euim-header-details span{margin:0}.euim-header-details span[euimHeaderDetailsTitle],.euim-header-details span[euimHeaderDetailsMeta]{display:block}\n"] }]
|
|
1242
|
+
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { hasBorderBottom: [{
|
|
1243
|
+
type: Input,
|
|
1244
|
+
args: [{ transform: booleanAttribute }]
|
|
1245
|
+
}], cssClasses: [{
|
|
1079
1246
|
type: HostBinding,
|
|
1080
1247
|
args: ['class']
|
|
1081
1248
|
}] } });
|
|
@@ -1084,10 +1251,10 @@ class EuimHeaderDetailsMetaDirective {
|
|
|
1084
1251
|
constructor() {
|
|
1085
1252
|
this.className = 'euim-header-details__meta';
|
|
1086
1253
|
}
|
|
1087
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1088
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1254
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsMetaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1255
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimHeaderDetailsMetaDirective, selector: "[euimHeaderDetailsMeta]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1089
1256
|
}
|
|
1090
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1257
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsMetaDirective, decorators: [{
|
|
1091
1258
|
type: Directive,
|
|
1092
1259
|
args: [{
|
|
1093
1260
|
selector: '[euimHeaderDetailsMeta]',
|
|
@@ -1101,10 +1268,10 @@ class EuimHeaderDetailsTitleDirective {
|
|
|
1101
1268
|
constructor() {
|
|
1102
1269
|
this.className = 'euim-header-details__title';
|
|
1103
1270
|
}
|
|
1104
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1105
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1271
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1272
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimHeaderDetailsTitleDirective, selector: "[euimHeaderDetailsTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1106
1273
|
}
|
|
1107
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1274
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsTitleDirective, decorators: [{
|
|
1108
1275
|
type: Directive,
|
|
1109
1276
|
args: [{
|
|
1110
1277
|
selector: '[euimHeaderDetailsTitle]',
|
|
@@ -1118,10 +1285,10 @@ class EuimHeaderDetailsIconDirective {
|
|
|
1118
1285
|
constructor() {
|
|
1119
1286
|
this.className = 'euim-header-details__icon';
|
|
1120
1287
|
}
|
|
1121
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1122
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1288
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1289
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimHeaderDetailsIconDirective, selector: "[euimHeaderDetailsIcon]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1123
1290
|
}
|
|
1124
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1291
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsIconDirective, decorators: [{
|
|
1125
1292
|
type: Directive,
|
|
1126
1293
|
args: [{
|
|
1127
1294
|
selector: '[euimHeaderDetailsIcon]',
|
|
@@ -1131,15 +1298,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1131
1298
|
args: ['class']
|
|
1132
1299
|
}] } });
|
|
1133
1300
|
|
|
1134
|
-
const COMPONENTS$
|
|
1301
|
+
const COMPONENTS$a = [
|
|
1135
1302
|
EuimHeaderDetailsComponent,
|
|
1136
1303
|
EuimHeaderDetailsTitleDirective,
|
|
1137
1304
|
EuimHeaderDetailsMetaDirective,
|
|
1138
1305
|
EuimHeaderDetailsIconDirective,
|
|
1139
1306
|
];
|
|
1140
1307
|
class EuimHeaderDetailsModule {
|
|
1141
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1142
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
1308
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1309
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsModule, declarations: [EuimHeaderDetailsComponent,
|
|
1143
1310
|
EuimHeaderDetailsTitleDirective,
|
|
1144
1311
|
EuimHeaderDetailsMetaDirective,
|
|
1145
1312
|
EuimHeaderDetailsIconDirective], imports: [CommonModule,
|
|
@@ -1147,10 +1314,10 @@ class EuimHeaderDetailsModule {
|
|
|
1147
1314
|
EuimHeaderDetailsTitleDirective,
|
|
1148
1315
|
EuimHeaderDetailsMetaDirective,
|
|
1149
1316
|
EuimHeaderDetailsIconDirective] }); }
|
|
1150
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
1317
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsModule, imports: [CommonModule,
|
|
1151
1318
|
IonicModule] }); }
|
|
1152
1319
|
}
|
|
1153
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1320
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsModule, decorators: [{
|
|
1154
1321
|
type: NgModule,
|
|
1155
1322
|
args: [{
|
|
1156
1323
|
imports: [
|
|
@@ -1158,149 +1325,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1158
1325
|
IonicModule,
|
|
1159
1326
|
],
|
|
1160
1327
|
exports: [
|
|
1161
|
-
...COMPONENTS$
|
|
1162
|
-
],
|
|
1163
|
-
declarations: [
|
|
1164
|
-
...COMPONENTS$b,
|
|
1165
|
-
],
|
|
1166
|
-
}]
|
|
1167
|
-
}] });
|
|
1168
|
-
|
|
1169
|
-
class EuimCardComponent {
|
|
1170
|
-
get cssClasses() {
|
|
1171
|
-
return this.getCssClasses();
|
|
1172
|
-
}
|
|
1173
|
-
constructor(baseStatesDirective) {
|
|
1174
|
-
this.baseStatesDirective = baseStatesDirective;
|
|
1175
|
-
}
|
|
1176
|
-
getCssClasses() {
|
|
1177
|
-
return [
|
|
1178
|
-
this.baseStatesDirective.getCssClasses('euim-card'),
|
|
1179
|
-
].join(' ').trim();
|
|
1180
|
-
}
|
|
1181
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1182
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: EuimCardComponent, selector: "euim-card", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ion-card>\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative;display:flex}.euim-card ion-card{margin:0}.euim-card__header-image{width:100%}.euim-card__image{height:100%;width:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:0}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:0}.euim-card{display:flex}.euim-card--size-s .euim-card__image{height:calc(var(--eui-base-spacing-m) * 6.25)}.euim-card--size-s .euim-card__content ion-item>:not([slot=start]):not([slot=end]){width:calc(var(--eui-base-spacing-m) * 6.875 + 1px)}.euim-card--size-m .euim-card__image{height:calc(var(--eui-base-spacing-m) * 8)}.euim-card--size-m .euim-card__content ion-item>:not([slot=start]):not([slot=end]){width:calc(var(--eui-base-spacing-m) * 9.625 + 1px)}\n"], dependencies: [{ kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1183
|
-
}
|
|
1184
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardComponent, decorators: [{
|
|
1185
|
-
type: Component,
|
|
1186
|
-
args: [{ selector: 'euim-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1187
|
-
{
|
|
1188
|
-
directive: BaseStatesDirective,
|
|
1189
|
-
inputs: [
|
|
1190
|
-
'euimSizeM',
|
|
1191
|
-
'euimSizeS',
|
|
1192
|
-
'euimSizeL',
|
|
1193
|
-
],
|
|
1194
|
-
},
|
|
1195
|
-
], template: "<ion-card>\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative;display:flex}.euim-card ion-card{margin:0}.euim-card__header-image{width:100%}.euim-card__image{height:100%;width:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:0}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:0}.euim-card{display:flex}.euim-card--size-s .euim-card__image{height:calc(var(--eui-base-spacing-m) * 6.25)}.euim-card--size-s .euim-card__content ion-item>:not([slot=start]):not([slot=end]){width:calc(var(--eui-base-spacing-m) * 6.875 + 1px)}.euim-card--size-m .euim-card__image{height:calc(var(--eui-base-spacing-m) * 8)}.euim-card--size-m .euim-card__content ion-item>:not([slot=start]):not([slot=end]){width:calc(var(--eui-base-spacing-m) * 9.625 + 1px)}\n"] }]
|
|
1196
|
-
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
1197
|
-
type: HostBinding,
|
|
1198
|
-
args: ['class']
|
|
1199
|
-
}] } });
|
|
1200
|
-
|
|
1201
|
-
class EuimCardImageDirective {
|
|
1202
|
-
constructor() {
|
|
1203
|
-
this.className = 'euim-card__image';
|
|
1204
|
-
}
|
|
1205
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1206
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.5", type: EuimCardImageDirective, selector: "[euimCardImage]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1207
|
-
}
|
|
1208
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardImageDirective, decorators: [{
|
|
1209
|
-
type: Directive,
|
|
1210
|
-
args: [{
|
|
1211
|
-
selector: '[euimCardImage]',
|
|
1212
|
-
}]
|
|
1213
|
-
}], propDecorators: { className: [{
|
|
1214
|
-
type: HostBinding,
|
|
1215
|
-
args: ['class']
|
|
1216
|
-
}] } });
|
|
1217
|
-
|
|
1218
|
-
class EuimCardModule {
|
|
1219
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1220
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: EuimCardModule, declarations: [EuimCardComponent, EuimCardImageDirective], imports: [CommonModule, IonicModule], exports: [EuimCardComponent, EuimCardImageDirective] }); }
|
|
1221
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardModule, imports: [CommonModule, IonicModule] }); }
|
|
1222
|
-
}
|
|
1223
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardModule, decorators: [{
|
|
1224
|
-
type: NgModule,
|
|
1225
|
-
args: [{
|
|
1226
|
-
imports: [CommonModule, IonicModule],
|
|
1227
|
-
exports: [EuimCardComponent, EuimCardImageDirective],
|
|
1228
|
-
declarations: [EuimCardComponent, EuimCardImageDirective],
|
|
1229
|
-
}]
|
|
1230
|
-
}] });
|
|
1231
|
-
|
|
1232
|
-
class EuimCardListComponent {
|
|
1233
|
-
constructor() {
|
|
1234
|
-
this.className = 'euim-card-list';
|
|
1235
|
-
}
|
|
1236
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1237
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: EuimCardListComponent, selector: "euim-card-list", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-card-list{padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) 0;overflow-x:auto;display:flex;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-card-list::-webkit-scrollbar{height:0}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}}.euim-card-list .euim-card{padding-right:var(--eui-base-spacing-m)}.euim-card-list .euim-card:first-child{padding-left:var(--eui-base-spacing-m)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1238
|
-
}
|
|
1239
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardListComponent, decorators: [{
|
|
1240
|
-
type: Component,
|
|
1241
|
-
args: [{ selector: 'euim-card-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".euim-card-list{padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) 0;overflow-x:auto;display:flex;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-card-list::-webkit-scrollbar{height:0}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}}.euim-card-list .euim-card{padding-right:var(--eui-base-spacing-m)}.euim-card-list .euim-card:first-child{padding-left:var(--eui-base-spacing-m)}\n"] }]
|
|
1242
|
-
}], propDecorators: { className: [{
|
|
1243
|
-
type: HostBinding,
|
|
1244
|
-
args: ['class']
|
|
1245
|
-
}] } });
|
|
1246
|
-
|
|
1247
|
-
class EuimScrollerXComponent {
|
|
1248
|
-
constructor() {
|
|
1249
|
-
this.className = 'euim-scroller-x';
|
|
1250
|
-
}
|
|
1251
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimScrollerXComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1252
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: EuimScrollerXComponent, selector: "euim-scroller-x", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n\n", styles: [".euim-scroller-x{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-scroller-x::-webkit-scrollbar{height:0}.euim-scroller-x>*{flex:0 0 auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1253
|
-
}
|
|
1254
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimScrollerXComponent, decorators: [{
|
|
1255
|
-
type: Component,
|
|
1256
|
-
args: [{ selector: 'euim-scroller-x', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n\n", styles: [".euim-scroller-x{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-scroller-x::-webkit-scrollbar{height:0}.euim-scroller-x>*{flex:0 0 auto}\n"] }]
|
|
1257
|
-
}], propDecorators: { className: [{
|
|
1258
|
-
type: HostBinding,
|
|
1259
|
-
args: ['class']
|
|
1260
|
-
}] } });
|
|
1261
|
-
|
|
1262
|
-
class EuimScrollerXComponentModule {
|
|
1263
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimScrollerXComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1264
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: EuimScrollerXComponentModule, declarations: [EuimScrollerXComponent], imports: [CommonModule,
|
|
1265
|
-
IonicModule], exports: [EuimScrollerXComponent] }); }
|
|
1266
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimScrollerXComponentModule, imports: [CommonModule,
|
|
1267
|
-
IonicModule] }); }
|
|
1268
|
-
}
|
|
1269
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimScrollerXComponentModule, decorators: [{
|
|
1270
|
-
type: NgModule,
|
|
1271
|
-
args: [{
|
|
1272
|
-
imports: [
|
|
1273
|
-
CommonModule,
|
|
1274
|
-
IonicModule,
|
|
1275
|
-
],
|
|
1276
|
-
exports: [
|
|
1277
|
-
EuimScrollerXComponent,
|
|
1328
|
+
...COMPONENTS$a,
|
|
1278
1329
|
],
|
|
1279
1330
|
declarations: [
|
|
1280
|
-
|
|
1281
|
-
],
|
|
1282
|
-
}]
|
|
1283
|
-
}] });
|
|
1284
|
-
|
|
1285
|
-
class EuimCardListModule {
|
|
1286
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1287
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: EuimCardListModule, declarations: [EuimCardListComponent], imports: [CommonModule,
|
|
1288
|
-
IonicModule,
|
|
1289
|
-
EuimScrollerXComponentModule], exports: [EuimCardListComponent] }); }
|
|
1290
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardListModule, imports: [CommonModule,
|
|
1291
|
-
IonicModule,
|
|
1292
|
-
EuimScrollerXComponentModule] }); }
|
|
1293
|
-
}
|
|
1294
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimCardListModule, decorators: [{
|
|
1295
|
-
type: NgModule,
|
|
1296
|
-
args: [{
|
|
1297
|
-
imports: [
|
|
1298
|
-
CommonModule,
|
|
1299
|
-
IonicModule,
|
|
1300
|
-
EuimScrollerXComponentModule,
|
|
1331
|
+
...COMPONENTS$a,
|
|
1301
1332
|
],
|
|
1302
|
-
exports: [EuimCardListComponent],
|
|
1303
|
-
declarations: [EuimCardListComponent],
|
|
1304
1333
|
}]
|
|
1305
1334
|
}] });
|
|
1306
1335
|
|
|
@@ -1316,10 +1345,10 @@ class EuimBadgeComponent {
|
|
|
1316
1345
|
this.baseStatesDirective.getCssClasses('euim-badge'),
|
|
1317
1346
|
].join(' ').trim();
|
|
1318
1347
|
}
|
|
1319
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1320
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1348
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimBadgeComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1349
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimBadgeComponent, selector: "euim-badge", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimPositionTopEnd", "euimPositionTopEnd", "euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL", "color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;height:var(--eui-s-l);min-width:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs);color:var(--eui-c-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-s-bold);box-sizing:border-box;letter-spacing:normal}.euim-avatar{position:relative;overflow:visible}ion-button .euim-badge--position-top-end,ion-tab-button span .euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-l.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-l.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-m.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-m.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-xs));left:var(--eui-s-s)}ion-button .euim-badge--size-s.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-s.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-2xs));left:var(--eui-s-s)}ion-button::part(native){overflow:visible}ion-tab-button span{position:relative}ion-tab-button span ion-icon{font-size:var(--eui-f-size-2xl)}.euim-badge--info{background:var(--eui-bc-info-100)}.euim-badge--success{background:var(--eui-bc-success-100)}.euim-badge--warning{background:var(--eui-bc-warning-100)}.euim-badge--danger{background:var(--eui-bc-danger-100)}.euim-badge--white{background:var(--eui-bc-white);color:var(--eui-base-color-primary-100)}.euim-badge--default{background:var(--eui-bc-neutral-20);color:var(--eui-bc-neutral-100)}.euim-badge--size-s{min-width:var(--eui-s-m);height:var(--eui-s-m);padding:0 var(--eui-s-2xs);font:var(--eui-f-xs)!important}.euim-badge--size-m{min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));height:calc(var(--eui-s-m) + var(--eui-s-2xs));padding:calc(var(--eui-s-2xs) / 2) calc(var(--eui-s-s) / 2);font:var(--eui-f-xs)!important}.euim-badge--size-l{height:var(--eui-s-l);min-width:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1321
1350
|
}
|
|
1322
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1351
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimBadgeComponent, decorators: [{
|
|
1323
1352
|
type: Component,
|
|
1324
1353
|
args: [{ selector: 'euim-badge', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
1325
1354
|
{
|
|
@@ -1332,20 +1361,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1332
1361
|
'color',
|
|
1333
1362
|
],
|
|
1334
1363
|
},
|
|
1335
|
-
], template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;height:var(--eui-s-l);min-width:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs);color:var(--eui-c-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-s-bold);box-sizing:border-box;letter-spacing:normal}.euim-
|
|
1364
|
+
], template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50px;height:var(--eui-s-l);min-width:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs);color:var(--eui-c-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-s-bold);box-sizing:border-box;letter-spacing:normal}.euim-avatar{position:relative;overflow:visible}ion-button .euim-badge--position-top-end,ion-tab-button span .euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-l.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-l.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-m.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-m.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-xs));left:var(--eui-s-s)}ion-button .euim-badge--size-s.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-s.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-2xs));left:var(--eui-s-s)}ion-button::part(native){overflow:visible}ion-tab-button span{position:relative}ion-tab-button span ion-icon{font-size:var(--eui-f-size-2xl)}.euim-badge--info{background:var(--eui-bc-info-100)}.euim-badge--success{background:var(--eui-bc-success-100)}.euim-badge--warning{background:var(--eui-bc-warning-100)}.euim-badge--danger{background:var(--eui-bc-danger-100)}.euim-badge--white{background:var(--eui-bc-white);color:var(--eui-base-color-primary-100)}.euim-badge--default{background:var(--eui-bc-neutral-20);color:var(--eui-bc-neutral-100)}.euim-badge--size-s{min-width:var(--eui-s-m);height:var(--eui-s-m);padding:0 var(--eui-s-2xs);font:var(--eui-f-xs)!important}.euim-badge--size-m{min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));height:calc(var(--eui-s-m) + var(--eui-s-2xs));padding:calc(var(--eui-s-2xs) / 2) calc(var(--eui-s-s) / 2);font:var(--eui-f-xs)!important}.euim-badge--size-l{height:var(--eui-s-l);min-width:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)!important}\n"] }]
|
|
1336
1365
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
1337
1366
|
type: HostBinding,
|
|
1338
1367
|
args: ['class']
|
|
1339
1368
|
}] } });
|
|
1340
1369
|
|
|
1341
1370
|
class EuimBadgeModule {
|
|
1342
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1343
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
1371
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1372
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimBadgeModule, declarations: [EuimBadgeComponent], imports: [CommonModule,
|
|
1344
1373
|
IonicModule], exports: [EuimBadgeComponent] }); }
|
|
1345
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
1374
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimBadgeModule, imports: [CommonModule,
|
|
1346
1375
|
IonicModule] }); }
|
|
1347
1376
|
}
|
|
1348
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1377
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimBadgeModule, decorators: [{
|
|
1349
1378
|
type: NgModule,
|
|
1350
1379
|
args: [{
|
|
1351
1380
|
imports: [
|
|
@@ -1389,10 +1418,10 @@ class EuimMessageComponent {
|
|
|
1389
1418
|
this.baseStatesDirective.color !== 'info' ? 'euim-message--info' : '',
|
|
1390
1419
|
].join(' ');
|
|
1391
1420
|
}
|
|
1392
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1393
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1421
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMessageComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1422
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimMessageComponent, selector: "euim-message", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<div class=\"euim-message__wrappericon\">\n <ion-icon [name]=\"icon\" class=\"euim-message__icon\"></ion-icon>\n</div>\n<div class=\"euim-message__wrapper\">\n <ng-content select=\"euim-message-title\"></ng-content>\n <ng-content></ng-content>\n</div>\n", styles: [".euim-message{border-width:2px;border-style:solid;display:flex;padding:var(--eui-s-m)}.euim-message__wrappericon{width:var(--eui-s-l);height:var(--eui-s-l);padding:0;margin:0}.euim-message__icon{padding:0;margin:0;width:var(--eui-s-l);height:var(--eui-s-l)}.euim-message__wrapper{margin-left:var(--eui-s-xs)}.euim-message--danger{border-color:var(--eui-bc-danger-100)}.euim-message--danger ion-icon{color:var(--eui-bc-danger-100)}.euim-message--info{border-color:var(--eui-bc-info-100)}.euim-message--info ion-icon{color:var(--eui-bc-info-100)}.euim-message--success{border-color:var(--eui-bc-success-100)}.euim-message--success ion-icon{color:var(--eui-bc-success-100)}.euim-message--warning{border-color:var(--eui-bc-warning-100)}.euim-message--warning ion-icon{color:var(--eui-bc-warning-100)}.euim-message-title{display:flex;align-items:center;font:var(--eui-f-m);font:var(--eui-f-bold);padding:0;margin:0 0 var(--eui-s-xs)}\n"], dependencies: [{ kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1394
1423
|
}
|
|
1395
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1424
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMessageComponent, decorators: [{
|
|
1396
1425
|
type: Component,
|
|
1397
1426
|
args: [{ selector: 'euim-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1398
1427
|
{
|
|
@@ -1411,30 +1440,30 @@ class EuimMessageTitleComponent {
|
|
|
1411
1440
|
constructor() {
|
|
1412
1441
|
this.className = 'euim-message-title';
|
|
1413
1442
|
}
|
|
1414
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1415
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1443
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMessageTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1444
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimMessageTitleComponent, selector: "euim-message-title", host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1416
1445
|
}
|
|
1417
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1446
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMessageTitleComponent, decorators: [{
|
|
1418
1447
|
type: Component,
|
|
1419
1448
|
args: [{ selector: 'euim-message-title', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
|
|
1420
1449
|
}], propDecorators: { className: [{
|
|
1421
1450
|
type: HostBinding
|
|
1422
1451
|
}] } });
|
|
1423
1452
|
|
|
1424
|
-
const COMPONENTS$
|
|
1453
|
+
const COMPONENTS$9 = [
|
|
1425
1454
|
EuimMessageComponent,
|
|
1426
1455
|
EuimMessageTitleComponent,
|
|
1427
1456
|
];
|
|
1428
1457
|
class EuimMessageModule {
|
|
1429
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1430
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
1458
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1459
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimMessageModule, declarations: [EuimMessageComponent,
|
|
1431
1460
|
EuimMessageTitleComponent], imports: [CommonModule,
|
|
1432
1461
|
IonicModule], exports: [EuimMessageComponent,
|
|
1433
1462
|
EuimMessageTitleComponent] }); }
|
|
1434
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
1463
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMessageModule, imports: [CommonModule,
|
|
1435
1464
|
IonicModule] }); }
|
|
1436
1465
|
}
|
|
1437
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1466
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMessageModule, decorators: [{
|
|
1438
1467
|
type: NgModule,
|
|
1439
1468
|
args: [{
|
|
1440
1469
|
imports: [
|
|
@@ -1442,10 +1471,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1442
1471
|
IonicModule,
|
|
1443
1472
|
],
|
|
1444
1473
|
exports: [
|
|
1445
|
-
...COMPONENTS$
|
|
1474
|
+
...COMPONENTS$9,
|
|
1446
1475
|
],
|
|
1447
1476
|
declarations: [
|
|
1448
|
-
...COMPONENTS$
|
|
1477
|
+
...COMPONENTS$9,
|
|
1449
1478
|
],
|
|
1450
1479
|
}]
|
|
1451
1480
|
}] });
|
|
@@ -1454,10 +1483,10 @@ class EuimSpinnerComponent {
|
|
|
1454
1483
|
constructor() {
|
|
1455
1484
|
this.className = 'euim-spinner';
|
|
1456
1485
|
}
|
|
1457
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1458
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1486
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1487
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimSpinnerComponent, selector: "euim-spinner", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-spinner class=\"euim-spinner__icon\">\n</ion-spinner>\n<ng-content>\n</ng-content>\n\n\n", styles: [".euim-spinner{width:100%;margin:0;padding:0}.euim-spinner__icon{width:100%;height:var(--eui-s-2xl);color:var(--eui-bc-primary-100)}.euim-spinner--size-2xs{font-size:var(--eui-f-size-2xs)}.euim-spinner--size-xs{font-size:var(--eui-f-size-xs)}.euim-spinner--size-s{font-size:var(--eui-f-size-s)}.euim-spinner--size-m{font-size:var(--eui-f-size-m)}.euim-spinner--size-l{font-size:var(--eui-f-size-l)}.euim-spinner--size-xl{font-size:var(--eui-f-size-xl)}.euim-spinner--size-2xl{font-size:var(--eui-f-size-2xl)}.euim-spinner--size-3xl{font-size:var(--eui-f-size-3xl)}.euim-spinner--size-4xl{font-size:var(--eui-f-size-4xl)}.euim-spinner--primary{color:var(--eui-bc-primary-100)}.euim-spinner--secondary{color:var(--eui-bc-neutral-60)}.euim-spinner--info{color:var(--eui-bc-info-100)}.euim-spinner--success{color:var(--eui-bc-success-100)}.euim-spinner--warning{color:var(--eui-bc-warning-100)}.euim-spinner--danger{color:var(--eui-bc-danger-100)}.euim-spinner--accent{color:var(--eui-bc-accent-100)}.euim-spinner-message{font:var(--eui-f-m);font:var(--eui-f-bold);display:flex;justify-content:center;color:var(--eui-bc-neutral-80)}.euim-spinner-description{font:var(--eui-f-s);display:flex;justify-content:center;color:var(--eui-bc-neutral-80);margin-top:var(--eui-s-2xs)}\n"], dependencies: [{ kind: "component", type: i1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1459
1488
|
}
|
|
1460
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1489
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSpinnerComponent, decorators: [{
|
|
1461
1490
|
type: Component,
|
|
1462
1491
|
args: [{ selector: 'euim-spinner', encapsulation: ViewEncapsulation.None, template: "<ion-spinner class=\"euim-spinner__icon\">\n</ion-spinner>\n<ng-content>\n</ng-content>\n\n\n", styles: [".euim-spinner{width:100%;margin:0;padding:0}.euim-spinner__icon{width:100%;height:var(--eui-s-2xl);color:var(--eui-bc-primary-100)}.euim-spinner--size-2xs{font-size:var(--eui-f-size-2xs)}.euim-spinner--size-xs{font-size:var(--eui-f-size-xs)}.euim-spinner--size-s{font-size:var(--eui-f-size-s)}.euim-spinner--size-m{font-size:var(--eui-f-size-m)}.euim-spinner--size-l{font-size:var(--eui-f-size-l)}.euim-spinner--size-xl{font-size:var(--eui-f-size-xl)}.euim-spinner--size-2xl{font-size:var(--eui-f-size-2xl)}.euim-spinner--size-3xl{font-size:var(--eui-f-size-3xl)}.euim-spinner--size-4xl{font-size:var(--eui-f-size-4xl)}.euim-spinner--primary{color:var(--eui-bc-primary-100)}.euim-spinner--secondary{color:var(--eui-bc-neutral-60)}.euim-spinner--info{color:var(--eui-bc-info-100)}.euim-spinner--success{color:var(--eui-bc-success-100)}.euim-spinner--warning{color:var(--eui-bc-warning-100)}.euim-spinner--danger{color:var(--eui-bc-danger-100)}.euim-spinner--accent{color:var(--eui-bc-accent-100)}.euim-spinner-message{font:var(--eui-f-m);font:var(--eui-f-bold);display:flex;justify-content:center;color:var(--eui-bc-neutral-80)}.euim-spinner-description{font:var(--eui-f-s);display:flex;justify-content:center;color:var(--eui-bc-neutral-80);margin-top:var(--eui-s-2xs)}\n"] }]
|
|
1463
1492
|
}], propDecorators: { className: [{
|
|
@@ -1470,10 +1499,10 @@ class EuimSpinnerMessageComponent {
|
|
|
1470
1499
|
constructor() {
|
|
1471
1500
|
this.className = 'euim-spinner-message';
|
|
1472
1501
|
}
|
|
1473
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1474
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1502
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSpinnerMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1503
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimSpinnerMessageComponent, selector: "[euimSpinnerMessage]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-spinner-message{font:var(--eui-f-m);font:var(--eui-f-bold);display:flex;justify-content:center;color:var(--eui-bc-neutral-80)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1475
1504
|
}
|
|
1476
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1505
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSpinnerMessageComponent, decorators: [{
|
|
1477
1506
|
type: Component,
|
|
1478
1507
|
args: [{ selector: '[euimSpinnerMessage]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".euim-spinner-message{font:var(--eui-f-m);font:var(--eui-f-bold);display:flex;justify-content:center;color:var(--eui-bc-neutral-80)}\n"] }]
|
|
1479
1508
|
}], propDecorators: { className: [{
|
|
@@ -1486,10 +1515,10 @@ class EuimSpinnerDescriptionComponent {
|
|
|
1486
1515
|
constructor() {
|
|
1487
1516
|
this.className = 'euim-spinner-description';
|
|
1488
1517
|
}
|
|
1489
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1490
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1518
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSpinnerDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1519
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimSpinnerDescriptionComponent, selector: "[euimSpinnerDescription]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-spinner-description{font:var(--eui-f-s);display:flex;justify-content:center;color:var(--eui-bc-neutral-80);margin-top:var(--eui-s-2xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1491
1520
|
}
|
|
1492
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1521
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSpinnerDescriptionComponent, decorators: [{
|
|
1493
1522
|
type: Component,
|
|
1494
1523
|
args: [{ selector: '[euimSpinnerDescription]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".euim-spinner-description{font:var(--eui-f-s);display:flex;justify-content:center;color:var(--eui-bc-neutral-80);margin-top:var(--eui-s-2xs)}\n"] }]
|
|
1495
1524
|
}], propDecorators: { className: [{
|
|
@@ -1498,19 +1527,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1498
1527
|
}] } });
|
|
1499
1528
|
|
|
1500
1529
|
class EuimSpinnerComponentModule {
|
|
1501
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1502
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
1530
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSpinnerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1531
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimSpinnerComponentModule, declarations: [EuimSpinnerComponent,
|
|
1503
1532
|
EuimSpinnerMessageComponent,
|
|
1504
1533
|
EuimSpinnerDescriptionComponent], imports: [CommonModule,
|
|
1505
1534
|
IonicModule,
|
|
1506
1535
|
TranslateModule], exports: [EuimSpinnerComponent,
|
|
1507
1536
|
EuimSpinnerMessageComponent,
|
|
1508
1537
|
EuimSpinnerDescriptionComponent] }); }
|
|
1509
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
1538
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSpinnerComponentModule, imports: [CommonModule,
|
|
1510
1539
|
IonicModule,
|
|
1511
1540
|
TranslateModule] }); }
|
|
1512
1541
|
}
|
|
1513
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1542
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSpinnerComponentModule, decorators: [{
|
|
1514
1543
|
type: NgModule,
|
|
1515
1544
|
args: [{
|
|
1516
1545
|
imports: [
|
|
@@ -1539,6 +1568,7 @@ class EuimMediaHeaderComponent {
|
|
|
1539
1568
|
this.baseStatesDirective = baseStatesDirective;
|
|
1540
1569
|
this.euimNoGradient = false;
|
|
1541
1570
|
this.euimTwoSidesGradient = false;
|
|
1571
|
+
this.hasBlur = false;
|
|
1542
1572
|
}
|
|
1543
1573
|
getCssClasses() {
|
|
1544
1574
|
let size;
|
|
@@ -1556,10 +1586,10 @@ class EuimMediaHeaderComponent {
|
|
|
1556
1586
|
size ? `euim-media-header__size-${size}` : '',
|
|
1557
1587
|
].join(' ').trim();
|
|
1558
1588
|
}
|
|
1559
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1560
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
1589
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1590
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimMediaHeaderComponent, selector: "euim-media-header", inputs: { euimNoGradient: ["euimNoGradient", "euimNoGradient", booleanAttribute], euimTwoSidesGradient: ["euimTwoSidesGradient", "euimTwoSidesGradient", booleanAttribute], hasBlur: ["hasBlur", "hasBlur", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ng-content select=\"[euimMediaHeaderImage]\"></ng-content>\n@if (!euimNoGradient) {\n <div [ngClass]=\"euimTwoSidesGradient ? 'euim-media-header__gradient euim-media-header__gradient--two-sides' : 'euim-media-header__gradient'\">\n </div>\n}\n@if (hasBlur) {\n <div class=\"euim-media-header__blur\">\n </div>\n}\n<div class=\"euim-media-header__content\">\n <ng-content></ng-content>\n</div>\n", styles: [".euim-media-header{position:relative;display:flex}.euim-media-header__content{position:absolute;bottom:var(--eui-s-m);color:#fff;padding-left:var(--eui-s-m);padding-right:var(--eui-s-m)}.euim-media-header__content .euim-media-header__title{font:var(--eui-f-xl);font-weight:700;color:var(--eui-c-white)}.euim-media-header__content .euim-media-header__sub-title{color:var(--eui-c-white);font:var(--eui-f-m)}.euim-media-header__content:has(.euim-media-header__custom-content){padding:0;top:0;right:0;width:100%;height:100%;overflow:auto}.euim-media-header__content:has(.euim-align-center){top:50%;right:50%;transform:translate(50%,-50%);width:100%;bottom:auto;text-align:center}.euim-media-header__blur{position:absolute;inset:0;background-color:#0003;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.euim-media-header__gradient{width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#000);background-blend-mode:multiply;background-size:100%;position:absolute;inset:0}.euim-media-header__gradient--two-sides{background:linear-gradient(180deg,#000,#fff0 46.35%,#000 86.98%)!important}.euim-media-header__image{width:100%;height:100%;object-fit:cover}.euim-media-header__title{font:var(--eui-f-xl);font-weight:700;color:var(--eui-c-white)}.euim-media-header__sub-title{color:var(--eui-c-white);font:var(--eui-f-m)}.euim-media-header__title+.euim-media-header__sub-title{margin-top:var(--eui-s-2xs)}.euim-media-header p,.euim-media-header span{margin:0}.euim-media-header span[euimMediaHeaderTitle],.euim-media-header span[euimMediaHeaderSubTitle]{display:block}.euim-media-header__size-s{height:calc(var(--eui-s-m) * 8)}.euim-media-header__size-m{height:calc(var(--eui-s-m) * 16)}.euim-media-header__size-l{height:calc(var(--eui-s-m) * 25)}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1561
1591
|
}
|
|
1562
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1592
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderComponent, decorators: [{
|
|
1563
1593
|
type: Component,
|
|
1564
1594
|
args: [{ selector: 'euim-media-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1565
1595
|
{
|
|
@@ -1570,13 +1600,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1570
1600
|
'euimSizeL',
|
|
1571
1601
|
],
|
|
1572
1602
|
},
|
|
1573
|
-
], template: "<ng-content select=\"[euimMediaHeaderImage]\"></ng-content>\n@if (!euimNoGradient) {\n <div [ngClass]=\"euimTwoSidesGradient ? 'euim-media-header__gradient euim-media-header__gradient--two-sides' : 'euim-media-header__gradient'\">\n </div>\n}\n<div class=\"euim-media-
|
|
1603
|
+
], template: "<ng-content select=\"[euimMediaHeaderImage]\"></ng-content>\n@if (!euimNoGradient) {\n <div [ngClass]=\"euimTwoSidesGradient ? 'euim-media-header__gradient euim-media-header__gradient--two-sides' : 'euim-media-header__gradient'\">\n </div>\n}\n@if (hasBlur) {\n <div class=\"euim-media-header__blur\">\n </div>\n}\n<div class=\"euim-media-header__content\">\n <ng-content></ng-content>\n</div>\n", styles: [".euim-media-header{position:relative;display:flex}.euim-media-header__content{position:absolute;bottom:var(--eui-s-m);color:#fff;padding-left:var(--eui-s-m);padding-right:var(--eui-s-m)}.euim-media-header__content .euim-media-header__title{font:var(--eui-f-xl);font-weight:700;color:var(--eui-c-white)}.euim-media-header__content .euim-media-header__sub-title{color:var(--eui-c-white);font:var(--eui-f-m)}.euim-media-header__content:has(.euim-media-header__custom-content){padding:0;top:0;right:0;width:100%;height:100%;overflow:auto}.euim-media-header__content:has(.euim-align-center){top:50%;right:50%;transform:translate(50%,-50%);width:100%;bottom:auto;text-align:center}.euim-media-header__blur{position:absolute;inset:0;background-color:#0003;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.euim-media-header__gradient{width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#000);background-blend-mode:multiply;background-size:100%;position:absolute;inset:0}.euim-media-header__gradient--two-sides{background:linear-gradient(180deg,#000,#fff0 46.35%,#000 86.98%)!important}.euim-media-header__image{width:100%;height:100%;object-fit:cover}.euim-media-header__title{font:var(--eui-f-xl);font-weight:700;color:var(--eui-c-white)}.euim-media-header__sub-title{color:var(--eui-c-white);font:var(--eui-f-m)}.euim-media-header__title+.euim-media-header__sub-title{margin-top:var(--eui-s-2xs)}.euim-media-header p,.euim-media-header span{margin:0}.euim-media-header span[euimMediaHeaderTitle],.euim-media-header span[euimMediaHeaderSubTitle]{display:block}.euim-media-header__size-s{height:calc(var(--eui-s-m) * 8)}.euim-media-header__size-m{height:calc(var(--eui-s-m) * 16)}.euim-media-header__size-l{height:calc(var(--eui-s-m) * 25)}\n"] }]
|
|
1574
1604
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimNoGradient: [{
|
|
1575
1605
|
type: Input,
|
|
1576
1606
|
args: [{ transform: booleanAttribute }]
|
|
1577
1607
|
}], euimTwoSidesGradient: [{
|
|
1578
1608
|
type: Input,
|
|
1579
1609
|
args: [{ transform: booleanAttribute }]
|
|
1610
|
+
}], hasBlur: [{
|
|
1611
|
+
type: Input,
|
|
1612
|
+
args: [{ transform: booleanAttribute }]
|
|
1580
1613
|
}], cssClasses: [{
|
|
1581
1614
|
type: HostBinding,
|
|
1582
1615
|
args: ['class']
|
|
@@ -1586,10 +1619,10 @@ class EuimMediaHeaderSubTitleDirective {
|
|
|
1586
1619
|
constructor() {
|
|
1587
1620
|
this.className = 'euim-media-header__sub-title';
|
|
1588
1621
|
}
|
|
1589
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1590
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1622
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderSubTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1623
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimMediaHeaderSubTitleDirective, selector: "[euimMediaHeaderSubTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1591
1624
|
}
|
|
1592
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1625
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderSubTitleDirective, decorators: [{
|
|
1593
1626
|
type: Directive,
|
|
1594
1627
|
args: [{
|
|
1595
1628
|
selector: '[euimMediaHeaderSubTitle]',
|
|
@@ -1603,10 +1636,10 @@ class EuimMediaHeaderTitleDirective {
|
|
|
1603
1636
|
constructor() {
|
|
1604
1637
|
this.className = 'euim-media-header__title';
|
|
1605
1638
|
}
|
|
1606
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1607
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1639
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1640
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimMediaHeaderTitleDirective, selector: "[euimMediaHeaderTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1608
1641
|
}
|
|
1609
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1642
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderTitleDirective, decorators: [{
|
|
1610
1643
|
type: Directive,
|
|
1611
1644
|
args: [{
|
|
1612
1645
|
selector: '[euimMediaHeaderTitle]',
|
|
@@ -1620,10 +1653,10 @@ class EuimMediaHeaderImageDirective {
|
|
|
1620
1653
|
constructor() {
|
|
1621
1654
|
this.className = 'euim-media-header__image';
|
|
1622
1655
|
}
|
|
1623
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1624
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1656
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1657
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimMediaHeaderImageDirective, selector: "[euimMediaHeaderImage]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1625
1658
|
}
|
|
1626
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1659
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderImageDirective, decorators: [{
|
|
1627
1660
|
type: Directive,
|
|
1628
1661
|
args: [{
|
|
1629
1662
|
selector: '[euimMediaHeaderImage]',
|
|
@@ -1633,37 +1666,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1633
1666
|
args: ['class']
|
|
1634
1667
|
}] } });
|
|
1635
1668
|
|
|
1636
|
-
|
|
1669
|
+
class EuimMediaHeaderCustomContentDirective {
|
|
1670
|
+
constructor() {
|
|
1671
|
+
this.className = 'euim-media-header__custom-content';
|
|
1672
|
+
}
|
|
1673
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderCustomContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1674
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimMediaHeaderCustomContentDirective, isStandalone: true, selector: "[euimMediaHeaderCustomContent]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1675
|
+
}
|
|
1676
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderCustomContentDirective, decorators: [{
|
|
1677
|
+
type: Directive,
|
|
1678
|
+
args: [{
|
|
1679
|
+
selector: '[euimMediaHeaderCustomContent]',
|
|
1680
|
+
standalone: true,
|
|
1681
|
+
}]
|
|
1682
|
+
}], propDecorators: { className: [{
|
|
1683
|
+
type: HostBinding,
|
|
1684
|
+
args: ['class']
|
|
1685
|
+
}] } });
|
|
1686
|
+
|
|
1687
|
+
const COMPONENTS$8 = [
|
|
1637
1688
|
EuimMediaHeaderComponent,
|
|
1638
1689
|
EuimMediaHeaderTitleDirective,
|
|
1639
1690
|
EuimMediaHeaderSubTitleDirective,
|
|
1640
1691
|
EuimMediaHeaderImageDirective,
|
|
1641
1692
|
];
|
|
1642
1693
|
class EuimMediaHeaderModule {
|
|
1643
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1644
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
1694
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1695
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderModule, declarations: [EuimMediaHeaderComponent,
|
|
1645
1696
|
EuimMediaHeaderTitleDirective,
|
|
1646
1697
|
EuimMediaHeaderSubTitleDirective,
|
|
1647
1698
|
EuimMediaHeaderImageDirective], imports: [CommonModule,
|
|
1648
|
-
IonicModule
|
|
1699
|
+
IonicModule,
|
|
1700
|
+
EuimMediaHeaderCustomContentDirective], exports: [EuimMediaHeaderComponent,
|
|
1649
1701
|
EuimMediaHeaderTitleDirective,
|
|
1650
1702
|
EuimMediaHeaderSubTitleDirective,
|
|
1651
|
-
EuimMediaHeaderImageDirective] }); }
|
|
1652
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
1703
|
+
EuimMediaHeaderImageDirective, EuimMediaHeaderCustomContentDirective] }); }
|
|
1704
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderModule, imports: [CommonModule,
|
|
1653
1705
|
IonicModule] }); }
|
|
1654
1706
|
}
|
|
1655
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1707
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderModule, decorators: [{
|
|
1656
1708
|
type: NgModule,
|
|
1657
1709
|
args: [{
|
|
1658
1710
|
imports: [
|
|
1659
1711
|
CommonModule,
|
|
1660
1712
|
IonicModule,
|
|
1713
|
+
EuimMediaHeaderCustomContentDirective,
|
|
1661
1714
|
],
|
|
1662
1715
|
exports: [
|
|
1663
|
-
...COMPONENTS$
|
|
1716
|
+
...COMPONENTS$8,
|
|
1717
|
+
EuimMediaHeaderCustomContentDirective,
|
|
1664
1718
|
],
|
|
1665
1719
|
declarations: [
|
|
1666
|
-
...COMPONENTS$
|
|
1720
|
+
...COMPONENTS$8,
|
|
1667
1721
|
],
|
|
1668
1722
|
}]
|
|
1669
1723
|
}] });
|
|
@@ -1680,10 +1734,10 @@ class EuimDataSummaryColLabelDirective {
|
|
|
1680
1734
|
this.baseStatesDirective.getCssClasses('euim-data-summary__col-label'),
|
|
1681
1735
|
].join(' ').trim();
|
|
1682
1736
|
}
|
|
1683
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1684
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1737
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryColLabelDirective, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1738
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimDataSummaryColLabelDirective, selector: "[euimDataSummaryColLabel]", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0 }); }
|
|
1685
1739
|
}
|
|
1686
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1740
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryColLabelDirective, decorators: [{
|
|
1687
1741
|
type: Directive,
|
|
1688
1742
|
args: [{
|
|
1689
1743
|
selector: '[euimDataSummaryColLabel]',
|
|
@@ -1713,10 +1767,10 @@ class EuimDataSummaryColValueDirective {
|
|
|
1713
1767
|
this.baseStatesDirective.getCssClasses('euim-data-summary__col-value'),
|
|
1714
1768
|
].join(' ').trim();
|
|
1715
1769
|
}
|
|
1716
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1717
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1770
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryColValueDirective, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1771
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimDataSummaryColValueDirective, selector: "[euimDataSummaryColValue]", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
|
|
1718
1772
|
}
|
|
1719
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1773
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryColValueDirective, decorators: [{
|
|
1720
1774
|
type: Directive,
|
|
1721
1775
|
args: [{
|
|
1722
1776
|
selector: '[euimDataSummaryColValue]',
|
|
@@ -1751,10 +1805,10 @@ class EuimDataSummaryComponent {
|
|
|
1751
1805
|
}
|
|
1752
1806
|
}
|
|
1753
1807
|
}
|
|
1754
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1755
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1808
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1809
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimDataSummaryComponent, selector: "euim-data-summary", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimDataSummaryColLabelComponent", predicate: EuimDataSummaryColLabelDirective, descendants: true }, { propertyName: "euimDataSummaryColValueComponent", predicate: EuimDataSummaryColValueDirective, descendants: true }], hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-bc-neutral-20);border-top:1px solid var(--eui-bc-neutral-20)}.euim-data-summary--primary{background-color:var(--eui-bc-primary-100);border-bottom:0;border-top:0}.euim-data-summary__col{width:100%;text-align:center}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-bc-neutral-20)}.euim-data-summary__col-label{color:var(--eui-bc-neutral-100);font:var(--eui-f-m);font:var(--eui-f-bold);margin:0 0 var(--eui-s-2xs) 0}.euim-data-summary__col-label--primary{color:var(--eui-c-white)}p:not(.euim-data-summary__col-label),span:not(.euim-data-summary__col-label){margin:0}.euim-data-summary span[euimDataSummaryColLabel]{display:block}.euim-data-summary__col-value{color:var(--eui-bc-neutral-80);font:var(--eui-f-s)}.euim-data-summary__col-value ion-icon{min-height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);vertical-align:bottom;margin-right:var(--eui-base-spacing-2xs)}.euim-data-summary__col-value--primary{color:var(--eui-c-white)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1756
1810
|
}
|
|
1757
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1811
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryComponent, decorators: [{
|
|
1758
1812
|
type: Component,
|
|
1759
1813
|
args: [{ selector: 'euim-data-summary', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1760
1814
|
{
|
|
@@ -1763,7 +1817,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1763
1817
|
'color',
|
|
1764
1818
|
],
|
|
1765
1819
|
},
|
|
1766
|
-
], template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-bc-neutral-20);border-top:1px solid var(--eui-bc-neutral-20)}.euim-data-summary--primary{background-color:var(--eui-bc-primary-100);border-bottom:0;border-top:0}.euim-data-summary__col{width:100%;text-align:center}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-bc-neutral-20)}.euim-data-summary__col-label{color:var(--eui-bc-neutral-100);font:var(--eui-f-m);font:var(--eui-f-bold);margin:0 0 var(--eui-s-2xs) 0}.euim-data-summary__col-label--primary{color:var(--eui-c-white)}p:not(.euim-data-summary__col-label),span:not(.euim-data-summary__col-label){margin:0}.euim-data-summary span{display:block}.euim-data-summary__col-value{color:var(--eui-bc-neutral-80);font:var(--eui-f-s)}.euim-data-summary__col-value--primary{color:var(--eui-c-white)}\n"] }]
|
|
1820
|
+
], template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-bc-neutral-20);border-top:1px solid var(--eui-bc-neutral-20)}.euim-data-summary--primary{background-color:var(--eui-bc-primary-100);border-bottom:0;border-top:0}.euim-data-summary__col{width:100%;text-align:center}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-bc-neutral-20)}.euim-data-summary__col-label{color:var(--eui-bc-neutral-100);font:var(--eui-f-m);font:var(--eui-f-bold);margin:0 0 var(--eui-s-2xs) 0}.euim-data-summary__col-label--primary{color:var(--eui-c-white)}p:not(.euim-data-summary__col-label),span:not(.euim-data-summary__col-label){margin:0}.euim-data-summary span[euimDataSummaryColLabel]{display:block}.euim-data-summary__col-value{color:var(--eui-bc-neutral-80);font:var(--eui-f-s)}.euim-data-summary__col-value ion-icon{min-height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);vertical-align:bottom;margin-right:var(--eui-base-spacing-2xs)}.euim-data-summary__col-value--primary{color:var(--eui-c-white)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"] }]
|
|
1767
1821
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimDataSummaryColLabelComponent: [{
|
|
1768
1822
|
type: ContentChildren,
|
|
1769
1823
|
args: [EuimDataSummaryColLabelDirective, { descendants: true }]
|
|
@@ -1779,10 +1833,10 @@ class EuimDataSummaryColComponent {
|
|
|
1779
1833
|
constructor() {
|
|
1780
1834
|
this.className = 'euim-data-summary__col';
|
|
1781
1835
|
}
|
|
1782
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1783
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1836
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1837
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimDataSummaryColComponent, selector: "euim-data-summary-col", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
1784
1838
|
}
|
|
1785
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1839
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryColComponent, decorators: [{
|
|
1786
1840
|
type: Component,
|
|
1787
1841
|
args: [{
|
|
1788
1842
|
selector: 'euim-data-summary-col',
|
|
@@ -1793,15 +1847,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1793
1847
|
args: ['class']
|
|
1794
1848
|
}] } });
|
|
1795
1849
|
|
|
1796
|
-
const COMPONENTS$
|
|
1850
|
+
const COMPONENTS$7 = [
|
|
1797
1851
|
EuimDataSummaryComponent,
|
|
1798
1852
|
EuimDataSummaryColComponent,
|
|
1799
1853
|
EuimDataSummaryColLabelDirective,
|
|
1800
1854
|
EuimDataSummaryColValueDirective,
|
|
1801
1855
|
];
|
|
1802
1856
|
class EuimDataSummaryModule {
|
|
1803
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1804
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
1857
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1858
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryModule, declarations: [EuimDataSummaryComponent,
|
|
1805
1859
|
EuimDataSummaryColComponent,
|
|
1806
1860
|
EuimDataSummaryColLabelDirective,
|
|
1807
1861
|
EuimDataSummaryColValueDirective], imports: [CommonModule,
|
|
@@ -1809,10 +1863,10 @@ class EuimDataSummaryModule {
|
|
|
1809
1863
|
EuimDataSummaryColComponent,
|
|
1810
1864
|
EuimDataSummaryColLabelDirective,
|
|
1811
1865
|
EuimDataSummaryColValueDirective] }); }
|
|
1812
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
1866
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryModule, imports: [CommonModule,
|
|
1813
1867
|
IonicModule] }); }
|
|
1814
1868
|
}
|
|
1815
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1869
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryModule, decorators: [{
|
|
1816
1870
|
type: NgModule,
|
|
1817
1871
|
args: [{
|
|
1818
1872
|
imports: [
|
|
@@ -1820,80 +1874,144 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1820
1874
|
IonicModule,
|
|
1821
1875
|
],
|
|
1822
1876
|
exports: [
|
|
1823
|
-
...COMPONENTS$
|
|
1877
|
+
...COMPONENTS$7,
|
|
1824
1878
|
],
|
|
1825
1879
|
declarations: [
|
|
1826
|
-
...COMPONENTS$
|
|
1880
|
+
...COMPONENTS$7,
|
|
1827
1881
|
],
|
|
1828
1882
|
}]
|
|
1829
1883
|
}] });
|
|
1830
1884
|
|
|
1831
|
-
class
|
|
1885
|
+
class EuimCardImageDirective {
|
|
1832
1886
|
constructor() {
|
|
1833
|
-
this.className = 'euim-
|
|
1887
|
+
this.className = 'euim-card__image';
|
|
1888
|
+
}
|
|
1889
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1890
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimCardImageDirective, selector: "[euimCardImage]", inputs: { euimCardImageHeight: "euimCardImageHeight", euimCardImageWidth: "euimCardImageWidth" }, host: { properties: { "style.--euimImageHeight": "this.euimCardImageHeight", "style.--euimImageWidth": "this.euimCardImageWidth", "class": "this.className" } }, ngImport: i0 }); }
|
|
1891
|
+
}
|
|
1892
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardImageDirective, decorators: [{
|
|
1893
|
+
type: Directive,
|
|
1894
|
+
args: [{
|
|
1895
|
+
selector: '[euimCardImage]',
|
|
1896
|
+
}]
|
|
1897
|
+
}], propDecorators: { euimCardImageHeight: [{
|
|
1898
|
+
type: HostBinding,
|
|
1899
|
+
args: ['style.--euimImageHeight']
|
|
1900
|
+
}, {
|
|
1901
|
+
type: Input
|
|
1902
|
+
}], euimCardImageWidth: [{
|
|
1903
|
+
type: HostBinding,
|
|
1904
|
+
args: ['style.--euimImageWidth']
|
|
1905
|
+
}, {
|
|
1906
|
+
type: Input
|
|
1907
|
+
}], className: [{
|
|
1908
|
+
type: HostBinding,
|
|
1909
|
+
args: ['class']
|
|
1910
|
+
}] } });
|
|
1911
|
+
|
|
1912
|
+
class EuimCardComponent {
|
|
1913
|
+
get cssClasses() {
|
|
1914
|
+
return this.getCssClasses();
|
|
1915
|
+
}
|
|
1916
|
+
constructor(baseStatesDirective) {
|
|
1917
|
+
this.baseStatesDirective = baseStatesDirective;
|
|
1834
1918
|
}
|
|
1835
|
-
|
|
1836
|
-
|
|
1919
|
+
getCssClasses() {
|
|
1920
|
+
return [
|
|
1921
|
+
this.baseStatesDirective.getCssClasses('euim-card'),
|
|
1922
|
+
].join(' ').trim();
|
|
1923
|
+
}
|
|
1924
|
+
ngAfterContentInit() {
|
|
1925
|
+
if (this.cardImageDirective?.euimCardImageWidth) {
|
|
1926
|
+
this.imageWidth = this.cardImageDirective.euimCardImageWidth;
|
|
1927
|
+
}
|
|
1928
|
+
}
|
|
1929
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1930
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimCardComponent, selector: "euim-card", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "cardImageDirective", first: true, predicate: EuimCardImageDirective, descendants: true }], hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ion-card [style.width]=\"imageWidth ? imageWidth : ''\">\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative}.euim-card ion-card{margin:0;width:100%}.euim-card__header-image{width:100%}.euim-card__image{height:100%;width:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:0}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:0}.euim-card--size-s .euim-card__image{height:calc(var(--eui-base-spacing-m) * 6.25)}.euim-card--size-s .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-s .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) * 6.875 + 1px)}.euim-card--size-s .euim-card__content ion-item::part(native){padding:0}.euim-card--size-m .euim-card__image{height:calc(var(--eui-base-spacing-m) * 8)}.euim-card--size-m .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-m .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) * 9.625 + 1px)}.euim-card--size-m .euim-card__content ion-item::part(native){padding:0}\n"], dependencies: [{ kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1837
1931
|
}
|
|
1838
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1932
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardComponent, decorators: [{
|
|
1839
1933
|
type: Component,
|
|
1840
|
-
args: [{ selector: 'euim-
|
|
1841
|
-
|
|
1934
|
+
args: [{ selector: 'euim-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1935
|
+
{
|
|
1936
|
+
directive: BaseStatesDirective,
|
|
1937
|
+
inputs: [
|
|
1938
|
+
'euimSizeM',
|
|
1939
|
+
'euimSizeS',
|
|
1940
|
+
'euimSizeL',
|
|
1941
|
+
],
|
|
1942
|
+
},
|
|
1943
|
+
], template: "<ion-card [style.width]=\"imageWidth ? imageWidth : ''\">\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative}.euim-card ion-card{margin:0;width:100%}.euim-card__header-image{width:100%}.euim-card__image{height:100%;width:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:0}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:0}.euim-card--size-s .euim-card__image{height:calc(var(--eui-base-spacing-m) * 6.25)}.euim-card--size-s .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-s .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) * 6.875 + 1px)}.euim-card--size-s .euim-card__content ion-item::part(native){padding:0}.euim-card--size-m .euim-card__image{height:calc(var(--eui-base-spacing-m) * 8)}.euim-card--size-m .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-m .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) * 9.625 + 1px)}.euim-card--size-m .euim-card__content ion-item::part(native){padding:0}\n"] }]
|
|
1944
|
+
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cardImageDirective: [{
|
|
1945
|
+
type: ContentChild,
|
|
1946
|
+
args: [EuimCardImageDirective]
|
|
1947
|
+
}], cssClasses: [{
|
|
1842
1948
|
type: HostBinding,
|
|
1843
1949
|
args: ['class']
|
|
1844
1950
|
}] } });
|
|
1845
1951
|
|
|
1846
|
-
class
|
|
1847
|
-
|
|
1848
|
-
|
|
1849
|
-
}
|
|
1850
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarMainIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1851
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.5", type: EuimAvatarMainIconDirective, selector: "[euimAvatarMainIcon]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1952
|
+
class EuimCardModule {
|
|
1953
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1954
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimCardModule, declarations: [EuimCardComponent, EuimCardImageDirective], imports: [CommonModule, IonicModule], exports: [EuimCardComponent, EuimCardImageDirective] }); }
|
|
1955
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardModule, imports: [CommonModule, IonicModule] }); }
|
|
1852
1956
|
}
|
|
1853
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1854
|
-
type:
|
|
1957
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardModule, decorators: [{
|
|
1958
|
+
type: NgModule,
|
|
1855
1959
|
args: [{
|
|
1856
|
-
|
|
1960
|
+
imports: [CommonModule, IonicModule],
|
|
1961
|
+
exports: [EuimCardComponent, EuimCardImageDirective],
|
|
1962
|
+
declarations: [EuimCardComponent, EuimCardImageDirective],
|
|
1857
1963
|
}]
|
|
1858
|
-
}]
|
|
1964
|
+
}] });
|
|
1965
|
+
|
|
1966
|
+
class EuimCardListComponent {
|
|
1967
|
+
constructor() {
|
|
1968
|
+
this.direction = '';
|
|
1969
|
+
}
|
|
1970
|
+
get cssClasses() {
|
|
1971
|
+
return this.getCssClasses();
|
|
1972
|
+
}
|
|
1973
|
+
getCssClasses() {
|
|
1974
|
+
return [
|
|
1975
|
+
'euim-card-list',
|
|
1976
|
+
this.direction ? `euim-card-list--direction-${this.direction}` : '',
|
|
1977
|
+
].join(' ').trim();
|
|
1978
|
+
}
|
|
1979
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1980
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimCardListComponent, selector: "euim-card-list", inputs: { direction: "direction" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-card-list{padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-m);overflow-x:auto;display:flex;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-card-list::-webkit-scrollbar{height:0}.euim-card-list .euim-card{padding-right:var(--eui-base-spacing-m)}.euim-card-list--direction-column{flex-direction:column;padding:var(--eui-base-spacing-xs)}.euim-card-list--direction-column .euim-card{padding-right:0;margin-bottom:var(--eui-base-spacing-xs)}.euim-card-list--direction-column .euim-card:first-child{padding-left:0}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}.euim-card-list .euim-card{margin-bottom:var(--eui-base-spacing-xs)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1981
|
+
}
|
|
1982
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardListComponent, decorators: [{
|
|
1983
|
+
type: Component,
|
|
1984
|
+
args: [{ selector: 'euim-card-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".euim-card-list{padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-m);overflow-x:auto;display:flex;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-card-list::-webkit-scrollbar{height:0}.euim-card-list .euim-card{padding-right:var(--eui-base-spacing-m)}.euim-card-list--direction-column{flex-direction:column;padding:var(--eui-base-spacing-xs)}.euim-card-list--direction-column .euim-card{padding-right:0;margin-bottom:var(--eui-base-spacing-xs)}.euim-card-list--direction-column .euim-card:first-child{padding-left:0}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}.euim-card-list .euim-card{margin-bottom:var(--eui-base-spacing-xs)}}\n"] }]
|
|
1985
|
+
}], propDecorators: { direction: [{
|
|
1986
|
+
type: Input
|
|
1987
|
+
}], cssClasses: [{
|
|
1859
1988
|
type: HostBinding,
|
|
1860
1989
|
args: ['class']
|
|
1861
1990
|
}] } });
|
|
1862
1991
|
|
|
1863
|
-
class
|
|
1992
|
+
class EuimScrollerXComponent {
|
|
1864
1993
|
constructor() {
|
|
1865
|
-
this.className = 'euim-
|
|
1994
|
+
this.className = 'euim-scroller-x';
|
|
1866
1995
|
}
|
|
1867
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1868
|
-
/** @nocollapse */ static { this.ɵ
|
|
1996
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimScrollerXComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1997
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimScrollerXComponent, selector: "euim-scroller-x", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n\n", styles: [".euim-scroller-x{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-scroller-x::-webkit-scrollbar{height:0}.euim-scroller-x>*{flex:0 0 auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1869
1998
|
}
|
|
1870
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1871
|
-
type:
|
|
1872
|
-
args: [{
|
|
1873
|
-
selector: '[euimAvatarSubIcon]',
|
|
1874
|
-
}]
|
|
1999
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimScrollerXComponent, decorators: [{
|
|
2000
|
+
type: Component,
|
|
2001
|
+
args: [{ selector: 'euim-scroller-x', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n\n", styles: [".euim-scroller-x{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-scroller-x::-webkit-scrollbar{height:0}.euim-scroller-x>*{flex:0 0 auto}\n"] }]
|
|
1875
2002
|
}], propDecorators: { className: [{
|
|
1876
2003
|
type: HostBinding,
|
|
1877
2004
|
args: ['class']
|
|
1878
2005
|
}] } });
|
|
1879
2006
|
|
|
1880
|
-
|
|
1881
|
-
|
|
1882
|
-
|
|
1883
|
-
|
|
1884
|
-
|
|
1885
|
-
class EuimAvatarModule {
|
|
1886
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1887
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarModule, declarations: [EuimAvatarComponent,
|
|
1888
|
-
EuimAvatarSubIconDirective,
|
|
1889
|
-
EuimAvatarMainIconDirective], imports: [CommonModule,
|
|
1890
|
-
IonicModule], exports: [EuimAvatarComponent,
|
|
1891
|
-
EuimAvatarSubIconDirective,
|
|
1892
|
-
EuimAvatarMainIconDirective] }); }
|
|
1893
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimAvatarModule, imports: [CommonModule,
|
|
2007
|
+
class EuimScrollerXComponentModule {
|
|
2008
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimScrollerXComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2009
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimScrollerXComponentModule, declarations: [EuimScrollerXComponent], imports: [CommonModule,
|
|
2010
|
+
IonicModule], exports: [EuimScrollerXComponent] }); }
|
|
2011
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimScrollerXComponentModule, imports: [CommonModule,
|
|
1894
2012
|
IonicModule] }); }
|
|
1895
2013
|
}
|
|
1896
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2014
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimScrollerXComponentModule, decorators: [{
|
|
1897
2015
|
type: NgModule,
|
|
1898
2016
|
args: [{
|
|
1899
2017
|
imports: [
|
|
@@ -1901,11 +2019,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1901
2019
|
IonicModule,
|
|
1902
2020
|
],
|
|
1903
2021
|
exports: [
|
|
1904
|
-
|
|
2022
|
+
EuimScrollerXComponent,
|
|
1905
2023
|
],
|
|
1906
2024
|
declarations: [
|
|
1907
|
-
|
|
2025
|
+
EuimScrollerXComponent,
|
|
2026
|
+
],
|
|
2027
|
+
}]
|
|
2028
|
+
}] });
|
|
2029
|
+
|
|
2030
|
+
class EuimCardListModule {
|
|
2031
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2032
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimCardListModule, declarations: [EuimCardListComponent], imports: [CommonModule,
|
|
2033
|
+
IonicModule,
|
|
2034
|
+
EuimScrollerXComponentModule], exports: [EuimCardListComponent] }); }
|
|
2035
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardListModule, imports: [CommonModule,
|
|
2036
|
+
IonicModule,
|
|
2037
|
+
EuimScrollerXComponentModule] }); }
|
|
2038
|
+
}
|
|
2039
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardListModule, decorators: [{
|
|
2040
|
+
type: NgModule,
|
|
2041
|
+
args: [{
|
|
2042
|
+
imports: [
|
|
2043
|
+
CommonModule,
|
|
2044
|
+
IonicModule,
|
|
2045
|
+
EuimScrollerXComponentModule,
|
|
1908
2046
|
],
|
|
2047
|
+
exports: [EuimCardListComponent],
|
|
2048
|
+
declarations: [EuimCardListComponent],
|
|
1909
2049
|
}]
|
|
1910
2050
|
}] });
|
|
1911
2051
|
|
|
@@ -1968,10 +2108,10 @@ class EuimAlertMessageComponent {
|
|
|
1968
2108
|
this.isVisible = false;
|
|
1969
2109
|
this.euimClose.emit();
|
|
1970
2110
|
}
|
|
1971
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1972
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
2111
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlertMessageComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2112
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimAlertMessageComponent, selector: "euim-alert-message", inputs: { euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute], hasIcon: ["hasIcon", "hasIcon", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute] }, outputs: { euimClose: "euimClose" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "@if (hasIcon && isVisible) {\n <div class=\"euim-alert-message__wrappericon\">\n @if (hasIcon) {\n <ion-icon [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n }\n </div>\n}\n@if (isVisible) {\n <div class=\"euim-alert-message__wrapper\">\n <div class=\"slotStart\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n <div euimLabel [euimLabelTruncate]=\"euimLabelTruncate\">\n <ng-content></ng-content>\n </div>\n <div class=\"slotEnd\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n </div>\n}\n\n@if (isCloseable && isVisible) {\n <a role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n (click)=\"onClose($event)\">\n <ion-icon name=\"close-sharp\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n </a>\n}\n", styles: [".euim-alert-message{display:flex;align-items:center;font:var(--eui-f-s);padding-left:var(--eui-s-m);padding-right:var(--eui-s-xs);padding-top:var(--eui-s-xs);padding-bottom:var(--eui-s-xs)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message__wrapper .euim-label span,.euim-alert-message__wrapper .euim-label p{margin:0}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-s-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-s-m);height:var(--eui-s-m);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex}.euim-alert-message--danger{color:var(--eui-bc-danger-120);background:var(--eui-bc-danger-25)}.euim-alert-message--danger .euim-label{color:var(--eui-bc-danger-120)}.euim-alert-message--danger ion-icon{color:var(--eui-bc-danger-100)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd],.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-bc-danger-100);color:var(--eui-c-white)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd] ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-bc-danger-100)}.euim-alert-message--info{color:var(--eui-bc-info-120);background:var(--eui-bc-info-25)}.euim-alert-message--info .euim-label{color:var(--eui-bc-info-120)}.euim-alert-message--info ion-icon{color:var(--eui-bc-info-100)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd],.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-bc-info-100);color:var(--eui-c-white)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd] ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-bc-info-100)}.euim-alert-message--success{color:var(--eui-bc-success-120);background:var(--eui-bc-success-25)}.euim-alert-message--success .euim-label{color:var(--eui-bc-success-120)}.euim-alert-message--success ion-icon{color:var(--eui-bc-success-100)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd],.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-bc-success-100);color:var(--eui-c-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd] ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-bc-success-100)}.euim-alert-message--warning{color:var(--eui-bc-warning-140);background:var(--eui-bc-warning-25)}.euim-alert-message--warning .euim-label{color:var(--eui-bc-warning-140)}.euim-alert-message--warning ion-icon{color:var(--eui-bc-warning-120)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd],.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-bc-warning-120);color:var(--eui-c-white)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd] ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-bc-warning-120)}.euim-alert-message--dark{color:var(--eui-c-white);background:var(--eui-bc-neutral-100)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-white)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-alert-message--primary{color:var(--eui-c-white);background:var(--eui-bc-primary-100)}.euim-alert-message--primary ion-icon,.euim-alert-message--primary .euim-label{color:var(--eui-c-white)}.euim-alert-message--primary [slotEnd]{--background: none;--border-color: var(--eui-bc-neutral-5);color:var(--eui-bc-neutral-5)}.euim-alert-message--light{color:var(--eui-bc-neutral-100);background:var(--eui-bc-neutral-5)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-bc-neutral-100)}.euim-alert-message--light [slotEnd]{--background: var(--eui-bc-neutral-5);color:var(--eui-bc-neutral-100)}.euim-alert-message--default{color:var(--eui-c-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-c-black)}.euim-alert-message--clear{color:var(--eui-bc-neutral-100);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-bc-neutral-100)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:var(--eui-f-s)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-s-xs);padding-left:var(--eui-s-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-s-2xs)}\n"], dependencies: [{ kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1973
2113
|
}
|
|
1974
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2114
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlertMessageComponent, decorators: [{
|
|
1975
2115
|
type: Component,
|
|
1976
2116
|
args: [{ selector: 'euim-alert-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1977
2117
|
{
|
|
@@ -1980,7 +2120,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1980
2120
|
'color',
|
|
1981
2121
|
],
|
|
1982
2122
|
},
|
|
1983
|
-
], template: "@if (hasIcon && isVisible) {\n <div class=\"euim-alert-message__wrappericon\">\n @if (hasIcon) {\n <ion-icon [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n }\n </div>\n}\n@if (isVisible) {\n <div class=\"euim-alert-message__wrapper\">\n <div class=\"slotStart\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n <div euimLabel [euimLabelTruncate]=\"euimLabelTruncate\">\n <ng-content></ng-content>\n </div>\n <div class=\"slotEnd\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n </div>\n}\n\n@if (isCloseable && isVisible) {\n <a role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n (click)=\"onClose($event)\">\n <ion-icon name=\"close-sharp\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n </a>\n}\n", styles: [".euim-alert-message{display:flex;align-items:center;font:var(--eui-f-s);padding-left:var(--eui-s-m);padding-right:var(--eui-s-xs);padding-top:var(--eui-s-xs);padding-bottom:var(--eui-s-xs)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-s-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-s-m);height:var(--eui-s-m);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex}.euim-alert-message--danger{color:var(--eui-bc-danger-120);background:var(--eui-bc-danger-25)}.euim-alert-message--danger .euim-label{color:var(--eui-bc-danger-120)}.euim-alert-message--danger ion-icon{color:var(--eui-bc-danger-100)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd],.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-bc-danger-100);color:var(--eui-c-white)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd] ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-bc-danger-100)}.euim-alert-message--info{color:var(--eui-bc-info-120);background:var(--eui-bc-info-25)}.euim-alert-message--info .euim-label{color:var(--eui-bc-info-120)}.euim-alert-message--info ion-icon{color:var(--eui-bc-info-100)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd],.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-bc-info-100);color:var(--eui-c-white)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd] ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-bc-info-100)}.euim-alert-message--success{color:var(--eui-bc-success-120);background:var(--eui-bc-success-25)}.euim-alert-message--success .euim-label{color:var(--eui-bc-success-120)}.euim-alert-message--success ion-icon{color:var(--eui-bc-success-100)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd],.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-bc-success-100);color:var(--eui-c-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd] ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-bc-success-100)}.euim-alert-message--warning{color:var(--eui-bc-warning-140);background:var(--eui-bc-warning-25)}.euim-alert-message--warning .euim-label{color:var(--eui-bc-warning-140)}.euim-alert-message--warning ion-icon{color:var(--eui-bc-warning-120)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd],.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-bc-warning-120);color:var(--eui-c-white)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd] ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-bc-warning-120)}.euim-alert-message--dark{color:var(--eui-c-white);background:var(--eui-bc-neutral-100)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-white)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-alert-message--primary{color:var(--eui-c-white);background:var(--eui-bc-primary-100)}.euim-alert-message--primary ion-icon,.euim-alert-message--primary .euim-label{color:var(--eui-c-white)}.euim-alert-message--primary [slotEnd]{--background: none;--border-color: var(--eui-bc-neutral-5);color:var(--eui-bc-neutral-5)}.euim-alert-message--light{color:var(--eui-bc-neutral-100);background:var(--eui-bc-neutral-5)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-bc-neutral-100)}.euim-alert-message--light [slotEnd]{--background: var(--eui-bc-neutral-5);color:var(--eui-bc-neutral-100)}.euim-alert-message--default{color:var(--eui-c-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-c-black)}.euim-alert-message--clear{color:var(--eui-bc-neutral-100);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-bc-neutral-100)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:var(--eui-f-s)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-s-xs);padding-left:var(--eui-s-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-s-2xs)}\n"] }]
|
|
2123
|
+
], template: "@if (hasIcon && isVisible) {\n <div class=\"euim-alert-message__wrappericon\">\n @if (hasIcon) {\n <ion-icon [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n }\n </div>\n}\n@if (isVisible) {\n <div class=\"euim-alert-message__wrapper\">\n <div class=\"slotStart\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n <div euimLabel [euimLabelTruncate]=\"euimLabelTruncate\">\n <ng-content></ng-content>\n </div>\n <div class=\"slotEnd\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n </div>\n}\n\n@if (isCloseable && isVisible) {\n <a role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n (click)=\"onClose($event)\">\n <ion-icon name=\"close-sharp\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n </a>\n}\n", styles: [".euim-alert-message{display:flex;align-items:center;font:var(--eui-f-s);padding-left:var(--eui-s-m);padding-right:var(--eui-s-xs);padding-top:var(--eui-s-xs);padding-bottom:var(--eui-s-xs)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message__wrapper .euim-label span,.euim-alert-message__wrapper .euim-label p{margin:0}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-s-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-s-m);height:var(--eui-s-m);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex}.euim-alert-message--danger{color:var(--eui-bc-danger-120);background:var(--eui-bc-danger-25)}.euim-alert-message--danger .euim-label{color:var(--eui-bc-danger-120)}.euim-alert-message--danger ion-icon{color:var(--eui-bc-danger-100)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd],.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-bc-danger-100);color:var(--eui-c-white)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd] ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-bc-danger-100)}.euim-alert-message--info{color:var(--eui-bc-info-120);background:var(--eui-bc-info-25)}.euim-alert-message--info .euim-label{color:var(--eui-bc-info-120)}.euim-alert-message--info ion-icon{color:var(--eui-bc-info-100)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd],.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-bc-info-100);color:var(--eui-c-white)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd] ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-bc-info-100)}.euim-alert-message--success{color:var(--eui-bc-success-120);background:var(--eui-bc-success-25)}.euim-alert-message--success .euim-label{color:var(--eui-bc-success-120)}.euim-alert-message--success ion-icon{color:var(--eui-bc-success-100)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd],.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-bc-success-100);color:var(--eui-c-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd] ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-bc-success-100)}.euim-alert-message--warning{color:var(--eui-bc-warning-140);background:var(--eui-bc-warning-25)}.euim-alert-message--warning .euim-label{color:var(--eui-bc-warning-140)}.euim-alert-message--warning ion-icon{color:var(--eui-bc-warning-120)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd],.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-bc-warning-120);color:var(--eui-c-white)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd] ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-bc-warning-120)}.euim-alert-message--dark{color:var(--eui-c-white);background:var(--eui-bc-neutral-100)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-white)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-alert-message--primary{color:var(--eui-c-white);background:var(--eui-bc-primary-100)}.euim-alert-message--primary ion-icon,.euim-alert-message--primary .euim-label{color:var(--eui-c-white)}.euim-alert-message--primary [slotEnd]{--background: none;--border-color: var(--eui-bc-neutral-5);color:var(--eui-bc-neutral-5)}.euim-alert-message--light{color:var(--eui-bc-neutral-100);background:var(--eui-bc-neutral-5)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-bc-neutral-100)}.euim-alert-message--light [slotEnd]{--background: var(--eui-bc-neutral-5);color:var(--eui-bc-neutral-100)}.euim-alert-message--default{color:var(--eui-c-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-c-black)}.euim-alert-message--clear{color:var(--eui-bc-neutral-100);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-bc-neutral-100)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:var(--eui-f-s)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-s-xs);padding-left:var(--eui-s-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-s-2xs)}\n"] }]
|
|
1984
2124
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimClose: [{
|
|
1985
2125
|
type: Output
|
|
1986
2126
|
}], euimLabelTruncate: [{
|
|
@@ -2001,15 +2141,15 @@ const COMPONENTS$6 = [
|
|
|
2001
2141
|
EuimAlertMessageComponent,
|
|
2002
2142
|
];
|
|
2003
2143
|
class EuimAlertMessageModule {
|
|
2004
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2005
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
2144
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlertMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2145
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimAlertMessageModule, declarations: [EuimAlertMessageComponent], imports: [CommonModule,
|
|
2006
2146
|
IonicModule,
|
|
2007
2147
|
EuimLabelModule], exports: [EuimAlertMessageComponent] }); }
|
|
2008
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
2148
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlertMessageModule, imports: [CommonModule,
|
|
2009
2149
|
IonicModule,
|
|
2010
2150
|
EuimLabelModule] }); }
|
|
2011
2151
|
}
|
|
2012
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlertMessageModule, decorators: [{
|
|
2013
2153
|
type: NgModule,
|
|
2014
2154
|
args: [{
|
|
2015
2155
|
imports: [
|
|
@@ -2046,8 +2186,12 @@ class EuimSliderInfoScreenComponent {
|
|
|
2046
2186
|
lastStepActionBtnName: '',
|
|
2047
2187
|
leftBtnName: '',
|
|
2048
2188
|
};
|
|
2189
|
+
this.actionBtnIconsNames = {
|
|
2190
|
+
rightBtnIconName: '',
|
|
2191
|
+
lastStepActionBtnIconName: '',
|
|
2192
|
+
leftBtnIconName: '',
|
|
2193
|
+
};
|
|
2049
2194
|
this.showLeftBtnAsPrevious = false;
|
|
2050
|
-
this.className = 'euim-slider-info-screen';
|
|
2051
2195
|
this.slidesArray = [];
|
|
2052
2196
|
this.currentSlide = 0;
|
|
2053
2197
|
this.startX = 0;
|
|
@@ -2055,6 +2199,9 @@ class EuimSliderInfoScreenComponent {
|
|
|
2055
2199
|
onResize(event) {
|
|
2056
2200
|
this.setSliderStyles();
|
|
2057
2201
|
}
|
|
2202
|
+
get cssClasses() {
|
|
2203
|
+
return this.getCssClasses();
|
|
2204
|
+
}
|
|
2058
2205
|
ngAfterViewInit() {
|
|
2059
2206
|
this.setSliderStyles();
|
|
2060
2207
|
}
|
|
@@ -2080,7 +2227,9 @@ class EuimSliderInfoScreenComponent {
|
|
|
2080
2227
|
this.renderer.setStyle(this.slides.nativeElement, 'width', `${this.slidesArray.length * 100}%`);
|
|
2081
2228
|
for (const slide of this.slidesArray) {
|
|
2082
2229
|
this.renderer.setStyle(slide, 'width', `${100 / this.slidesArray.length}%`);
|
|
2083
|
-
this.
|
|
2230
|
+
if (!this.isImageOnly()) {
|
|
2231
|
+
this.renderer.setStyle(slide, 'maxHeight', `${slideHeight}px`);
|
|
2232
|
+
}
|
|
2084
2233
|
this.renderer.setStyle(slide, 'overflow', 'auto');
|
|
2085
2234
|
}
|
|
2086
2235
|
// to calculate the case when there is only one slide
|
|
@@ -2154,12 +2303,28 @@ class EuimSliderInfoScreenComponent {
|
|
|
2154
2303
|
}
|
|
2155
2304
|
this.leftActionClicked.emit(event);
|
|
2156
2305
|
}
|
|
2157
|
-
|
|
2158
|
-
|
|
2306
|
+
isImageOnly() {
|
|
2307
|
+
return (this.slidesArray.length > 0 &&
|
|
2308
|
+
!document.querySelector('.euim-slider-info-screen__title') &&
|
|
2309
|
+
!document.querySelector('.euim-slider-info-screen__sub-title') &&
|
|
2310
|
+
!document.querySelector('.euim-slider-info-screen__content'));
|
|
2311
|
+
}
|
|
2312
|
+
getCssClasses() {
|
|
2313
|
+
const paginationClass = !this.paginationColor
|
|
2314
|
+
? 'pagination-color-primary'
|
|
2315
|
+
: `pagination-color-${this.paginationColor}`;
|
|
2316
|
+
return [
|
|
2317
|
+
'euim-slider-info-screen',
|
|
2318
|
+
this.isImageOnly() ? 'image-only' : '',
|
|
2319
|
+
paginationClass,
|
|
2320
|
+
].join(' ').trim();
|
|
2321
|
+
}
|
|
2322
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenComponent, deps: [{ token: i0.Renderer2 }, { token: i1.GestureController }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2323
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimSliderInfoScreenComponent, selector: "euim-slider-info-screen", inputs: { isCarousel: ["isCarousel", "isCarousel", booleanAttribute], showLeftBtn: ["showLeftBtn", "showLeftBtn", booleanAttribute], showRightBtn: ["showRightBtn", "showRightBtn", booleanAttribute], isPreviousBtn: ["isPreviousBtn", "isPreviousBtn", booleanAttribute], isNextBtn: ["isNextBtn", "isNextBtn", booleanAttribute], paginationColor: "paginationColor", actionBtnNames: "actionBtnNames", actionBtnIconsNames: "actionBtnIconsNames" }, outputs: { rightActionClicked: "rightActionClicked", lastStepActionClicked: "lastStepActionClicked", leftActionClicked: "leftActionClicked" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "slides", first: true, predicate: ["slides"], descendants: true, static: true }], ngImport: i0, template: "<div #sliderElement class=\"euim-slider-info-screen__slider-container\" >\n <div #slides class=\"euim-slider-info-screen__slides\">\n <ng-content></ng-content>\n </div>\n\n @if (!isImageOnly()) {\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn || showRightBtn || isCarousel || isLastItemReached){\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn) {\n <ion-button (click)=\"onLeftBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">\n @if (actionBtnIconsNames.leftBtnIconName !== '') {\n <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n }\n {{actionBtnNames.leftBtnName}}\n </ion-button>\n }\n @if (showLeftBtnAsPrevious) {\n <ion-button (click)=\"onLeftBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">\n @if (actionBtnIconsNames.leftBtnIconName !== '') {\n <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n }\n {{actionBtnNames.leftBtnName || 'euim.slider-info-screen.LEFT-BTN-NAME' | translate}}</ion-button>\n }\n @if (isCarousel){\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\" class=\"euim-slider-info-screen__span\"></span>\n </div>\n }\n @if (!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn) {\n <ion-button (click)=\"onRightBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">\n {{actionBtnNames.rightBtnName || 'euim.slider-info-screen.RIGHT-BTN-NAME' | translate}}\n\n @if (actionBtnIconsNames.rightBtnIconName !== '') {\n <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.rightBtnIconName\"></ion-icon>\n }\n </ion-button>\n }\n\n @if (isLastItemReached) {\n <ion-button (click)=\"onLastStepAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">\n {{actionBtnNames.lastStepActionBtnName || 'euim.slider-info-screen.LAST-STEP-ACTION-BTN-NAME' | translate}}\n\n @if (actionBtnIconsNames.lastStepActionBtnIconName !== '') {\n <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.lastStepActionBtnIconName\"></ion-icon>\n }\n </ion-button>\n }\n </div>\n }\n </div>\n }\n\n @if (isImageOnly()) {\n <div class=\"euim-slider-info-screen__pagination-container--over-image\">\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\"\n class=\"euim-slider-info-screen__span\" ></span>\n </div>\n </div>\n }\n\n</div>\n", styles: [".euim-slider-info-screen__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider-info-screen__slides{display:flex;transition:all .5s ease;height:100%;width:100%}.euim-slider-info-screen__slide{width:100%;height:100%}.euim-slider-info-screen__pagination-container--over-image{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:1}.euim-slider-info-screen__pagination-container{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:60px}.euim-slider-info-screen__pagination{display:flex}.euim-slider-info-screen__span{width:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);height:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);border-radius:50%;cursor:pointer;border:1px solid var(--eui-bc-primary-100)}.euim-slider-info-screen__span:not(:last-child){margin-right:var(--eui-s-xs)}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-primary-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span.active{background-color:var(--eui-bc-primary-100)!important}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span{border:1px solid var(--eui-bc-white)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-white)!important}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-success-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-success-100)!important}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-warning-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-warning-100)!important}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-info-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-info-100)!important}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-grey-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-grey-100)!important}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-danger-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-danger-100)!important}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-bc-primary-100);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider-info-screen__action-button::part(native){padding:0 var(--eui-s-m)}.euim-slider-info-screen__action-button--right{right:0;margin:0 var(--eui-s-xs) 0 var(--eui-s-m)}.euim-slider-info-screen__action-button--left{margin:0 var(--eui-s-m) 0 var(--eui-s-xs);left:0}.euim-slider-info-screen__action-button ion-icon{color:var(--eui-base-color-primary-100)}.euim-slider-info-screen__title{font:var(--eui-f-3xl-bold);color:var(--eui-bc-neutral-100);margin-top:var(--eui-s-l);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l)}.euim-slider-info-screen__sub-title{color:var(--eui-bc-neutral-80);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-l)}.euim-slider-info-screen__content{color:var(--eui-bc-neutral-100);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-l)}.euim-slider-info-screen__content--centered{text-align:center}.euim-slider-info-screen__title+.euim-slider-info-screen__sub-title{margin-top:var(--eui-s-2xs)}.euim-slider-info-screen__sub-title+.euim-slider-info-screen__content,title+.euim-slider-info-screen__content{margin-top:var(--eui-s-m)}.euim-slider-info-screen.image-only .euim-slider-info-screen__slider-container{height:auto}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2159
2324
|
}
|
|
2160
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2325
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenComponent, decorators: [{
|
|
2161
2326
|
type: Component,
|
|
2162
|
-
args: [{ selector: 'euim-slider-info-screen', encapsulation: ViewEncapsulation.None, template: "<div #sliderElement class=\"euim-slider-info-screen__slider-container\">\n <div #slides class=\"euim-slider-info-screen__slides\">\n <ng-content></ng-content>\n </div>\n @if (showLeftBtn || showRightBtn || isCarousel || isLastItemReached){\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn) {\n
|
|
2327
|
+
args: [{ selector: 'euim-slider-info-screen', encapsulation: ViewEncapsulation.None, template: "<div #sliderElement class=\"euim-slider-info-screen__slider-container\" >\n <div #slides class=\"euim-slider-info-screen__slides\">\n <ng-content></ng-content>\n </div>\n\n @if (!isImageOnly()) {\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn || showRightBtn || isCarousel || isLastItemReached){\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn) {\n <ion-button (click)=\"onLeftBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">\n @if (actionBtnIconsNames.leftBtnIconName !== '') {\n <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n }\n {{actionBtnNames.leftBtnName}}\n </ion-button>\n }\n @if (showLeftBtnAsPrevious) {\n <ion-button (click)=\"onLeftBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">\n @if (actionBtnIconsNames.leftBtnIconName !== '') {\n <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n }\n {{actionBtnNames.leftBtnName || 'euim.slider-info-screen.LEFT-BTN-NAME' | translate}}</ion-button>\n }\n @if (isCarousel){\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\" class=\"euim-slider-info-screen__span\"></span>\n </div>\n }\n @if (!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn) {\n <ion-button (click)=\"onRightBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">\n {{actionBtnNames.rightBtnName || 'euim.slider-info-screen.RIGHT-BTN-NAME' | translate}}\n\n @if (actionBtnIconsNames.rightBtnIconName !== '') {\n <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.rightBtnIconName\"></ion-icon>\n }\n </ion-button>\n }\n\n @if (isLastItemReached) {\n <ion-button (click)=\"onLastStepAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">\n {{actionBtnNames.lastStepActionBtnName || 'euim.slider-info-screen.LAST-STEP-ACTION-BTN-NAME' | translate}}\n\n @if (actionBtnIconsNames.lastStepActionBtnIconName !== '') {\n <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.lastStepActionBtnIconName\"></ion-icon>\n }\n </ion-button>\n }\n </div>\n }\n </div>\n }\n\n @if (isImageOnly()) {\n <div class=\"euim-slider-info-screen__pagination-container--over-image\">\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\"\n class=\"euim-slider-info-screen__span\" ></span>\n </div>\n </div>\n }\n\n</div>\n", styles: [".euim-slider-info-screen__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider-info-screen__slides{display:flex;transition:all .5s ease;height:100%;width:100%}.euim-slider-info-screen__slide{width:100%;height:100%}.euim-slider-info-screen__pagination-container--over-image{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:1}.euim-slider-info-screen__pagination-container{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:60px}.euim-slider-info-screen__pagination{display:flex}.euim-slider-info-screen__span{width:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);height:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);border-radius:50%;cursor:pointer;border:1px solid var(--eui-bc-primary-100)}.euim-slider-info-screen__span:not(:last-child){margin-right:var(--eui-s-xs)}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-primary-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span.active{background-color:var(--eui-bc-primary-100)!important}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span{border:1px solid var(--eui-bc-white)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-white)!important}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-success-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-success-100)!important}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-warning-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-warning-100)!important}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-info-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-info-100)!important}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-grey-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-grey-100)!important}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-danger-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-danger-100)!important}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-bc-primary-100);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider-info-screen__action-button::part(native){padding:0 var(--eui-s-m)}.euim-slider-info-screen__action-button--right{right:0;margin:0 var(--eui-s-xs) 0 var(--eui-s-m)}.euim-slider-info-screen__action-button--left{margin:0 var(--eui-s-m) 0 var(--eui-s-xs);left:0}.euim-slider-info-screen__action-button ion-icon{color:var(--eui-base-color-primary-100)}.euim-slider-info-screen__title{font:var(--eui-f-3xl-bold);color:var(--eui-bc-neutral-100);margin-top:var(--eui-s-l);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l)}.euim-slider-info-screen__sub-title{color:var(--eui-bc-neutral-80);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-l)}.euim-slider-info-screen__content{color:var(--eui-bc-neutral-100);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-l)}.euim-slider-info-screen__content--centered{text-align:center}.euim-slider-info-screen__title+.euim-slider-info-screen__sub-title{margin-top:var(--eui-s-2xs)}.euim-slider-info-screen__sub-title+.euim-slider-info-screen__content,title+.euim-slider-info-screen__content{margin-top:var(--eui-s-m)}.euim-slider-info-screen.image-only .euim-slider-info-screen__slider-container{height:auto}\n"] }]
|
|
2163
2328
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1.GestureController }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { slides: [{
|
|
2164
2329
|
type: ViewChild,
|
|
2165
2330
|
args: ['slides', { static: true }]
|
|
@@ -2184,27 +2349,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
2184
2349
|
}], isNextBtn: [{
|
|
2185
2350
|
type: Input,
|
|
2186
2351
|
args: [{ transform: booleanAttribute }]
|
|
2352
|
+
}], paginationColor: [{
|
|
2353
|
+
type: Input
|
|
2187
2354
|
}], actionBtnNames: [{
|
|
2188
2355
|
type: Input
|
|
2189
|
-
}],
|
|
2190
|
-
type:
|
|
2191
|
-
args: ['class']
|
|
2356
|
+
}], actionBtnIconsNames: [{
|
|
2357
|
+
type: Input
|
|
2192
2358
|
}], onResize: [{
|
|
2193
2359
|
type: HostListener,
|
|
2194
2360
|
args: ['window:resize', ['$event']]
|
|
2361
|
+
}], cssClasses: [{
|
|
2362
|
+
type: HostBinding,
|
|
2363
|
+
args: ['class']
|
|
2195
2364
|
}] } });
|
|
2196
2365
|
|
|
2197
2366
|
class EuimSlideInfoScreenComponent {
|
|
2198
2367
|
constructor() {
|
|
2199
2368
|
this.className = 'euim-slider-info-screen__slide';
|
|
2200
2369
|
}
|
|
2201
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2202
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
2370
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSlideInfoScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2371
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimSlideInfoScreenComponent, selector: "euim-slide-info-screen", host: { properties: { "class": "this.className" } }, ngImport: i0, template: `
|
|
2203
2372
|
<div #slide>
|
|
2204
2373
|
<ng-content></ng-content>
|
|
2205
2374
|
</div>`, isInline: true }); }
|
|
2206
2375
|
}
|
|
2207
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2376
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSlideInfoScreenComponent, decorators: [{
|
|
2208
2377
|
type: Component,
|
|
2209
2378
|
args: [{
|
|
2210
2379
|
selector: 'euim-slide-info-screen',
|
|
@@ -2231,10 +2400,10 @@ class EuimSliderInfoScreenContentDirective {
|
|
|
2231
2400
|
this.euimTextCenter ? 'euim-slider-info-screen__content--centered' : '',
|
|
2232
2401
|
].join(' ').trim();
|
|
2233
2402
|
}
|
|
2234
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2235
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.
|
|
2403
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2404
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.8", type: EuimSliderInfoScreenContentDirective, selector: "[euimSliderInfoScreenContent]", inputs: { euimTextCenter: ["euimTextCenter", "euimTextCenter", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
|
|
2236
2405
|
}
|
|
2237
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2406
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenContentDirective, decorators: [{
|
|
2238
2407
|
type: Directive,
|
|
2239
2408
|
args: [{
|
|
2240
2409
|
selector: '[euimSliderInfoScreenContent]',
|
|
@@ -2251,10 +2420,10 @@ class EuimSliderInfoScreenTitleDirective {
|
|
|
2251
2420
|
constructor() {
|
|
2252
2421
|
this.className = 'euim-slider-info-screen__title';
|
|
2253
2422
|
}
|
|
2254
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2255
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
2423
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2424
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimSliderInfoScreenTitleDirective, selector: "[euimSliderInfoScreenTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
2256
2425
|
}
|
|
2257
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2426
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenTitleDirective, decorators: [{
|
|
2258
2427
|
type: Directive,
|
|
2259
2428
|
args: [{
|
|
2260
2429
|
selector: '[euimSliderInfoScreenTitle]',
|
|
@@ -2268,10 +2437,10 @@ class EuimSliderInfoScreenSubTitleDirective {
|
|
|
2268
2437
|
constructor() {
|
|
2269
2438
|
this.className = 'euim-slider-info-screen__sub-title';
|
|
2270
2439
|
}
|
|
2271
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2272
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
2440
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenSubTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2441
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimSliderInfoScreenSubTitleDirective, selector: "[euimSliderInfoScreenSubTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
2273
2442
|
}
|
|
2274
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2443
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenSubTitleDirective, decorators: [{
|
|
2275
2444
|
type: Directive,
|
|
2276
2445
|
args: [{
|
|
2277
2446
|
selector: '[euimSliderInfoScreenSubTitle]',
|
|
@@ -2289,8 +2458,8 @@ const COMPONENTS$5 = [
|
|
|
2289
2458
|
EuimSliderInfoScreenSubTitleDirective,
|
|
2290
2459
|
];
|
|
2291
2460
|
class EuimSliderInfoScreenModule {
|
|
2292
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2293
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
2461
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2462
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenModule, declarations: [EuimSliderInfoScreenComponent,
|
|
2294
2463
|
EuimSlideInfoScreenComponent,
|
|
2295
2464
|
EuimSliderInfoScreenContentDirective,
|
|
2296
2465
|
EuimSliderInfoScreenTitleDirective,
|
|
@@ -2301,11 +2470,11 @@ class EuimSliderInfoScreenModule {
|
|
|
2301
2470
|
EuimSliderInfoScreenContentDirective,
|
|
2302
2471
|
EuimSliderInfoScreenTitleDirective,
|
|
2303
2472
|
EuimSliderInfoScreenSubTitleDirective] }); }
|
|
2304
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
2473
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenModule, imports: [CommonModule,
|
|
2305
2474
|
IonicModule,
|
|
2306
2475
|
TranslateModule] }); }
|
|
2307
2476
|
}
|
|
2308
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2477
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenModule, decorators: [{
|
|
2309
2478
|
type: NgModule,
|
|
2310
2479
|
args: [{
|
|
2311
2480
|
imports: [
|
|
@@ -2330,10 +2499,10 @@ class EuimChipSelectorItemDirective {
|
|
|
2330
2499
|
this.euimChipSelectorAll = false;
|
|
2331
2500
|
this.className = 'euim-chip-selector__item';
|
|
2332
2501
|
}
|
|
2333
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2334
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.
|
|
2502
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimChipSelectorItemDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2503
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.8", type: EuimChipSelectorItemDirective, selector: "[euimChipSelectorItem]", inputs: { id: ["id", "id", numberAttribute], euimChipSelectorAll: ["euimChipSelectorAll", "euimChipSelectorAll", booleanAttribute] }, host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
2335
2504
|
}
|
|
2336
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2505
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimChipSelectorItemDirective, decorators: [{
|
|
2337
2506
|
type: Directive,
|
|
2338
2507
|
args: [{
|
|
2339
2508
|
selector: '[euimChipSelectorItem]',
|
|
@@ -2356,6 +2525,9 @@ class EuimChipSelectorComponent {
|
|
|
2356
2525
|
this.chipSelectedColor = 'white';
|
|
2357
2526
|
this.chipFill = 'default';
|
|
2358
2527
|
this.sourceData = [];
|
|
2528
|
+
this.hasBoxShadow = false;
|
|
2529
|
+
this.hasNoScrollerX = false;
|
|
2530
|
+
this.hasColorTransparency = false;
|
|
2359
2531
|
this.selectedChips = [];
|
|
2360
2532
|
this.isMultiSelectionMode = false;
|
|
2361
2533
|
this.isCustomMode = false;
|
|
@@ -2363,6 +2535,7 @@ class EuimChipSelectorComponent {
|
|
|
2363
2535
|
this.hasSearchbar = false;
|
|
2364
2536
|
this.filterData = new EventEmitter();
|
|
2365
2537
|
this.clickItems = new EventEmitter();
|
|
2538
|
+
this.selectedChipsChange = new EventEmitter();
|
|
2366
2539
|
this.filteredData = [...this.sourceData];
|
|
2367
2540
|
this.filterConditions = [];
|
|
2368
2541
|
this.searchInput = '';
|
|
@@ -2404,7 +2577,18 @@ class EuimChipSelectorComponent {
|
|
|
2404
2577
|
}
|
|
2405
2578
|
if (this.euimChipSelectorItemComponent && this.euimChipSelectorItemComponent.length > 0 &&
|
|
2406
2579
|
changes['selectedChips']?.currentValue && !changes['selectedChips']?.currentValue.every((value) => value === '0')) {
|
|
2407
|
-
this.updateChipsAndFilterDataAfterInit();
|
|
2580
|
+
this.updateChipsAndFilterDataAfterInit(this.isEmitEvent = false);
|
|
2581
|
+
this.selectedChipsChange.emit(this.selectedChips);
|
|
2582
|
+
return;
|
|
2583
|
+
}
|
|
2584
|
+
if (this.euimChipSelectorItemComponent && this.euimChipSelectorItemComponent.length > 0 &&
|
|
2585
|
+
changes['chipSelectedColor']?.currentValue) {
|
|
2586
|
+
this.euimChipSelectorItemComponent.forEach(chip => {
|
|
2587
|
+
chip.el.nativeElement.classList.remove(`euim-chip-selector__item-selected--color-${changes['chipSelectedColor']?.previousValue}`);
|
|
2588
|
+
if (chip.el.nativeElement.getAttribute('selected') === 'true') {
|
|
2589
|
+
chip.el.nativeElement.classList.add(`euim-chip-selector__item-selected--color-${changes['chipSelectedColor']?.currentValue}`);
|
|
2590
|
+
}
|
|
2591
|
+
});
|
|
2408
2592
|
return;
|
|
2409
2593
|
}
|
|
2410
2594
|
}
|
|
@@ -2412,6 +2596,7 @@ class EuimChipSelectorComponent {
|
|
|
2412
2596
|
return [
|
|
2413
2597
|
'euim-chip-selector',
|
|
2414
2598
|
this.backgroundColor ? `euim-chip-selector--background-color-${this.backgroundColor}` : '',
|
|
2599
|
+
this.hasNoScrollerX ? 'euim-chip-selector--has-no-scroller-x' : '',
|
|
2415
2600
|
].join(' ').trim();
|
|
2416
2601
|
}
|
|
2417
2602
|
setCssItemClasses() {
|
|
@@ -2426,7 +2611,11 @@ class EuimChipSelectorComponent {
|
|
|
2426
2611
|
return [
|
|
2427
2612
|
this.chipFill ? `euim-chip-selector__item--fill-${this.chipFill}` : '',
|
|
2428
2613
|
this.color ? `euim-chip-selector__item--color-${this.color}` : '',
|
|
2429
|
-
|
|
2614
|
+
this.hasColorTransparency ? `euim-chip-selector__item--color-${this.color}-with-transparency` : '',
|
|
2615
|
+
this.hasBoxShadow ? 'euim-chip-selector__item--has-box-shadow' : '',
|
|
2616
|
+
]
|
|
2617
|
+
.filter(Boolean)
|
|
2618
|
+
.join(' ');
|
|
2430
2619
|
}
|
|
2431
2620
|
updateChipsAndFilters() {
|
|
2432
2621
|
this.euimChipSelectorItemComponent.forEach(chip => {
|
|
@@ -2443,6 +2632,7 @@ class EuimChipSelectorComponent {
|
|
|
2443
2632
|
this.onFilterChange(chip.id?.toString(), chip.euimChipSelectorAll, chip.el.nativeElement);
|
|
2444
2633
|
this.filterData.emit(this.filteredData);
|
|
2445
2634
|
this.clickItems.emit(this.selectedChips);
|
|
2635
|
+
this.selectedChipsChange.emit(this.selectedChips);
|
|
2446
2636
|
this.clickEventHandled = false;
|
|
2447
2637
|
}
|
|
2448
2638
|
});
|
|
@@ -2478,7 +2668,7 @@ class EuimChipSelectorComponent {
|
|
|
2478
2668
|
}
|
|
2479
2669
|
});
|
|
2480
2670
|
this.filterData.emit(this.sourceData);
|
|
2481
|
-
this.
|
|
2671
|
+
this.selectedChipsChange.emit(this.selectedChips);
|
|
2482
2672
|
}
|
|
2483
2673
|
updateChipsAndFilterDataAfterInit(isEmitEvent) {
|
|
2484
2674
|
this.euimChipSelectorItemComponent.forEach(chip => {
|
|
@@ -2600,12 +2790,12 @@ class EuimChipSelectorComponent {
|
|
|
2600
2790
|
return data;
|
|
2601
2791
|
return data.filter(item => multipleFilterConditions.includes(item.filterId));
|
|
2602
2792
|
}
|
|
2603
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2604
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
2793
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimChipSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2794
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimChipSelectorComponent, selector: "euim-chip-selector", inputs: { backgroundColor: "backgroundColor", color: "color", chipSelectedColor: "chipSelectedColor", chipFill: "chipFill", sourceData: "sourceData", hasBoxShadow: ["hasBoxShadow", "hasBoxShadow", booleanAttribute], hasNoScrollerX: ["hasNoScrollerX", "hasNoScrollerX", booleanAttribute], hasColorTransparency: ["hasColorTransparency", "hasColorTransparency", booleanAttribute], selectedChips: "selectedChips", isMultiSelectionMode: ["isMultiSelectionMode", "isMultiSelectionMode", booleanAttribute], isCustomMode: ["isCustomMode", "isCustomMode", booleanAttribute], euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute], hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute] }, outputs: { filterData: "filterData", clickItems: "clickItems", selectedChipsChange: "selectedChipsChange" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimChipSelectorItemComponent", predicate: EuimChipSelectorItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (hasNoScrollerX) {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n <euim-scroller-x>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </euim-scroller-x>\n}\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n\n", styles: [".euim-chip-selector{padding:var(--eui-s-xs) 0 var(--eui-s-xs) var(--eui-s-xs);display:flex;justify-content:center;flex-direction:column}.euim-chip-selector ion-chip{margin:calc(var(--eui-s-2xs) / 2) var(--eui-s-xs) calc(var(--eui-base-spacing-2xs) / 2) 0;padding:0 var(--eui-s-xs)}.euim-chip-selector ion-searchbar{padding-inline-start:0;padding-top:0;padding-bottom:var(--eui-s-s)}@media (min-width: 768px){.euim-chip-selector .euim-scroller-x{flex-wrap:wrap;gap:var(--eui-base-spacing-xs)}}ion-chip.euim-chip-selector__item--has-box-shadow{box-shadow:0 calc(var(--eui-base-spacing-2xs) / 2) var(--eui-base-spacing-2xs) #0003;margin-bottom:var(--eui-base-spacing-2xs)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent!important;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-primary{background-color:var(--eui-bc-primary-100)}.euim-chip-selector--background-color-transparent{background-color:transparent}.euim-chip-selector__item--color-success{background-color:var(--eui-bc-success-25);border-color:var(--eui-bc-success-25);color:var(--eui-bc-success-100)}.euim-chip-selector__item--color-success ion-icon{color:var(--eui-base-color-success-100)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-success-50)}.euim-chip-selector__item--color-warning{background-color:var(--eui-bc-warning-25);border-color:var(--eui-bc-warning-25);color:var(--eui-bc-warning-140)}.euim-chip-selector__item--color-warning ion-icon{color:var(--eui-base-color-warning-140)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-warning-50)}.euim-chip-selector__item--color-danger{background-color:var(--eui-bc-danger-25);border-color:var(--eui-bc-danger-25);color:var(--eui-bc-danger-100)}.euim-chip-selector__item--color-danger ion-icon{color:var(--eui-base-color-danger-100)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-danger-50)}.euim-chip-selector__item--color-primary{background-color:var(--eui-bc-primary-25);border-color:var(--eui-bc-primary-25);color:var(--eui-bc-primary-100)}.euim-chip-selector__item--color-primary ion-icon{color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-primary-100)}.euim-chip-selector__item--color-info{background-color:var(--eui-bc-info-25);border-color:var(--eui-bc-info-25);color:var(--eui-bc-info-100)}.euim-chip-selector__item--color-info ion-icon{color:var(--eui-base-color-info-100)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-info-50)}.euim-chip-selector__item--color-dark{background-color:var(--eui-bc-neutral-100);border-color:var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-chip-selector__item--color-dark ion-icon{color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{color:var(--eui-bc-neutral-100)}.euim-chip-selector__item--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white);color:var(--eui-bc-neutral-100)}.euim-chip-selector__item--color-white ion-icon{color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-white.euim-chip-selector__item--color-white-with-transparency{background-color:#ffffff30;border-color:transparent;color:var(--eui-c-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-bc-neutral-15);border-color:var(--eui-bc-neutral-15);color:var(--eui-bc-neutral-100)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-neutral-60)}ion-chip.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-white)!important;border-color:var(--eui-c-white)!important;color:var(--eui-bc-neutral-100)!important}ion-chip.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-base-color-grey-100)!important}ion-chip.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-bc-neutral-100)!important;border-color:var(--eui-bc-neutral-100)!important;color:var(--eui-c-white)!important}ion-chip.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-base-color-primary-100)!important;border-color:var(--eui-base-color-primary-100)!important;color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-info{background-color:var(--eui-base-color-info-100)!important;border-color:var(--eui-base-color-info-100)!important;color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-success{background-color:var(--eui-base-color-success-100)!important;border-color:var(--eui-base-color-success-100)!important;color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-base-color-danger-100)!important;border-color:var(--eui-base-color-danger-100)!important;color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-base-color-warning-100)!important;border-color:var(--eui-base-color-warning-100)!important;color:var(--eui-base-color-warning-100-contrast)!important}ion-chip.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-base-color-warning-100-contrast)!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EuimScrollerXComponent, selector: "euim-scroller-x" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2605
2795
|
}
|
|
2606
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2796
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimChipSelectorComponent, decorators: [{
|
|
2607
2797
|
type: Component,
|
|
2608
|
-
args: [{ selector: 'euim-chip-selector', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (
|
|
2798
|
+
args: [{ selector: 'euim-chip-selector', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (hasNoScrollerX) {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n <euim-scroller-x>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </euim-scroller-x>\n}\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n\n", styles: [".euim-chip-selector{padding:var(--eui-s-xs) 0 var(--eui-s-xs) var(--eui-s-xs);display:flex;justify-content:center;flex-direction:column}.euim-chip-selector ion-chip{margin:calc(var(--eui-s-2xs) / 2) var(--eui-s-xs) calc(var(--eui-base-spacing-2xs) / 2) 0;padding:0 var(--eui-s-xs)}.euim-chip-selector ion-searchbar{padding-inline-start:0;padding-top:0;padding-bottom:var(--eui-s-s)}@media (min-width: 768px){.euim-chip-selector .euim-scroller-x{flex-wrap:wrap;gap:var(--eui-base-spacing-xs)}}ion-chip.euim-chip-selector__item--has-box-shadow{box-shadow:0 calc(var(--eui-base-spacing-2xs) / 2) var(--eui-base-spacing-2xs) #0003;margin-bottom:var(--eui-base-spacing-2xs)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent!important;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-primary{background-color:var(--eui-bc-primary-100)}.euim-chip-selector--background-color-transparent{background-color:transparent}.euim-chip-selector__item--color-success{background-color:var(--eui-bc-success-25);border-color:var(--eui-bc-success-25);color:var(--eui-bc-success-100)}.euim-chip-selector__item--color-success ion-icon{color:var(--eui-base-color-success-100)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-success-50)}.euim-chip-selector__item--color-warning{background-color:var(--eui-bc-warning-25);border-color:var(--eui-bc-warning-25);color:var(--eui-bc-warning-140)}.euim-chip-selector__item--color-warning ion-icon{color:var(--eui-base-color-warning-140)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-warning-50)}.euim-chip-selector__item--color-danger{background-color:var(--eui-bc-danger-25);border-color:var(--eui-bc-danger-25);color:var(--eui-bc-danger-100)}.euim-chip-selector__item--color-danger ion-icon{color:var(--eui-base-color-danger-100)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-danger-50)}.euim-chip-selector__item--color-primary{background-color:var(--eui-bc-primary-25);border-color:var(--eui-bc-primary-25);color:var(--eui-bc-primary-100)}.euim-chip-selector__item--color-primary ion-icon{color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-primary-100)}.euim-chip-selector__item--color-info{background-color:var(--eui-bc-info-25);border-color:var(--eui-bc-info-25);color:var(--eui-bc-info-100)}.euim-chip-selector__item--color-info ion-icon{color:var(--eui-base-color-info-100)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-info-50)}.euim-chip-selector__item--color-dark{background-color:var(--eui-bc-neutral-100);border-color:var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-chip-selector__item--color-dark ion-icon{color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{color:var(--eui-bc-neutral-100)}.euim-chip-selector__item--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white);color:var(--eui-bc-neutral-100)}.euim-chip-selector__item--color-white ion-icon{color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-white.euim-chip-selector__item--color-white-with-transparency{background-color:#ffffff30;border-color:transparent;color:var(--eui-c-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-bc-neutral-15);border-color:var(--eui-bc-neutral-15);color:var(--eui-bc-neutral-100)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-neutral-60)}ion-chip.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-white)!important;border-color:var(--eui-c-white)!important;color:var(--eui-bc-neutral-100)!important}ion-chip.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-base-color-grey-100)!important}ion-chip.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-bc-neutral-100)!important;border-color:var(--eui-bc-neutral-100)!important;color:var(--eui-c-white)!important}ion-chip.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-base-color-primary-100)!important;border-color:var(--eui-base-color-primary-100)!important;color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-info{background-color:var(--eui-base-color-info-100)!important;border-color:var(--eui-base-color-info-100)!important;color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-success{background-color:var(--eui-base-color-success-100)!important;border-color:var(--eui-base-color-success-100)!important;color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-base-color-danger-100)!important;border-color:var(--eui-base-color-danger-100)!important;color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-base-color-warning-100)!important;border-color:var(--eui-base-color-warning-100)!important;color:var(--eui-base-color-warning-100-contrast)!important}ion-chip.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-base-color-warning-100-contrast)!important}\n"] }]
|
|
2609
2799
|
}], propDecorators: { backgroundColor: [{
|
|
2610
2800
|
type: Input
|
|
2611
2801
|
}], color: [{
|
|
@@ -2616,6 +2806,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
2616
2806
|
type: Input
|
|
2617
2807
|
}], sourceData: [{
|
|
2618
2808
|
type: Input
|
|
2809
|
+
}], hasBoxShadow: [{
|
|
2810
|
+
type: Input,
|
|
2811
|
+
args: [{ transform: booleanAttribute }]
|
|
2812
|
+
}], hasNoScrollerX: [{
|
|
2813
|
+
type: Input,
|
|
2814
|
+
args: [{ transform: booleanAttribute }]
|
|
2815
|
+
}], hasColorTransparency: [{
|
|
2816
|
+
type: Input,
|
|
2817
|
+
args: [{ transform: booleanAttribute }]
|
|
2619
2818
|
}], selectedChips: [{
|
|
2620
2819
|
type: Input
|
|
2621
2820
|
}], isMultiSelectionMode: [{
|
|
@@ -2634,6 +2833,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
2634
2833
|
type: Output
|
|
2635
2834
|
}], clickItems: [{
|
|
2636
2835
|
type: Output
|
|
2836
|
+
}], selectedChipsChange: [{
|
|
2837
|
+
type: Output
|
|
2637
2838
|
}], cssClasses: [{
|
|
2638
2839
|
type: HostBinding,
|
|
2639
2840
|
args: ['class']
|
|
@@ -2643,17 +2844,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
2643
2844
|
}] } });
|
|
2644
2845
|
|
|
2645
2846
|
class EuimChipSelectorComponentModule {
|
|
2646
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2647
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
2847
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimChipSelectorComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2848
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimChipSelectorComponentModule, declarations: [EuimChipSelectorComponent,
|
|
2648
2849
|
EuimChipSelectorItemDirective], imports: [CommonModule,
|
|
2649
2850
|
IonicModule,
|
|
2650
2851
|
EuimScrollerXComponentModule], exports: [EuimChipSelectorComponent,
|
|
2651
2852
|
EuimChipSelectorItemDirective] }); }
|
|
2652
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
2853
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimChipSelectorComponentModule, imports: [CommonModule,
|
|
2653
2854
|
IonicModule,
|
|
2654
2855
|
EuimScrollerXComponentModule] }); }
|
|
2655
2856
|
}
|
|
2656
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2857
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimChipSelectorComponentModule, decorators: [{
|
|
2657
2858
|
type: NgModule,
|
|
2658
2859
|
args: [{
|
|
2659
2860
|
imports: [
|
|
@@ -2695,10 +2896,10 @@ class EuimSkeletonListItemComponent {
|
|
|
2695
2896
|
.join(' ')
|
|
2696
2897
|
.trim();
|
|
2697
2898
|
}
|
|
2698
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2699
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
2899
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListItemComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2900
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimSkeletonListItemComponent, selector: "euim-skeleton-list-item", inputs: { hasAvatar: ["hasAvatar", "hasAvatar", booleanAttribute], hasTitle: ["hasTitle", "hasTitle", booleanAttribute], hasSubtitle: ["hasSubtitle", "hasSubtitle", booleanAttribute], hasMetaLine: ["hasMetaLine", "hasMetaLine", booleanAttribute], isAnimated: ["isAnimated", "isAnimated", booleanAttribute], avatarType: "avatarType", separator: "separator", titleWidth: "titleWidth", subTitleWidth: "subTitleWidth", metaLineWidth: "metaLineWidth" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSize2XL", "euimSize2XL", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ion-item button [lines]=\"separator\">\n @if (hasAvatar) {\n <ion-thumbnail slot=\"start\">\n <ion-skeleton-text [animated]=\"true\"></ion-skeleton-text>\n </ion-thumbnail>\n }\n <ion-label>\n @if (hasTitle) {\n <ion-skeleton-text [animated]=\"isAnimated\"\n [style.width]=\"titleWidth || '80%'\"></ion-skeleton-text>\n }\n @if (hasSubtitle) {\n <ion-skeleton-text [animated]=\"isAnimated\"\n [style.width]=\"subTitleWidth || '60%'\"></ion-skeleton-text>\n }\n @if (hasMetaLine) {\n <ion-skeleton-text [animated]=\"isAnimated\"\n [style.width]=\"metaLineWidth || '40%'\"></ion-skeleton-text>\n }\n </ion-label>\n</ion-item>\n", styles: [".euim-skeleton-list-item ion-label ion-skeleton-text{margin-bottom:var(--eui-s-xs)}.euim-skeleton-list-item ion-thumbnail{width:var(--eui-s-2xl);height:var(--eui-s-2xl)}.euim-skeleton-list-item--size-l ion-thumbnail{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-skeleton-list-item--size-2xl ion-thumbnail{width:var(--eui-s-2xl);height:var(--eui-s-2xl)}.euim-skeleton-list-item ion-thumbnail{--border-radius: 50%}.euim-skeleton-list-item--square ion-thumbnail{--border-radius: 0}\n"], dependencies: [{ kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }, { kind: "component", type: i1.IonThumbnail, selector: "ion-thumbnail" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2700
2901
|
}
|
|
2701
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2902
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListItemComponent, decorators: [{
|
|
2702
2903
|
type: Component,
|
|
2703
2904
|
args: [{ selector: 'euim-skeleton-list-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
2704
2905
|
{
|
|
@@ -2743,13 +2944,13 @@ const COMPONENTS$4 = [
|
|
|
2743
2944
|
EuimSkeletonListItemComponent,
|
|
2744
2945
|
];
|
|
2745
2946
|
class EuimSkeletonListItemModule {
|
|
2746
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2747
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
2947
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2948
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListItemModule, declarations: [EuimSkeletonListItemComponent], imports: [CommonModule,
|
|
2748
2949
|
IonicModule], exports: [EuimSkeletonListItemComponent] }); }
|
|
2749
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
2950
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListItemModule, imports: [CommonModule,
|
|
2750
2951
|
IonicModule] }); }
|
|
2751
2952
|
}
|
|
2752
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2953
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListItemModule, decorators: [{
|
|
2753
2954
|
type: NgModule,
|
|
2754
2955
|
args: [{
|
|
2755
2956
|
imports: [
|
|
@@ -2789,10 +2990,10 @@ class EuimSkeletonListComponent {
|
|
|
2789
2990
|
get itemsArray() {
|
|
2790
2991
|
return Array.from({ length: this.items });
|
|
2791
2992
|
}
|
|
2792
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2793
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
2993
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2994
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimSkeletonListComponent, selector: "euim-skeleton-list", inputs: { items: "items" }, queries: [{ propertyName: "skeletonListItem", first: true, predicate: EuimSkeletonListItemComponent, descendants: true }], ngImport: i0, template: "@for (item of itemsArray; track item) {\n @if (!skeletonListItem) {\n <euim-skeleton-list-item></euim-skeleton-list-item>\n }\n @if (skeletonListItem) {\n <ng-container *ngComponentOutlet=\"skeletonItem; inputs: skeletonItemInputs\"></ng-container>\n }\n}\n\n", dependencies: [{ kind: "directive", type: i2$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "component", type: EuimSkeletonListItemComponent, selector: "euim-skeleton-list-item", inputs: ["hasAvatar", "hasTitle", "hasSubtitle", "hasMetaLine", "isAnimated", "avatarType", "separator", "titleWidth", "subTitleWidth", "metaLineWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2794
2995
|
}
|
|
2795
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2996
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListComponent, decorators: [{
|
|
2796
2997
|
type: Component,
|
|
2797
2998
|
args: [{ selector: 'euim-skeleton-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (item of itemsArray; track item) {\n @if (!skeletonListItem) {\n <euim-skeleton-list-item></euim-skeleton-list-item>\n }\n @if (skeletonListItem) {\n <ng-container *ngComponentOutlet=\"skeletonItem; inputs: skeletonItemInputs\"></ng-container>\n }\n}\n\n" }]
|
|
2798
2999
|
}], propDecorators: { items: [{
|
|
@@ -2806,15 +3007,15 @@ const COMPONENTS$3 = [
|
|
|
2806
3007
|
EuimSkeletonListComponent,
|
|
2807
3008
|
];
|
|
2808
3009
|
class EuimSkeletonListModule {
|
|
2809
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2810
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
3010
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3011
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListModule, declarations: [EuimSkeletonListComponent], imports: [CommonModule,
|
|
2811
3012
|
IonicModule,
|
|
2812
3013
|
EuimSkeletonListItemModule], exports: [EuimSkeletonListComponent] }); }
|
|
2813
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
3014
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListModule, imports: [CommonModule,
|
|
2814
3015
|
IonicModule,
|
|
2815
3016
|
EuimSkeletonListItemModule] }); }
|
|
2816
3017
|
}
|
|
2817
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3018
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListModule, decorators: [{
|
|
2818
3019
|
type: NgModule,
|
|
2819
3020
|
args: [{
|
|
2820
3021
|
imports: [
|
|
@@ -2888,10 +3089,10 @@ class EuimMultiselectComponent {
|
|
|
2888
3089
|
this.initialDataProvider = changes['currentDataProvider']?.currentValue;
|
|
2889
3090
|
}
|
|
2890
3091
|
}
|
|
2891
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2892
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
3092
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3093
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimMultiselectComponent, selector: "euim-multiselect", inputs: { currentDataProvider: "currentDataProvider", toolbarTitle: "toolbarTitle", euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute] }, host: { properties: { "class": "this.className" } }, exportAs: ["euimMultiselect"], usesOnChanges: true, ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"light\" class=\"euim-multiselect__toolbar\">\n <ng-content select=\"euim-multiselect-toolbar\"></ng-content>\n <ion-toolbar color=\"light\">\n <ng-content select=\"euim-multiselect-filter\"></ng-content>\n </ion-toolbar>\n </ion-toolbar>\n</ion-header>\n\n@if (currentDataProvider?.length > 0) {\n <ng-content select=\"euim-multiselect-list\">\n </ng-content>\n}\n\n@if (currentDataProvider?.length === 0) {\n <ng-content select=\"euim-empty-list-placeholder\">\n </ng-content>\n}\n\n\n\n", styles: [".euim-multiselect__toolbar{color:var(--eui-bc-neutral-100)}.euim-multiselect__toolbar--title{font:var(--eui-f-xl-bold)}\n"], dependencies: [{ kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2893
3094
|
}
|
|
2894
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3095
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectComponent, decorators: [{
|
|
2895
3096
|
type: Component,
|
|
2896
3097
|
args: [{ selector: 'euim-multiselect', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'euimMultiselect', template: "<ion-header>\n <ion-toolbar color=\"light\" class=\"euim-multiselect__toolbar\">\n <ng-content select=\"euim-multiselect-toolbar\"></ng-content>\n <ion-toolbar color=\"light\">\n <ng-content select=\"euim-multiselect-filter\"></ng-content>\n </ion-toolbar>\n </ion-toolbar>\n</ion-header>\n\n@if (currentDataProvider?.length > 0) {\n <ng-content select=\"euim-multiselect-list\">\n </ng-content>\n}\n\n@if (currentDataProvider?.length === 0) {\n <ng-content select=\"euim-empty-list-placeholder\">\n </ng-content>\n}\n\n\n\n", styles: [".euim-multiselect__toolbar{color:var(--eui-bc-neutral-100)}.euim-multiselect__toolbar--title{font:var(--eui-f-xl-bold)}\n"] }]
|
|
2897
3098
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { className: [{
|
|
@@ -2954,10 +3155,10 @@ class EuimMultiselectFilterComponent {
|
|
|
2954
3155
|
this.multiselect.numberOfSelected = this.multiselect.countSelectedItems();
|
|
2955
3156
|
}
|
|
2956
3157
|
}
|
|
2957
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2958
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
3158
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectFilterComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3159
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimMultiselectFilterComponent, selector: "euim-multiselect-filter", inputs: { filterByFieldsNames: "filterByFieldsNames" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-searchbar (ionChange)=\"handleChange($event)\"\n class=\"euim-multiselect-filter__searchbar\"></ion-searchbar>\n", styles: [".euim-multiselect-filter__searchbar input::placeholder{opacity:1!important;color:var(--eui-bc-neutral-80)!important}\n"], dependencies: [{ kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2959
3160
|
}
|
|
2960
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3161
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectFilterComponent, decorators: [{
|
|
2961
3162
|
type: Component,
|
|
2962
3163
|
args: [{ selector: 'euim-multiselect-filter', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ion-searchbar (ionChange)=\"handleChange($event)\"\n class=\"euim-multiselect-filter__searchbar\"></ion-searchbar>\n", styles: [".euim-multiselect-filter__searchbar input::placeholder{opacity:1!important;color:var(--eui-bc-neutral-80)!important}\n"] }]
|
|
2963
3164
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
@@ -2988,10 +3189,10 @@ class EuimMultiselectAllDirective {
|
|
|
2988
3189
|
get checked() {
|
|
2989
3190
|
return this.euimMulti.selectAll;
|
|
2990
3191
|
}
|
|
2991
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2992
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
3192
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectAllDirective, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3193
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimMultiselectAllDirective, selector: "[euimMultiselectAll]", host: { listeners: { "ionChange": "onIonChange($event)" }, properties: { "class": "this.className", "indeterminate": "this.indeterminate", "checked": "this.checked" } }, ngImport: i0 }); }
|
|
2993
3194
|
}
|
|
2994
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3195
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectAllDirective, decorators: [{
|
|
2995
3196
|
type: Directive,
|
|
2996
3197
|
args: [{
|
|
2997
3198
|
selector: '[euimMultiselectAll]',
|
|
@@ -3015,10 +3216,10 @@ class EuimMultiselectListComponent {
|
|
|
3015
3216
|
this.multiselect = multiselect;
|
|
3016
3217
|
this.className = 'euim-multiselect-list';
|
|
3017
3218
|
}
|
|
3018
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3019
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
3219
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectListComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3220
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimMultiselectListComponent, selector: "euim-multiselect-list", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-list>\n <ng-content></ng-content>\n</ion-list>\n", styles: [""], dependencies: [{ kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3020
3221
|
}
|
|
3021
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3222
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectListComponent, decorators: [{
|
|
3022
3223
|
type: Component,
|
|
3023
3224
|
args: [{ selector: 'euim-multiselect-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ion-list>\n <ng-content></ng-content>\n</ion-list>\n" }]
|
|
3024
3225
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
@@ -3054,10 +3255,10 @@ class EuimMultiselectSelectFieldDirective {
|
|
|
3054
3255
|
this.euimMulti.numberOfSelected = this.euimMulti.countSelectedItems();
|
|
3055
3256
|
}
|
|
3056
3257
|
}
|
|
3057
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3058
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
3258
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectSelectFieldDirective, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3259
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimMultiselectSelectFieldDirective, selector: "[euimMultiselectSelectField]", inputs: { item: "item" }, host: { listeners: { "ionChange": "onIonChange($event)" }, properties: { "class": "this.className", "item": "this.item" } }, ngImport: i0 }); }
|
|
3059
3260
|
}
|
|
3060
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3261
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectSelectFieldDirective, decorators: [{
|
|
3061
3262
|
type: Directive,
|
|
3062
3263
|
args: [{
|
|
3063
3264
|
selector: '[euimMultiselectSelectField]',
|
|
@@ -3084,10 +3285,10 @@ class EuimMultiselectInfoComponent {
|
|
|
3084
3285
|
ngAfterContentChecked() {
|
|
3085
3286
|
this.ref.detectChanges();
|
|
3086
3287
|
}
|
|
3087
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3088
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
3288
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectInfoComponent, deps: [{ token: EuimMultiselectComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3289
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimMultiselectInfoComponent, selector: "euim-multiselect-info", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "{{ \"euim.multiselect-info\" | translate:\n { number: multiselect.countSelectedItems(),\n arr: multiselect.currentDataProvider?.length } }}\n\n", styles: [".euim-multiselect-info{font:var(--eui-f-m);color:var(--eui-bc-neutral-80)}\n"], dependencies: [{ kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3089
3290
|
}
|
|
3090
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3291
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectInfoComponent, decorators: [{
|
|
3091
3292
|
type: Component,
|
|
3092
3293
|
args: [{ selector: 'euim-multiselect-info', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "{{ \"euim.multiselect-info\" | translate:\n { number: multiselect.countSelectedItems(),\n arr: multiselect.currentDataProvider?.length } }}\n\n", styles: [".euim-multiselect-info{font:var(--eui-f-m);color:var(--eui-bc-neutral-80)}\n"] }]
|
|
3093
3294
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }, { type: i0.ChangeDetectorRef }], propDecorators: { className: [{
|
|
@@ -3110,10 +3311,10 @@ class EuimMultiselectToolbarComponent {
|
|
|
3110
3311
|
onCancelClick() {
|
|
3111
3312
|
this.cancel.emit(true);
|
|
3112
3313
|
}
|
|
3113
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3114
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
3314
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectToolbarComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3315
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimMultiselectToolbarComponent, selector: "euim-multiselect-toolbar", inputs: { toolbarTitle: "toolbarTitle", euimCustomRender: ["euimCustomRender", "euimCustomRender", booleanAttribute] }, outputs: { cancel: "cancel", confirm: "confirm" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "@if (!euimCustomRender) {\n <euim-toolbar\n [hasBackButton]=\"false\" [hasSidebarTrigger]=\"false\" >\n <ion-button (click)=\"onCancelClick()\">\n <ion-icon name=\"close-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ng-content select=\"ion-button\"></ng-content>\n <euim-toolbar-title class=\"euim-multiselect__toolbar--title\">\n {{toolbarTitle}}\n </euim-toolbar-title>\n <euim-toolbar-action-items>\n <ion-button (click)=\"onConfirm()\">\n <ion-icon name=\"checkmark-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </euim-toolbar-action-items>\n </euim-toolbar>\n}\n@if (euimCustomRender) {\n <ng-content></ng-content>\n}\n\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.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { 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" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3115
3316
|
}
|
|
3116
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3317
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectToolbarComponent, decorators: [{
|
|
3117
3318
|
type: Component,
|
|
3118
3319
|
args: [{ selector: 'euim-multiselect-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if (!euimCustomRender) {\n <euim-toolbar\n [hasBackButton]=\"false\" [hasSidebarTrigger]=\"false\" >\n <ion-button (click)=\"onCancelClick()\">\n <ion-icon name=\"close-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ng-content select=\"ion-button\"></ng-content>\n <euim-toolbar-title class=\"euim-multiselect__toolbar--title\">\n {{toolbarTitle}}\n </euim-toolbar-title>\n <euim-toolbar-action-items>\n <ion-button (click)=\"onConfirm()\">\n <ion-icon name=\"checkmark-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </euim-toolbar-action-items>\n </euim-toolbar>\n}\n@if (euimCustomRender) {\n <ng-content></ng-content>\n}\n\n" }]
|
|
3119
3320
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
@@ -3140,8 +3341,8 @@ const COMPONENTS$2 = [
|
|
|
3140
3341
|
EuimMultiselectToolbarComponent,
|
|
3141
3342
|
];
|
|
3142
3343
|
class EuimMultiselectModule {
|
|
3143
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3144
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
3344
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3345
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectModule, declarations: [EuimMultiselectComponent,
|
|
3145
3346
|
EuimMultiselectFilterComponent,
|
|
3146
3347
|
EuimMultiselectListComponent,
|
|
3147
3348
|
EuimMultiselectInfoComponent,
|
|
@@ -3160,7 +3361,7 @@ class EuimMultiselectModule {
|
|
|
3160
3361
|
EuimMultiselectSelectFieldDirective,
|
|
3161
3362
|
EuimMultiselectAllDirective,
|
|
3162
3363
|
EuimMultiselectToolbarComponent] }); }
|
|
3163
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
3364
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectModule, imports: [CommonModule,
|
|
3164
3365
|
IonicModule,
|
|
3165
3366
|
EuimSkeletonListItemModule,
|
|
3166
3367
|
EuimToolbarComponentModule,
|
|
@@ -3168,7 +3369,7 @@ class EuimMultiselectModule {
|
|
|
3168
3369
|
EuimEmptyListPlaceholderModule,
|
|
3169
3370
|
TranslateModule] }); }
|
|
3170
3371
|
}
|
|
3171
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3372
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectModule, decorators: [{
|
|
3172
3373
|
type: NgModule,
|
|
3173
3374
|
args: [{
|
|
3174
3375
|
imports: [
|
|
@@ -3238,11 +3439,11 @@ class EuimPdfViewerComponent {
|
|
|
3238
3439
|
this.eventResult = event;
|
|
3239
3440
|
this.zoom = this.eventResult.scale;
|
|
3240
3441
|
}
|
|
3241
|
-
onLoaded() {
|
|
3242
|
-
|
|
3243
|
-
|
|
3244
|
-
|
|
3245
|
-
|
|
3442
|
+
onLoaded(pdf) {
|
|
3443
|
+
this.showDefaultError = false;
|
|
3444
|
+
this.loading = false;
|
|
3445
|
+
this.pdf = pdf;
|
|
3446
|
+
this.pdfNumPages = this.pdf.numPages;
|
|
3246
3447
|
}
|
|
3247
3448
|
onError() {
|
|
3248
3449
|
this.showDefaultError = false;
|
|
@@ -3250,9 +3451,9 @@ class EuimPdfViewerComponent {
|
|
|
3250
3451
|
this.errorMessage = 'File could not be loaded.';
|
|
3251
3452
|
}
|
|
3252
3453
|
onDownload() {
|
|
3253
|
-
|
|
3254
|
-
|
|
3255
|
-
|
|
3454
|
+
this.pdf?.getData().then((u8) => {
|
|
3455
|
+
this.downloadFile(u8, 'file.pdf');
|
|
3456
|
+
});
|
|
3256
3457
|
}
|
|
3257
3458
|
onZoomIn() {
|
|
3258
3459
|
this.pinch.zoomIn();
|
|
@@ -3266,9 +3467,9 @@ class EuimPdfViewerComponent {
|
|
|
3266
3467
|
this.pinch.resetZoom();
|
|
3267
3468
|
}
|
|
3268
3469
|
nextPage() {
|
|
3269
|
-
|
|
3270
|
-
|
|
3271
|
-
|
|
3470
|
+
if (this.page < this.pdf.numPages) {
|
|
3471
|
+
this.page++;
|
|
3472
|
+
}
|
|
3272
3473
|
}
|
|
3273
3474
|
prevPage() {
|
|
3274
3475
|
if (this.page > 1) {
|
|
@@ -3308,12 +3509,12 @@ class EuimPdfViewerComponent {
|
|
|
3308
3509
|
return throwError(() => err);
|
|
3309
3510
|
}));
|
|
3310
3511
|
}
|
|
3311
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3312
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
3512
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimPdfViewerComponent, deps: [{ token: i1.AlertController }, { token: i2$2.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3513
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimPdfViewerComponent, selector: "euim-pdf-viewer", inputs: { url: "url", page: "page" }, viewQueries: [{ propertyName: "pinch", first: true, predicate: ["pinch"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (loading || errorMessage) {\n<div>\n @if (loading) {\n <euim-spinner>\n <div euimSpinnerMessage>{{'euim.pdf-viewer.SPINNER-MESSAGE' | translate }}</div>\n </euim-spinner>\n }\n @if (errorMessage) {\n <div>{{'euim.pdf-viewer.LOADING-PDF-ERROR-MESSAGE' | translate }}</div>\n }\n</div>\n}\n\n<pinch-zoom [limit-zoom]=\"4\"\n [transition-duration]=\"50\"\n [zoomControlScale]=\"0.5\"\n (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n <div style=\"display: block;width: 100%; height: 500px\">\n <pdf-viewer [src]=\"data\"\n [original-size]=\"false\"\n [zoom-scale]=\"'page-height'\"\n (after-load-complete)=\"onLoaded($event)\"\n (error)=\"onError()\"\n [(page)]=\"page\"\n [stick-to-page]=\"false\"\n [show-all]=\"false\"\n [render-text]=\"true\"\n style=\"width: 100%; height: 100%\">\n </pdf-viewer>\n </div>\n</pinch-zoom>\n\n<ion-footer>\n <ion-toolbar color=\"primary\" class=\"euim-pdf-viewer__footer\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf || !data\">\n <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-buttons class=\"euim-pdf-viewer__footer-zoom-container\">\n <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ion-button (click)=\"onResetZoom()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n {{'euim.pdf-viewer.RESET-ZOOM' | translate }}\n </ion-button>\n <ion-button (click)=\"onZoomIn()\" [disabled]=\"zoom === 4 || !pdf || !data\">\n <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n\n\n <ion-button (click)=\"prevPage()\" [disabled]=\"page === 1 || !pdf || !data\">\n {{'euim.stepper.previous' | translate }}\n </ion-button>\n {{page}}\n <ion-button (click)=\"nextPage()\" [disabled]=\"page === pdfNumPages || !pdf || !data\">\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: i3.PdfViewerComponent, selector: "pdf-viewer", inputs: ["src", "c-maps-url", "page", "render-text", "render-text-mode", "original-size", "show-all", "stick-to-page", "zoom", "zoom-scale", "rotation", "external-link-target", "autoresize", "fit-to-page", "show-borders"], outputs: ["after-load-complete", "page-rendered", "pages-initialized", "text-layer-rendered", "error", "on-progress", "pageChange"] }, { kind: "component", type: i4.PinchZoomComponent, selector: "pinch-zoom, [pinch-zoom]", inputs: ["properties", "transition-duration", "transitionDuration", "double-tap", "doubleTap", "double-tap-scale", "doubleTapScale", "auto-zoom-out", "autoZoomOut", "limit-zoom", "limitZoom", "disabled", "disablePan", "overflow", "zoomControlScale", "disableZoomControl", "backgroundColor", "limitPan", "minPanScale", "minScale", "listeners", "wheel", "autoHeight", "stepZoomFactor", "wheelZoomFactor", "draggableImage"], outputs: ["onZoomChange"], exportAs: ["pinchZoom"] }, { kind: "component", type: EuimSpinnerComponent, selector: "euim-spinner" }, { kind: "component", type: EuimSpinnerMessageComponent, selector: "[euimSpinnerMessage]" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3313
3514
|
}
|
|
3314
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3515
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimPdfViewerComponent, decorators: [{
|
|
3315
3516
|
type: Component,
|
|
3316
|
-
args: [{ selector: 'euim-pdf-viewer', encapsulation: ViewEncapsulation.None, template: "@if (loading || errorMessage) {\n<div>\n @if (loading) {\n <euim-spinner>\n <div euimSpinnerMessage>{{'euim.pdf-viewer.SPINNER-MESSAGE' | translate }}</div>\n </euim-spinner>\n }\n @if (errorMessage) {\n <div>{{'euim.pdf-viewer.LOADING-PDF-ERROR-MESSAGE' | translate }}</div>\n }\n</div>\n}\n\n<pinch-zoom [limit-zoom]=\"4\"
|
|
3517
|
+
args: [{ selector: 'euim-pdf-viewer', encapsulation: ViewEncapsulation.None, template: "@if (loading || errorMessage) {\n<div>\n @if (loading) {\n <euim-spinner>\n <div euimSpinnerMessage>{{'euim.pdf-viewer.SPINNER-MESSAGE' | translate }}</div>\n </euim-spinner>\n }\n @if (errorMessage) {\n <div>{{'euim.pdf-viewer.LOADING-PDF-ERROR-MESSAGE' | translate }}</div>\n }\n</div>\n}\n\n<pinch-zoom [limit-zoom]=\"4\"\n [transition-duration]=\"50\"\n [zoomControlScale]=\"0.5\"\n (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n <div style=\"display: block;width: 100%; height: 500px\">\n <pdf-viewer [src]=\"data\"\n [original-size]=\"false\"\n [zoom-scale]=\"'page-height'\"\n (after-load-complete)=\"onLoaded($event)\"\n (error)=\"onError()\"\n [(page)]=\"page\"\n [stick-to-page]=\"false\"\n [show-all]=\"false\"\n [render-text]=\"true\"\n style=\"width: 100%; height: 100%\">\n </pdf-viewer>\n </div>\n</pinch-zoom>\n\n<ion-footer>\n <ion-toolbar color=\"primary\" class=\"euim-pdf-viewer__footer\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf || !data\">\n <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-buttons class=\"euim-pdf-viewer__footer-zoom-container\">\n <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ion-button (click)=\"onResetZoom()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n {{'euim.pdf-viewer.RESET-ZOOM' | translate }}\n </ion-button>\n <ion-button (click)=\"onZoomIn()\" [disabled]=\"zoom === 4 || !pdf || !data\">\n <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n\n\n <ion-button (click)=\"prevPage()\" [disabled]=\"page === 1 || !pdf || !data\">\n {{'euim.stepper.previous' | translate }}\n </ion-button>\n {{page}}\n <ion-button (click)=\"nextPage()\" [disabled]=\"page === pdfNumPages || !pdf || !data\">\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"] }]
|
|
3317
3518
|
}], ctorParameters: () => [{ type: i1.AlertController }, { type: i2$2.HttpClient }], propDecorators: { url: [{
|
|
3318
3519
|
type: Input
|
|
3319
3520
|
}], page: [{
|
|
@@ -3327,26 +3528,29 @@ const COMPONENTS$1 = [
|
|
|
3327
3528
|
EuimPdfViewerComponent,
|
|
3328
3529
|
];
|
|
3329
3530
|
class EuimPdfViewerModule {
|
|
3330
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3331
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
3531
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimPdfViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3532
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimPdfViewerModule, declarations: [EuimPdfViewerComponent], imports: [CommonModule,
|
|
3332
3533
|
IonicModule,
|
|
3534
|
+
PdfViewerModule,
|
|
3333
3535
|
PinchZoomModule,
|
|
3334
3536
|
EuimSpinnerComponentModule,
|
|
3335
3537
|
TranslateModule,
|
|
3336
3538
|
HttpClientModule], exports: [EuimPdfViewerComponent] }); }
|
|
3337
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
3539
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimPdfViewerModule, imports: [CommonModule,
|
|
3338
3540
|
IonicModule,
|
|
3541
|
+
PdfViewerModule,
|
|
3339
3542
|
PinchZoomModule,
|
|
3340
3543
|
EuimSpinnerComponentModule,
|
|
3341
3544
|
TranslateModule,
|
|
3342
3545
|
HttpClientModule] }); }
|
|
3343
3546
|
}
|
|
3344
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3547
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimPdfViewerModule, decorators: [{
|
|
3345
3548
|
type: NgModule,
|
|
3346
3549
|
args: [{
|
|
3347
3550
|
imports: [
|
|
3348
3551
|
CommonModule,
|
|
3349
3552
|
IonicModule,
|
|
3553
|
+
PdfViewerModule,
|
|
3350
3554
|
PinchZoomModule,
|
|
3351
3555
|
EuimSpinnerComponentModule,
|
|
3352
3556
|
TranslateModule,
|
|
@@ -3378,10 +3582,10 @@ class EuimAboutComponent {
|
|
|
3378
3582
|
toggleQRCode() {
|
|
3379
3583
|
this.showCode = !this.showCode;
|
|
3380
3584
|
}
|
|
3381
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3382
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
3585
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3586
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", 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:var(--eui-f-xl)}.euim-about euim-toolbar-action-items ion-label{font:var(--eui-f-s)}.euim-about ion-label{margin-inline-end:var(--eui-s-m);cursor:pointer}.euim-about ion-icon{color:var(--eui-bc-neutral-100);margin-inline-end:var(--eui-s-m)}.euim-about__app-img{width:var(--eui-s-4xl);height:var(--eui-s-4xl);border-radius:var(--eui-s-m);border:calc(var(--eui-s-2xs) / 2) solid var(--eui-c-white)}.euim-about[slot=start]{margin-inline-end:var(--eui-s-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", inputs: ["hasBorderBottom"] }, { 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 }); }
|
|
3383
3587
|
}
|
|
3384
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3588
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutComponent, decorators: [{
|
|
3385
3589
|
type: Component,
|
|
3386
3590
|
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:var(--eui-f-xl)}.euim-about euim-toolbar-action-items ion-label{font:var(--eui-f-s)}.euim-about ion-label{margin-inline-end:var(--eui-s-m);cursor:pointer}.euim-about ion-icon{color:var(--eui-bc-neutral-100);margin-inline-end:var(--eui-s-m)}.euim-about__app-img{width:var(--eui-s-4xl);height:var(--eui-s-4xl);border-radius:var(--eui-s-m);border:calc(var(--eui-s-2xs) / 2) solid var(--eui-c-white)}.euim-about[slot=start]{margin-inline-end:var(--eui-s-m)}\n"] }]
|
|
3387
3591
|
}], propDecorators: { version: [{
|
|
@@ -3400,12 +3604,12 @@ class EuimChangelogComponent {
|
|
|
3400
3604
|
constructor() {
|
|
3401
3605
|
this.changeLogs = [];
|
|
3402
3606
|
}
|
|
3403
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3404
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
3607
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimChangelogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3608
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", 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\" scroll-y=\"false\">\n <ion-list>\n <ion-accordion-group [multiple]=\"true\" value=\"about\">\n @for (logItem of changeLogs; track $index) {\n <ion-accordion [value]=\"$index === 0 ? 'about' : 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__euimVersionTitle{font:var(--eui-f-s);color:var(--eui-bc-neutral-100)}.euim-changelog ul{padding:var(--eui-s-xs) var(--eui-s-m);margin:0}.euim-changelog li{font:var(--eui-f-m);color:var(--eui-bc-neutral-100)}.euim-changelog ion-item ion-icon{color:var(--eui-bc-neutral-100)}.euim-changelog ion-item ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-changelog ion-item ion-icon[slot=end]{color:var(--eui-bc-neutral-80)}.euim-changelog ion-list{flex:1;display:flex;flex-direction:column}.euim-changelog ion-content ion-list{max-height:calc(100vh - var(--eui-base-spacing-4xl));overflow-y:auto;overflow-x:hidden}\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", "fixedSlotPlacement", "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", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "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", "euimLabelTextWrap"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3405
3609
|
}
|
|
3406
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3610
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimChangelogComponent, decorators: [{
|
|
3407
3611
|
type: Component,
|
|
3408
|
-
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\" scroll-y=\"false\">\n <ion-list>\n <ion-accordion-group [multiple]=\"true\" value=\"about\">\n @for (logItem of changeLogs; track $index) {\n <ion-accordion [value]=\"$index === 0 ? 'about' : 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__euimVersionTitle{font:var(--eui-f-s);color:var(--eui-bc-neutral-100)}.euim-changelog ul{padding:var(--eui-s-xs) var(--eui-s-m);margin:0}.euim-changelog li{font:var(--eui-f-m);color:var(--eui-bc-neutral-100)}.euim-changelog ion-item ion-icon{color:var(--eui-bc-neutral-100)}.euim-changelog ion-item ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-changelog ion-item ion-icon[slot=end]{color:var(--eui-bc-neutral-80)}.euim-changelog ion-
|
|
3612
|
+
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\" scroll-y=\"false\">\n <ion-list>\n <ion-accordion-group [multiple]=\"true\" value=\"about\">\n @for (logItem of changeLogs; track $index) {\n <ion-accordion [value]=\"$index === 0 ? 'about' : 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__euimVersionTitle{font:var(--eui-f-s);color:var(--eui-bc-neutral-100)}.euim-changelog ul{padding:var(--eui-s-xs) var(--eui-s-m);margin:0}.euim-changelog li{font:var(--eui-f-m);color:var(--eui-bc-neutral-100)}.euim-changelog ion-item ion-icon{color:var(--eui-bc-neutral-100)}.euim-changelog ion-item ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-changelog ion-item ion-icon[slot=end]{color:var(--eui-bc-neutral-80)}.euim-changelog ion-list{flex:1;display:flex;flex-direction:column}.euim-changelog ion-content ion-list{max-height:calc(100vh - var(--eui-base-spacing-4xl));overflow-y:auto;overflow-x:hidden}\n"] }]
|
|
3409
3613
|
}], propDecorators: { changeLogs: [{
|
|
3410
3614
|
type: Input
|
|
3411
3615
|
}] } });
|
|
@@ -3468,12 +3672,12 @@ class EuimHelpSupportComponent {
|
|
|
3468
3672
|
}
|
|
3469
3673
|
return '_blank';
|
|
3470
3674
|
}
|
|
3471
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3472
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
3675
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHelpSupportComponent, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3676
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimHelpSupportComponent, selector: "euim-help-support", inputs: { helpContacts: "helpContacts", supportMaterials: "supportMaterials", alertInfos: "alertInfos", helpAndSupportItems: "helpAndSupportItems" }, 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.title) {\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 <ng-content select=\"[headerSection]\"></ng-content>\n</ion-header>\n\n@if (helpAndSupportItems.length > 0 || helpContacts.contacts.length > 0 || supportMaterials.materials.length > 0) {\n <ion-list>\n @for (helpSupportItem of helpAndSupportItems; track $index;) {\n @if (helpSupportItem.sectionTitle) {\n <ion-item-divider>\n <ion-label>{{ helpSupportItem.sectionTitle }}</ion-label>\n </ion-item-divider>\n }\n\n @for (item of helpSupportItem.items; track item;) {\n\n <ion-item [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n @if (item.startIcon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"item.startIcon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n @if (item.title || item.subtitle) {\n <ion-label>\n @if (item.title) {\n <a [ngClass]=\"getLinkClass(item)\">\n @if (!isLinkSharp(item)) {\n <div class=\"euim-help-support__title\">{{ item.title }}</div>\n }\n @if (isLinkSharp(item)) {\n <div euimLabel euimLabelTitle>{{ item.title }}</div>\n }\n </a>\n }\n @if (item.subtitle) {\n <div euimLabel euimLabelSubTitle>\n {{ item.subtitle }}\n </div>\n }\n </ion-label>\n }\n @if (item.endIcon) {\n <ion-buttons>\n <ion-button fill=\"clear\">\n <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n }\n @if (helpContacts.contacts.length > 0) {\n @if (helpContacts.sectionTitle) {\n <ion-item-divider>\n <ion-label>{{ helpContacts.sectionTitle }}</ion-label>\n </ion-item-divider>\n }\n @for (contact of helpContacts.contacts; track contact; let isLast = $last) {\n <ion-item [lines]=\"isLast ? 'none' : ''\" (click)=\"onItemClick(undefined, contact.linkType, contact.linkTitle)\">\n @if (contact.icon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"contact.icon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n @if (contact.linkTitle || contact.subtitle) {\n <ion-label>\n @if (contact.linkTitle) {\n <a class=\"euim-help-support__contact-link\">\n <div class=\"euim-help-support__title\">{{contact.linkTitle}}</div>\n </a>\n }\n @if (contact.subtitle) {\n <div euimLabel euimLabelSubTitle>{{contact.subtitle}}</div>\n }\n </ion-label>\n }\n </ion-item>\n }\n }\n\n @if (supportMaterials.materials.length > 0) {\n @if (supportMaterials.sectionTitle) {\n <ion-item-divider>\n <ion-label>{{ supportMaterials.sectionTitle }}</ion-label>\n </ion-item-divider>\n }\n @for (material of supportMaterials.materials; track material) {\n <ion-item lines=\"none\" (click)=\"onItemClick(material, undefined, undefined)\">\n @if (material.icon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"material.icon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n <ion-label>\n @if (material.title) {\n <div euimLabel euimLabelTitle>{{material.title}}</div>\n }\n @if (material.subtitle) {\n <div euimLabel euimLabelSubTitle>{{material.subtitle}}</div>\n }\n </ion-label>\n <ion-buttons>\n <ion-button 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__title{font:var(--eui-f-m);color:var(--eui-bc-primary-100)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "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", "euimLabelTextWrap"] }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { 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 }); }
|
|
3473
3677
|
}
|
|
3474
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3678
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHelpSupportComponent, decorators: [{
|
|
3475
3679
|
type: Component,
|
|
3476
|
-
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.title) {\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 <ng-content select=\"[headerSection]\"></ng-content>\n</ion-header>\n\n@if (helpAndSupportItems.length > 0 || helpContacts.contacts.length > 0 || supportMaterials.materials.length > 0) {\n <ion-list>\n @for (helpSupportItem of helpAndSupportItems; track $index;) {\n @if (helpSupportItem.sectionTitle) {\n <ion-item-divider>\n <ion-label>{{ helpSupportItem.sectionTitle }}</ion-label>\n </ion-item-divider>\n }\n\n @for (item of helpSupportItem.items; track item;) {\n\n <ion-item [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n @if (item.startIcon) {\n <euim-avatar
|
|
3680
|
+
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.title) {\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 <ng-content select=\"[headerSection]\"></ng-content>\n</ion-header>\n\n@if (helpAndSupportItems.length > 0 || helpContacts.contacts.length > 0 || supportMaterials.materials.length > 0) {\n <ion-list>\n @for (helpSupportItem of helpAndSupportItems; track $index;) {\n @if (helpSupportItem.sectionTitle) {\n <ion-item-divider>\n <ion-label>{{ helpSupportItem.sectionTitle }}</ion-label>\n </ion-item-divider>\n }\n\n @for (item of helpSupportItem.items; track item;) {\n\n <ion-item [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n @if (item.startIcon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"item.startIcon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n @if (item.title || item.subtitle) {\n <ion-label>\n @if (item.title) {\n <a [ngClass]=\"getLinkClass(item)\">\n @if (!isLinkSharp(item)) {\n <div class=\"euim-help-support__title\">{{ item.title }}</div>\n }\n @if (isLinkSharp(item)) {\n <div euimLabel euimLabelTitle>{{ item.title }}</div>\n }\n </a>\n }\n @if (item.subtitle) {\n <div euimLabel euimLabelSubTitle>\n {{ item.subtitle }}\n </div>\n }\n </ion-label>\n }\n @if (item.endIcon) {\n <ion-buttons>\n <ion-button fill=\"clear\">\n <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n }\n @if (helpContacts.contacts.length > 0) {\n @if (helpContacts.sectionTitle) {\n <ion-item-divider>\n <ion-label>{{ helpContacts.sectionTitle }}</ion-label>\n </ion-item-divider>\n }\n @for (contact of helpContacts.contacts; track contact; let isLast = $last) {\n <ion-item [lines]=\"isLast ? 'none' : ''\" (click)=\"onItemClick(undefined, contact.linkType, contact.linkTitle)\">\n @if (contact.icon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"contact.icon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n @if (contact.linkTitle || contact.subtitle) {\n <ion-label>\n @if (contact.linkTitle) {\n <a class=\"euim-help-support__contact-link\">\n <div class=\"euim-help-support__title\">{{contact.linkTitle}}</div>\n </a>\n }\n @if (contact.subtitle) {\n <div euimLabel euimLabelSubTitle>{{contact.subtitle}}</div>\n }\n </ion-label>\n }\n </ion-item>\n }\n }\n\n @if (supportMaterials.materials.length > 0) {\n @if (supportMaterials.sectionTitle) {\n <ion-item-divider>\n <ion-label>{{ supportMaterials.sectionTitle }}</ion-label>\n </ion-item-divider>\n }\n @for (material of supportMaterials.materials; track material) {\n <ion-item lines=\"none\" (click)=\"onItemClick(material, undefined, undefined)\">\n @if (material.icon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"material.icon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n <ion-label>\n @if (material.title) {\n <div euimLabel euimLabelTitle>{{material.title}}</div>\n }\n @if (material.subtitle) {\n <div euimLabel euimLabelSubTitle>{{material.subtitle}}</div>\n }\n </ion-label>\n <ion-buttons>\n <ion-button 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__title{font:var(--eui-f-m);color:var(--eui-bc-primary-100)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"] }]
|
|
3477
3681
|
}], ctorParameters: () => [{ type: i1$2.Router }], propDecorators: { helpContacts: [{
|
|
3478
3682
|
type: Input
|
|
3479
3683
|
}], supportMaterials: [{
|
|
@@ -3495,10 +3699,10 @@ class EuimOpenSourceLicencesComponent {
|
|
|
3495
3699
|
emitItemClick(itemName) {
|
|
3496
3700
|
this.clickItem.emit([itemName]);
|
|
3497
3701
|
}
|
|
3498
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3499
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
3702
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimOpenSourceLicencesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3703
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", 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-s-m);color:var(--eui-bc-neutral-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", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "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", "euimLabelTextWrap"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3500
3704
|
}
|
|
3501
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3705
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimOpenSourceLicencesComponent, decorators: [{
|
|
3502
3706
|
type: Component,
|
|
3503
3707
|
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-s-m);color:var(--eui-bc-neutral-100)}.euim-opensource-licences ion-item ion-icon__item{cursor:pointer!important}\n"] }]
|
|
3504
3708
|
}], propDecorators: { items: [{
|
|
@@ -3515,10 +3719,10 @@ class EuimAboutContentLoadingComponent {
|
|
|
3515
3719
|
ngOnInit() {
|
|
3516
3720
|
this.sanitizedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.webUrl);
|
|
3517
3721
|
}
|
|
3518
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3519
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
3722
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutContentLoadingComponent, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3723
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", 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-s-2xs) var(--eui-s-m);font:var(--eui-f-s);color:var(--eui-bc-neutral-100)}\n"], dependencies: [{ kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "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 }); }
|
|
3520
3724
|
}
|
|
3521
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3725
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutContentLoadingComponent, decorators: [{
|
|
3522
3726
|
type: Component,
|
|
3523
3727
|
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-s-2xs) var(--eui-s-m);font:var(--eui-f-s);color:var(--eui-bc-neutral-100)}\n"] }]
|
|
3524
3728
|
}], ctorParameters: () => [{ type: i1$3.DomSanitizer }], propDecorators: { webUrl: [{
|
|
@@ -3535,8 +3739,8 @@ const COMPONENTS = [
|
|
|
3535
3739
|
EuimAboutContentLoadingComponent,
|
|
3536
3740
|
];
|
|
3537
3741
|
class EuimAboutModule {
|
|
3538
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3539
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
3742
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3743
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutModule, declarations: [EuimAboutComponent,
|
|
3540
3744
|
EuimChangelogComponent,
|
|
3541
3745
|
EuimOpenSourceLicencesComponent,
|
|
3542
3746
|
EuimHelpSupportComponent,
|
|
@@ -3546,7 +3750,7 @@ class EuimAboutModule {
|
|
|
3546
3750
|
EuimToolbarComponentModule,
|
|
3547
3751
|
EuimHeaderDetailsModule,
|
|
3548
3752
|
EuimLabelModule,
|
|
3549
|
-
|
|
3753
|
+
EuimAvatarModule,
|
|
3550
3754
|
EuimAlertMessageModule,
|
|
3551
3755
|
PinchZoomModule,
|
|
3552
3756
|
TranslateModule,
|
|
@@ -3555,19 +3759,19 @@ class EuimAboutModule {
|
|
|
3555
3759
|
EuimOpenSourceLicencesComponent,
|
|
3556
3760
|
EuimHelpSupportComponent,
|
|
3557
3761
|
EuimAboutContentLoadingComponent] }); }
|
|
3558
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
3762
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutModule, imports: [CommonModule,
|
|
3559
3763
|
IonicModule,
|
|
3560
3764
|
QRCodeModule,
|
|
3561
3765
|
EuimToolbarComponentModule,
|
|
3562
3766
|
EuimHeaderDetailsModule,
|
|
3563
3767
|
EuimLabelModule,
|
|
3564
|
-
|
|
3768
|
+
EuimAvatarModule,
|
|
3565
3769
|
EuimAlertMessageModule,
|
|
3566
3770
|
PinchZoomModule,
|
|
3567
3771
|
TranslateModule,
|
|
3568
3772
|
RouterModule] }); }
|
|
3569
3773
|
}
|
|
3570
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3774
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutModule, decorators: [{
|
|
3571
3775
|
type: NgModule,
|
|
3572
3776
|
args: [{
|
|
3573
3777
|
imports: [
|
|
@@ -3577,7 +3781,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
3577
3781
|
EuimToolbarComponentModule,
|
|
3578
3782
|
EuimHeaderDetailsModule,
|
|
3579
3783
|
EuimLabelModule,
|
|
3580
|
-
|
|
3784
|
+
EuimAvatarModule,
|
|
3581
3785
|
EuimAlertMessageModule,
|
|
3582
3786
|
PinchZoomModule,
|
|
3583
3787
|
TranslateModule,
|
|
@@ -3600,9 +3804,10 @@ class EuimToolbarDatepickerComponent {
|
|
|
3600
3804
|
get cssClasses() {
|
|
3601
3805
|
return this.getCssClasses();
|
|
3602
3806
|
}
|
|
3603
|
-
constructor(baseStatesDirective, translate) {
|
|
3807
|
+
constructor(baseStatesDirective, translate, modalController) {
|
|
3604
3808
|
this.baseStatesDirective = baseStatesDirective;
|
|
3605
3809
|
this.translate = translate;
|
|
3810
|
+
this.modalController = modalController;
|
|
3606
3811
|
this.icon = 'calendar-clear-sharp';
|
|
3607
3812
|
this.prevBtnClick = new EventEmitter();
|
|
3608
3813
|
this.nextBtnClick = new EventEmitter();
|
|
@@ -3614,6 +3819,12 @@ class EuimToolbarDatepickerComponent {
|
|
|
3614
3819
|
this.currentDate = new Date();
|
|
3615
3820
|
this.formattedDate = this.currentDate.toLocaleDateString();
|
|
3616
3821
|
}
|
|
3822
|
+
async dismissModal() {
|
|
3823
|
+
const topModal = await this.modalController.getTop();
|
|
3824
|
+
if (topModal) {
|
|
3825
|
+
await this.modalController.dismiss();
|
|
3826
|
+
}
|
|
3827
|
+
}
|
|
3617
3828
|
get dateTimeId() {
|
|
3618
3829
|
return this._dateTimeId;
|
|
3619
3830
|
}
|
|
@@ -3658,14 +3869,24 @@ class EuimToolbarDatepickerComponent {
|
|
|
3658
3869
|
}
|
|
3659
3870
|
}
|
|
3660
3871
|
selectPrevDate() {
|
|
3661
|
-
|
|
3872
|
+
if (this.selectDateBy === 'week') {
|
|
3873
|
+
this.currentDate.setDate(this.currentDate.getDate() - 7);
|
|
3874
|
+
}
|
|
3875
|
+
else {
|
|
3876
|
+
this.currentDate.setDate(this.currentDate.getDate() - 1);
|
|
3877
|
+
}
|
|
3662
3878
|
this.formattedDate = this.currentDate.toLocaleDateString();
|
|
3663
3879
|
this.formatDateAndWeekDay();
|
|
3664
3880
|
this.selectedDate = this.currentDate.toISOString();
|
|
3665
3881
|
this.prevBtnClick.emit(this.currentDate);
|
|
3666
3882
|
}
|
|
3667
3883
|
selectNextDate() {
|
|
3668
|
-
|
|
3884
|
+
if (this.selectDateBy === 'week') {
|
|
3885
|
+
this.currentDate.setDate(this.currentDate.getDate() + 7);
|
|
3886
|
+
}
|
|
3887
|
+
else {
|
|
3888
|
+
this.currentDate.setDate(this.currentDate.getDate() + 1);
|
|
3889
|
+
}
|
|
3669
3890
|
this.formattedDate = this.currentDate.toLocaleDateString();
|
|
3670
3891
|
this.formatDateAndWeekDay();
|
|
3671
3892
|
this.selectedDate = this.currentDate.toISOString();
|
|
@@ -3679,10 +3900,10 @@ class EuimToolbarDatepickerComponent {
|
|
|
3679
3900
|
formatDateAndWeekDay() {
|
|
3680
3901
|
this.weekDayName = this.weekdays[this.currentDate.getDay()];
|
|
3681
3902
|
}
|
|
3682
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3683
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
3903
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarDatepickerComponent, deps: [{ token: BaseStatesDirective }, { token: i1$1.TranslateService }, { token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3904
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimToolbarDatepickerComponent, selector: "euim-toolbar-datepicker", inputs: { icon: "icon", title: "title", subTitle: "subTitle", euimPrevBtnDisabled: ["euimPrevBtnDisabled", "euimPrevBtnDisabled", booleanAttribute], euimNextBtnDisabled: ["euimNextBtnDisabled", "euimNextBtnDisabled", booleanAttribute], euimReadOnly: ["euimReadOnly", "euimReadOnly", booleanAttribute], selectDateBy: "selectDateBy" }, outputs: { prevBtnClick: "prevBtnClick", nextBtnClick: "nextBtnClick", dateChanged: "dateChanged" }, host: { listeners: { "window:popstate": "dismissModal($event)" }, properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ion-item class=\"euim-toolbar-datepicker__item\"\n color=\"primary\">\n <euim-avatar fill=\"clear\" slot=\"start\" >\n <euim-avatar-icon>\n <ion-icon [name]=\"icon\"\n class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n @if (!euimReadOnly){\n <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n [datetime]=\"dateTimeId\">\n </ion-datetime-button>\n }\n <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n <ion-label class=\"euim-toolbar-datepicker__date\">\n <div class=\"euim-toolbar-datepicker__title\"\n euimLabel\n euimLabelTitle\n euimLabelTruncate\n disabled=\"euimReadOnly\">{{!title ? weekDayName : title}}</div>\n\n <div euimLabel\n euimLabelSubTitle\n euimLabelTruncate\n disabled=\"euimReadOnly\">{{!subTitle ? formattedDate : subTitle}}</div>\n </ion-label>\n @if (!euimReadOnly){\n <ion-icon class=\"euim-toolbar-datepicker__datetime-caret\"\n name=\"caret-down-sharp\"\n color=\"light\"></ion-icon>\n }\n </div>\n\n @if (!euimReadOnly) {\n <ion-buttons slot=\"end\">\n <ion-button (click)=\"selectPrevDate()\"\n [disabled] = \"euimPrevBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button\">\n <ion-icon name=\"chevron-back-circle-sharp\"\n color=\"light\">\n </ion-icon>\n </ion-button>\n <ion-button\n (click)=\"selectNextDate()\"\n [disabled]=\"euimNextBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n <ion-icon name=\"chevron-forward-circle-sharp\"\n color=\"light\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n [trigger]=\"modalId\">\n <ng-template>\n <ion-datetime\n [showDefaultButtons]=\"true\"\n (ionChange)=\"calendarDateChanged($event)\"\n size=\"cover\"\n [id]=\"dateTimeId\"\n [locale]=\"currentLang\"\n [(ngModel)]=\"selectedDate\"\n presentation=\"year\"></ion-datetime>\n </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-s-xs)}.euim-toolbar-datepicker ion-item:has(ion-buttons ion-button ion-icon){--inner-padding-end: var(--eui-s-2xs)}.euim-toolbar-datepicker ion-item ion-buttons[slot=end]{margin-inline-start:0}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-s-l);margin-right:var(--eui-s-l);width:var(--eui-s-l);height:var(--eui-s-l)}.euim-toolbar-datepicker__datetime-button{display:flex;align-items:center;height:100%;width:100%;padding-top:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.euim-toolbar-datepicker__datetime-button--hidden{display:none}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-s-xs)!important;margin-right:var(--eui-s-xs)!important;width:var(--eui-s-m);height:var(--eui-s-m);flex-shrink:0}.euim-toolbar-datepicker__nav-button{width:calc(var(--eui-s-2xl) + var(--eui-s-2xs))!important;height:calc(var(--eui-s-2xl) + var(--eui-s-2xs))!important}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-base-spacing-xl);height:var(--eui-base-spacing-xl)}.euim-toolbar-datepicker__date{flex:0 1 auto}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__calendar,.euim-toolbar-datepicker--primary .euim-label{color:#fff}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-bc-primary);color:#fff}\n"], dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "formatOptions", "highlightedDates", "hourCycle", "hourValues", "isDateEnabled", "locale", "max", "min", "minuteValues", "mode", "monthValues", "multiple", "name", "preferWheel", "presentation", "readonly", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }, { kind: "component", type: i1.IonDatetimeButton, selector: "ion-datetime-button", inputs: ["color", "datetime", "disabled", "mode"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonModal, selector: "ion-modal" }, { kind: "directive", type: i1.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3684
3905
|
}
|
|
3685
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3906
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarDatepickerComponent, decorators: [{
|
|
3686
3907
|
type: Component,
|
|
3687
3908
|
args: [{ selector: 'euim-toolbar-datepicker', encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
3688
3909
|
{
|
|
@@ -3691,8 +3912,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
3691
3912
|
'color',
|
|
3692
3913
|
],
|
|
3693
3914
|
},
|
|
3694
|
-
], template: "<ion-item class=\"euim-toolbar-datepicker__item\"\n color=\"primary\">\n <euim-avatar
|
|
3695
|
-
}], ctorParameters: () => [{ type: BaseStatesDirective }, { type: i1$1.TranslateService }], propDecorators: { icon: [{
|
|
3915
|
+
], template: "<ion-item class=\"euim-toolbar-datepicker__item\"\n color=\"primary\">\n <euim-avatar fill=\"clear\" slot=\"start\" >\n <euim-avatar-icon>\n <ion-icon [name]=\"icon\"\n class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n @if (!euimReadOnly){\n <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n [datetime]=\"dateTimeId\">\n </ion-datetime-button>\n }\n <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n <ion-label class=\"euim-toolbar-datepicker__date\">\n <div class=\"euim-toolbar-datepicker__title\"\n euimLabel\n euimLabelTitle\n euimLabelTruncate\n disabled=\"euimReadOnly\">{{!title ? weekDayName : title}}</div>\n\n <div euimLabel\n euimLabelSubTitle\n euimLabelTruncate\n disabled=\"euimReadOnly\">{{!subTitle ? formattedDate : subTitle}}</div>\n </ion-label>\n @if (!euimReadOnly){\n <ion-icon class=\"euim-toolbar-datepicker__datetime-caret\"\n name=\"caret-down-sharp\"\n color=\"light\"></ion-icon>\n }\n </div>\n\n @if (!euimReadOnly) {\n <ion-buttons slot=\"end\">\n <ion-button (click)=\"selectPrevDate()\"\n [disabled] = \"euimPrevBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button\">\n <ion-icon name=\"chevron-back-circle-sharp\"\n color=\"light\">\n </ion-icon>\n </ion-button>\n <ion-button\n (click)=\"selectNextDate()\"\n [disabled]=\"euimNextBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n <ion-icon name=\"chevron-forward-circle-sharp\"\n color=\"light\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n [trigger]=\"modalId\">\n <ng-template>\n <ion-datetime\n [showDefaultButtons]=\"true\"\n (ionChange)=\"calendarDateChanged($event)\"\n size=\"cover\"\n [id]=\"dateTimeId\"\n [locale]=\"currentLang\"\n [(ngModel)]=\"selectedDate\"\n presentation=\"year\"></ion-datetime>\n </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-s-xs)}.euim-toolbar-datepicker ion-item:has(ion-buttons ion-button ion-icon){--inner-padding-end: var(--eui-s-2xs)}.euim-toolbar-datepicker ion-item ion-buttons[slot=end]{margin-inline-start:0}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-s-l);margin-right:var(--eui-s-l);width:var(--eui-s-l);height:var(--eui-s-l)}.euim-toolbar-datepicker__datetime-button{display:flex;align-items:center;height:100%;width:100%;padding-top:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.euim-toolbar-datepicker__datetime-button--hidden{display:none}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-s-xs)!important;margin-right:var(--eui-s-xs)!important;width:var(--eui-s-m);height:var(--eui-s-m);flex-shrink:0}.euim-toolbar-datepicker__nav-button{width:calc(var(--eui-s-2xl) + var(--eui-s-2xs))!important;height:calc(var(--eui-s-2xl) + var(--eui-s-2xs))!important}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-base-spacing-xl);height:var(--eui-base-spacing-xl)}.euim-toolbar-datepicker__date{flex:0 1 auto}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__calendar,.euim-toolbar-datepicker--primary .euim-label{color:#fff}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-bc-primary);color:#fff}\n"] }]
|
|
3916
|
+
}], ctorParameters: () => [{ type: BaseStatesDirective }, { type: i1$1.TranslateService }, { type: i1.ModalController }], propDecorators: { icon: [{
|
|
3696
3917
|
type: Input
|
|
3697
3918
|
}], title: [{
|
|
3698
3919
|
type: Input
|
|
@@ -3707,6 +3928,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
3707
3928
|
}], euimReadOnly: [{
|
|
3708
3929
|
type: Input,
|
|
3709
3930
|
args: [{ transform: booleanAttribute }]
|
|
3931
|
+
}], selectDateBy: [{
|
|
3932
|
+
type: Input
|
|
3710
3933
|
}], prevBtnClick: [{
|
|
3711
3934
|
type: Output
|
|
3712
3935
|
}], nextBtnClick: [{
|
|
@@ -3716,6 +3939,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
3716
3939
|
}], cssClasses: [{
|
|
3717
3940
|
type: HostBinding,
|
|
3718
3941
|
args: ['class']
|
|
3942
|
+
}], dismissModal: [{
|
|
3943
|
+
type: HostListener,
|
|
3944
|
+
args: ['window:popstate', ['$event']]
|
|
3719
3945
|
}] } });
|
|
3720
3946
|
|
|
3721
3947
|
class EuimToolbarDatepickerDatetimeDirective {
|
|
@@ -3742,10 +3968,10 @@ class EuimToolbarDatepickerDatetimeDirective {
|
|
|
3742
3968
|
this.value = item.toISOString();
|
|
3743
3969
|
});
|
|
3744
3970
|
}
|
|
3745
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3746
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
3971
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarDatepickerDatetimeDirective, deps: [{ token: EuimToolbarDatepickerComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3972
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimToolbarDatepickerDatetimeDirective, selector: "[euimToolbarDatepickerDatetime]", inputs: { value: "value", showDefaultButtons: "showDefaultButtons", id: "id", size: "size", presentation: "presentation", displayFormat: "displayFormat" }, host: { listeners: { "ionChange": "onIonChange($event)" }, properties: { "class": "this.className", "value": "this.value", "showDefaultButtons": "this.showDefaultButtons", "id": "this.id", "size": "this.size", "presentation": "this.presentation", "displayFormat": "this.displayFormat" } }, ngImport: i0 }); }
|
|
3747
3973
|
}
|
|
3748
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3974
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarDatepickerDatetimeDirective, decorators: [{
|
|
3749
3975
|
type: Directive,
|
|
3750
3976
|
args: [{
|
|
3751
3977
|
selector: '[euimToolbarDatepickerDatetime]',
|
|
@@ -3789,30 +4015,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
3789
4015
|
}] } });
|
|
3790
4016
|
|
|
3791
4017
|
class EuimToolbarDatepickerModule {
|
|
3792
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3793
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
4018
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4019
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarDatepickerModule, declarations: [EuimToolbarDatepickerComponent,
|
|
3794
4020
|
EuimToolbarDatepickerDatetimeDirective], imports: [CommonModule,
|
|
3795
4021
|
IonicModule,
|
|
3796
4022
|
TranslateModule,
|
|
3797
|
-
|
|
4023
|
+
EuimAvatarModule,
|
|
3798
4024
|
EuimLabelModule,
|
|
3799
4025
|
FormsModule], exports: [EuimToolbarDatepickerComponent,
|
|
3800
4026
|
EuimToolbarDatepickerDatetimeDirective] }); }
|
|
3801
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
4027
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarDatepickerModule, imports: [CommonModule,
|
|
3802
4028
|
IonicModule,
|
|
3803
4029
|
TranslateModule,
|
|
3804
|
-
|
|
4030
|
+
EuimAvatarModule,
|
|
3805
4031
|
EuimLabelModule,
|
|
3806
4032
|
FormsModule] }); }
|
|
3807
4033
|
}
|
|
3808
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4034
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarDatepickerModule, decorators: [{
|
|
3809
4035
|
type: NgModule,
|
|
3810
4036
|
args: [{
|
|
3811
4037
|
imports: [
|
|
3812
4038
|
CommonModule,
|
|
3813
4039
|
IonicModule,
|
|
3814
4040
|
TranslateModule,
|
|
3815
|
-
|
|
4041
|
+
EuimAvatarModule,
|
|
3816
4042
|
EuimLabelModule,
|
|
3817
4043
|
FormsModule,
|
|
3818
4044
|
],
|
|
@@ -3827,6 +4053,60 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
3827
4053
|
}]
|
|
3828
4054
|
}] });
|
|
3829
4055
|
|
|
4056
|
+
class EuimReadOnlyFormLabelDirective {
|
|
4057
|
+
constructor() {
|
|
4058
|
+
this.className = 'euim-read-only-form__label';
|
|
4059
|
+
}
|
|
4060
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimReadOnlyFormLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4061
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimReadOnlyFormLabelDirective, isStandalone: true, selector: "[euimReadOnlyFormLabel]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4062
|
+
}
|
|
4063
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimReadOnlyFormLabelDirective, decorators: [{
|
|
4064
|
+
type: Directive,
|
|
4065
|
+
args: [{
|
|
4066
|
+
selector: '[euimReadOnlyFormLabel]',
|
|
4067
|
+
standalone: true,
|
|
4068
|
+
}]
|
|
4069
|
+
}], propDecorators: { className: [{
|
|
4070
|
+
type: HostBinding,
|
|
4071
|
+
args: ['class']
|
|
4072
|
+
}] } });
|
|
4073
|
+
|
|
4074
|
+
class EuimReadOnlyFormValueDirective {
|
|
4075
|
+
constructor() {
|
|
4076
|
+
this.className = 'euim-read-only-form__value';
|
|
4077
|
+
}
|
|
4078
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimReadOnlyFormValueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4079
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimReadOnlyFormValueDirective, isStandalone: true, selector: "[euimReadOnlyFormValue]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4080
|
+
}
|
|
4081
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimReadOnlyFormValueDirective, decorators: [{
|
|
4082
|
+
type: Directive,
|
|
4083
|
+
args: [{
|
|
4084
|
+
selector: '[euimReadOnlyFormValue]',
|
|
4085
|
+
standalone: true,
|
|
4086
|
+
}]
|
|
4087
|
+
}], propDecorators: { className: [{
|
|
4088
|
+
type: HostBinding,
|
|
4089
|
+
args: ['class']
|
|
4090
|
+
}] } });
|
|
4091
|
+
|
|
4092
|
+
class EuimReadOnlyFormDirective {
|
|
4093
|
+
constructor() {
|
|
4094
|
+
this.className = 'euim-read-only-form';
|
|
4095
|
+
}
|
|
4096
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimReadOnlyFormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4097
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimReadOnlyFormDirective, isStandalone: true, selector: "[euimReadOnlyForm]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4098
|
+
}
|
|
4099
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimReadOnlyFormDirective, decorators: [{
|
|
4100
|
+
type: Directive,
|
|
4101
|
+
args: [{
|
|
4102
|
+
selector: '[euimReadOnlyForm]',
|
|
4103
|
+
standalone: true,
|
|
4104
|
+
}]
|
|
4105
|
+
}], propDecorators: { className: [{
|
|
4106
|
+
type: HostBinding,
|
|
4107
|
+
args: ['class']
|
|
4108
|
+
}] } });
|
|
4109
|
+
|
|
3830
4110
|
class EuimDividerDirective {
|
|
3831
4111
|
get cssClasses() {
|
|
3832
4112
|
return this.getCssClasses('euim-divider');
|
|
@@ -3837,10 +4117,10 @@ class EuimDividerDirective {
|
|
|
3837
4117
|
this.lines ? `${rootClass}--lines-${this.lines}` : '',
|
|
3838
4118
|
].join(' ').trim();
|
|
3839
4119
|
}
|
|
3840
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3841
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
4120
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDividerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4121
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimDividerDirective, selector: "[euimDivider]", inputs: { lines: "lines" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
|
|
3842
4122
|
}
|
|
3843
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDividerDirective, decorators: [{
|
|
3844
4124
|
type: Directive,
|
|
3845
4125
|
args: [{
|
|
3846
4126
|
selector: '[euimDivider]',
|
|
@@ -3853,13 +4133,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
3853
4133
|
}] } });
|
|
3854
4134
|
|
|
3855
4135
|
class EuimDividerModule {
|
|
3856
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3857
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
4136
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4137
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimDividerModule, declarations: [EuimDividerDirective], imports: [CommonModule,
|
|
3858
4138
|
IonicModule], exports: [EuimDividerDirective] }); }
|
|
3859
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
4139
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDividerModule, imports: [CommonModule,
|
|
3860
4140
|
IonicModule] }); }
|
|
3861
4141
|
}
|
|
3862
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4142
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDividerModule, decorators: [{
|
|
3863
4143
|
type: NgModule,
|
|
3864
4144
|
args: [{
|
|
3865
4145
|
imports: [
|
|
@@ -3875,14 +4155,98 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
3875
4155
|
}]
|
|
3876
4156
|
}] });
|
|
3877
4157
|
|
|
4158
|
+
class EuimListHeaderDirective {
|
|
4159
|
+
get cssClasses() {
|
|
4160
|
+
return this.getCssClasses('euim-list-header');
|
|
4161
|
+
}
|
|
4162
|
+
getCssClasses(rootClass) {
|
|
4163
|
+
return [
|
|
4164
|
+
rootClass,
|
|
4165
|
+
this.border ? `${rootClass}--border-${this.border}` : '',
|
|
4166
|
+
].join(' ').trim();
|
|
4167
|
+
}
|
|
4168
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimListHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4169
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimListHeaderDirective, selector: "[euimListHeader]", inputs: { border: "border" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
|
|
4170
|
+
}
|
|
4171
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimListHeaderDirective, decorators: [{
|
|
4172
|
+
type: Directive,
|
|
4173
|
+
args: [{
|
|
4174
|
+
selector: '[euimListHeader]',
|
|
4175
|
+
}]
|
|
4176
|
+
}], propDecorators: { border: [{
|
|
4177
|
+
type: Input
|
|
4178
|
+
}], cssClasses: [{
|
|
4179
|
+
type: HostBinding,
|
|
4180
|
+
args: ['class']
|
|
4181
|
+
}] } });
|
|
4182
|
+
|
|
4183
|
+
class EuimListHeaderModule {
|
|
4184
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimListHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4185
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimListHeaderModule, declarations: [EuimListHeaderDirective], imports: [CommonModule,
|
|
4186
|
+
IonicModule], exports: [EuimListHeaderDirective] }); }
|
|
4187
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimListHeaderModule, imports: [CommonModule,
|
|
4188
|
+
IonicModule] }); }
|
|
4189
|
+
}
|
|
4190
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimListHeaderModule, decorators: [{
|
|
4191
|
+
type: NgModule,
|
|
4192
|
+
args: [{
|
|
4193
|
+
imports: [
|
|
4194
|
+
CommonModule,
|
|
4195
|
+
IonicModule,
|
|
4196
|
+
],
|
|
4197
|
+
exports: [
|
|
4198
|
+
EuimListHeaderDirective,
|
|
4199
|
+
],
|
|
4200
|
+
declarations: [
|
|
4201
|
+
EuimListHeaderDirective,
|
|
4202
|
+
],
|
|
4203
|
+
}]
|
|
4204
|
+
}] });
|
|
4205
|
+
|
|
4206
|
+
class EuimAlignCenterDirective {
|
|
4207
|
+
constructor() {
|
|
4208
|
+
this.className = 'euim-align-center';
|
|
4209
|
+
}
|
|
4210
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlignCenterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4211
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimAlignCenterDirective, isStandalone: true, selector: "[euimAlignCenter]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4212
|
+
}
|
|
4213
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlignCenterDirective, decorators: [{
|
|
4214
|
+
type: Directive,
|
|
4215
|
+
args: [{
|
|
4216
|
+
selector: '[euimAlignCenter]',
|
|
4217
|
+
standalone: true,
|
|
4218
|
+
}]
|
|
4219
|
+
}], propDecorators: { className: [{
|
|
4220
|
+
type: HostBinding,
|
|
4221
|
+
args: ['class']
|
|
4222
|
+
}] } });
|
|
4223
|
+
|
|
4224
|
+
class EuimAlignTopDirective {
|
|
4225
|
+
constructor() {
|
|
4226
|
+
this.className = 'euim-align-top';
|
|
4227
|
+
}
|
|
4228
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlignTopDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4229
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimAlignTopDirective, isStandalone: true, selector: "[euimAlignTop]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4230
|
+
}
|
|
4231
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlignTopDirective, decorators: [{
|
|
4232
|
+
type: Directive,
|
|
4233
|
+
args: [{
|
|
4234
|
+
selector: '[euimAlignTop]',
|
|
4235
|
+
standalone: true,
|
|
4236
|
+
}]
|
|
4237
|
+
}], propDecorators: { className: [{
|
|
4238
|
+
type: HostBinding,
|
|
4239
|
+
args: ['class']
|
|
4240
|
+
}] } });
|
|
4241
|
+
|
|
3878
4242
|
class EuimToolbarTransparentDirective {
|
|
3879
4243
|
constructor() {
|
|
3880
4244
|
this.className = 'euim-toolbar--transparent';
|
|
3881
4245
|
}
|
|
3882
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3883
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
4246
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarTransparentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4247
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimToolbarTransparentDirective, isStandalone: true, selector: "[euimToolbarTransparent]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
3884
4248
|
}
|
|
3885
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4249
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarTransparentDirective, decorators: [{
|
|
3886
4250
|
type: Directive,
|
|
3887
4251
|
args: [{
|
|
3888
4252
|
selector: '[euimToolbarTransparent]',
|
|
@@ -3893,14 +4257,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
3893
4257
|
args: ['class']
|
|
3894
4258
|
}] } });
|
|
3895
4259
|
|
|
4260
|
+
class EuimMinWidthDirective {
|
|
4261
|
+
constructor() {
|
|
4262
|
+
this.minWidth = '20%';
|
|
4263
|
+
}
|
|
4264
|
+
ngOnInit() {
|
|
4265
|
+
this.widthVar = this.minWidth;
|
|
4266
|
+
}
|
|
4267
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMinWidthDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4268
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimMinWidthDirective, isStandalone: true, selector: "[euimMinWidth]", inputs: { minWidth: "minWidth" }, host: { properties: { "style.width": "this.widthVar" } }, ngImport: i0 }); }
|
|
4269
|
+
}
|
|
4270
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMinWidthDirective, decorators: [{
|
|
4271
|
+
type: Directive,
|
|
4272
|
+
args: [{
|
|
4273
|
+
selector: '[euimMinWidth]',
|
|
4274
|
+
standalone: true,
|
|
4275
|
+
}]
|
|
4276
|
+
}], propDecorators: { minWidth: [{
|
|
4277
|
+
type: Input
|
|
4278
|
+
}], widthVar: [{
|
|
4279
|
+
type: HostBinding,
|
|
4280
|
+
args: ['style.width']
|
|
4281
|
+
}] } });
|
|
4282
|
+
|
|
4283
|
+
class EuimListItemNoPaddingsDirective {
|
|
4284
|
+
constructor() {
|
|
4285
|
+
this.className = 'euim-list-item--no-paddings';
|
|
4286
|
+
}
|
|
4287
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimListItemNoPaddingsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4288
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimListItemNoPaddingsDirective, isStandalone: true, selector: "[euimListItemNoPaddings]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4289
|
+
}
|
|
4290
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimListItemNoPaddingsDirective, decorators: [{
|
|
4291
|
+
type: Directive,
|
|
4292
|
+
args: [{
|
|
4293
|
+
selector: '[euimListItemNoPaddings]',
|
|
4294
|
+
standalone: true,
|
|
4295
|
+
}]
|
|
4296
|
+
}], propDecorators: { className: [{
|
|
4297
|
+
type: HostBinding,
|
|
4298
|
+
args: ['class']
|
|
4299
|
+
}] } });
|
|
4300
|
+
|
|
3896
4301
|
class EuimSidebarFooterNoBordersDirective {
|
|
3897
4302
|
constructor() {
|
|
3898
4303
|
this.className = 'euim-sidebar-footer--no-borders';
|
|
3899
4304
|
}
|
|
3900
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3901
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
4305
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarFooterNoBordersDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4306
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimSidebarFooterNoBordersDirective, isStandalone: true, selector: "[euimSidebarFooterNoBorders]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
3902
4307
|
}
|
|
3903
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4308
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarFooterNoBordersDirective, decorators: [{
|
|
3904
4309
|
type: Directive,
|
|
3905
4310
|
args: [{
|
|
3906
4311
|
selector: '[euimSidebarFooterNoBorders]',
|
|
@@ -3915,10 +4320,10 @@ class EuimSkeletonTextAvatarDirective {
|
|
|
3915
4320
|
constructor() {
|
|
3916
4321
|
this.className = 'euim-skeleton-text-avatar';
|
|
3917
4322
|
}
|
|
3918
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3919
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
4323
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonTextAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4324
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimSkeletonTextAvatarDirective, selector: "[euimSkeletonTextAvatar]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
3920
4325
|
}
|
|
3921
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4326
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonTextAvatarDirective, decorators: [{
|
|
3922
4327
|
type: Directive,
|
|
3923
4328
|
args: [{
|
|
3924
4329
|
selector: '[euimSkeletonTextAvatar]',
|
|
@@ -3929,13 +4334,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
3929
4334
|
}] } });
|
|
3930
4335
|
|
|
3931
4336
|
class EuimSkeletonTextAvatarModule {
|
|
3932
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3933
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
4337
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonTextAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4338
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonTextAvatarModule, declarations: [EuimSkeletonTextAvatarDirective], imports: [CommonModule,
|
|
3934
4339
|
IonicModule], exports: [EuimSkeletonTextAvatarDirective] }); }
|
|
3935
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
4340
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonTextAvatarModule, imports: [CommonModule,
|
|
3936
4341
|
IonicModule] }); }
|
|
3937
4342
|
}
|
|
3938
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4343
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonTextAvatarModule, decorators: [{
|
|
3939
4344
|
type: NgModule,
|
|
3940
4345
|
args: [{
|
|
3941
4346
|
imports: [
|
|
@@ -3959,11 +4364,8 @@ const MODULES = [
|
|
|
3959
4364
|
EuimLanguageSelectorModule,
|
|
3960
4365
|
EuimUserProfileModule,
|
|
3961
4366
|
EuimMessageModule,
|
|
3962
|
-
EuimCardModule,
|
|
3963
|
-
EuimCardListModule,
|
|
3964
4367
|
EuimSkeletonListItemModule,
|
|
3965
4368
|
EuimSkeletonListModule,
|
|
3966
|
-
EuimAvatarIconModule,
|
|
3967
4369
|
EuimLabelModule,
|
|
3968
4370
|
EuimAlertMessageModule,
|
|
3969
4371
|
EuimAboutModule,
|
|
@@ -3981,16 +4383,27 @@ const MODULES = [
|
|
|
3981
4383
|
EuimPdfViewerModule,
|
|
3982
4384
|
EuimMultiselectModule,
|
|
3983
4385
|
EuimToolbarDatepickerModule,
|
|
4386
|
+
EuimCardModule,
|
|
4387
|
+
EuimCardListModule,
|
|
3984
4388
|
// Directives
|
|
3985
4389
|
EuimSpinnerComponentModule,
|
|
3986
4390
|
EuimDividerModule,
|
|
4391
|
+
EuimListHeaderModule,
|
|
4392
|
+
EuimMinWidthDirective,
|
|
4393
|
+
EuimAlignCenterDirective,
|
|
4394
|
+
EuimAlignTopDirective,
|
|
3987
4395
|
EuimToolbarTransparentDirective,
|
|
3988
4396
|
EuimSidebarFooterNoBordersDirective,
|
|
4397
|
+
EuimListItemNoPaddingsDirective,
|
|
4398
|
+
EuimReadOnlyFormDirective,
|
|
4399
|
+
EuimReadOnlyFormValueDirective,
|
|
4400
|
+
EuimReadOnlyFormLabelDirective,
|
|
4401
|
+
EuimMediaHeaderCustomContentDirective,
|
|
3989
4402
|
EuimSkeletonTextAvatarModule,
|
|
3990
4403
|
];
|
|
3991
4404
|
class EuimAllModule {
|
|
3992
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3993
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
4405
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4406
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimAllModule, imports: [
|
|
3994
4407
|
// Layout
|
|
3995
4408
|
EuimAppModule,
|
|
3996
4409
|
// Components
|
|
@@ -3998,11 +4411,8 @@ class EuimAllModule {
|
|
|
3998
4411
|
EuimLanguageSelectorModule,
|
|
3999
4412
|
EuimUserProfileModule,
|
|
4000
4413
|
EuimMessageModule,
|
|
4001
|
-
EuimCardModule,
|
|
4002
|
-
EuimCardListModule,
|
|
4003
4414
|
EuimSkeletonListItemModule,
|
|
4004
4415
|
EuimSkeletonListModule,
|
|
4005
|
-
EuimAvatarIconModule,
|
|
4006
4416
|
EuimLabelModule,
|
|
4007
4417
|
EuimAlertMessageModule,
|
|
4008
4418
|
EuimAboutModule,
|
|
@@ -4020,11 +4430,22 @@ class EuimAllModule {
|
|
|
4020
4430
|
EuimPdfViewerModule,
|
|
4021
4431
|
EuimMultiselectModule,
|
|
4022
4432
|
EuimToolbarDatepickerModule,
|
|
4433
|
+
EuimCardModule,
|
|
4434
|
+
EuimCardListModule,
|
|
4023
4435
|
// Directives
|
|
4024
4436
|
EuimSpinnerComponentModule,
|
|
4025
4437
|
EuimDividerModule,
|
|
4438
|
+
EuimListHeaderModule,
|
|
4439
|
+
EuimMinWidthDirective,
|
|
4440
|
+
EuimAlignCenterDirective,
|
|
4441
|
+
EuimAlignTopDirective,
|
|
4026
4442
|
EuimToolbarTransparentDirective,
|
|
4027
4443
|
EuimSidebarFooterNoBordersDirective,
|
|
4444
|
+
EuimListItemNoPaddingsDirective,
|
|
4445
|
+
EuimReadOnlyFormDirective,
|
|
4446
|
+
EuimReadOnlyFormValueDirective,
|
|
4447
|
+
EuimReadOnlyFormLabelDirective,
|
|
4448
|
+
EuimMediaHeaderCustomContentDirective,
|
|
4028
4449
|
EuimSkeletonTextAvatarModule], exports: [
|
|
4029
4450
|
// Layout
|
|
4030
4451
|
EuimAppModule,
|
|
@@ -4033,11 +4454,8 @@ class EuimAllModule {
|
|
|
4033
4454
|
EuimLanguageSelectorModule,
|
|
4034
4455
|
EuimUserProfileModule,
|
|
4035
4456
|
EuimMessageModule,
|
|
4036
|
-
EuimCardModule,
|
|
4037
|
-
EuimCardListModule,
|
|
4038
4457
|
EuimSkeletonListItemModule,
|
|
4039
4458
|
EuimSkeletonListModule,
|
|
4040
|
-
EuimAvatarIconModule,
|
|
4041
4459
|
EuimLabelModule,
|
|
4042
4460
|
EuimAlertMessageModule,
|
|
4043
4461
|
EuimAboutModule,
|
|
@@ -4055,13 +4473,24 @@ class EuimAllModule {
|
|
|
4055
4473
|
EuimPdfViewerModule,
|
|
4056
4474
|
EuimMultiselectModule,
|
|
4057
4475
|
EuimToolbarDatepickerModule,
|
|
4476
|
+
EuimCardModule,
|
|
4477
|
+
EuimCardListModule,
|
|
4058
4478
|
// Directives
|
|
4059
4479
|
EuimSpinnerComponentModule,
|
|
4060
4480
|
EuimDividerModule,
|
|
4481
|
+
EuimListHeaderModule,
|
|
4482
|
+
EuimMinWidthDirective,
|
|
4483
|
+
EuimAlignCenterDirective,
|
|
4484
|
+
EuimAlignTopDirective,
|
|
4061
4485
|
EuimToolbarTransparentDirective,
|
|
4062
4486
|
EuimSidebarFooterNoBordersDirective,
|
|
4487
|
+
EuimListItemNoPaddingsDirective,
|
|
4488
|
+
EuimReadOnlyFormDirective,
|
|
4489
|
+
EuimReadOnlyFormValueDirective,
|
|
4490
|
+
EuimReadOnlyFormLabelDirective,
|
|
4491
|
+
EuimMediaHeaderCustomContentDirective,
|
|
4063
4492
|
EuimSkeletonTextAvatarModule] }); }
|
|
4064
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
4493
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAllModule, imports: [
|
|
4065
4494
|
// Layout
|
|
4066
4495
|
EuimAppModule,
|
|
4067
4496
|
// Components
|
|
@@ -4069,11 +4498,8 @@ class EuimAllModule {
|
|
|
4069
4498
|
EuimLanguageSelectorModule,
|
|
4070
4499
|
EuimUserProfileModule,
|
|
4071
4500
|
EuimMessageModule,
|
|
4072
|
-
EuimCardModule,
|
|
4073
|
-
EuimCardListModule,
|
|
4074
4501
|
EuimSkeletonListItemModule,
|
|
4075
4502
|
EuimSkeletonListModule,
|
|
4076
|
-
EuimAvatarIconModule,
|
|
4077
4503
|
EuimLabelModule,
|
|
4078
4504
|
EuimAlertMessageModule,
|
|
4079
4505
|
EuimAboutModule,
|
|
@@ -4091,9 +4517,12 @@ class EuimAllModule {
|
|
|
4091
4517
|
EuimPdfViewerModule,
|
|
4092
4518
|
EuimMultiselectModule,
|
|
4093
4519
|
EuimToolbarDatepickerModule,
|
|
4520
|
+
EuimCardModule,
|
|
4521
|
+
EuimCardListModule,
|
|
4094
4522
|
// Directives
|
|
4095
4523
|
EuimSpinnerComponentModule,
|
|
4096
4524
|
EuimDividerModule,
|
|
4525
|
+
EuimListHeaderModule,
|
|
4097
4526
|
EuimSkeletonTextAvatarModule,
|
|
4098
4527
|
// Layout
|
|
4099
4528
|
EuimAppModule,
|
|
@@ -4102,11 +4531,8 @@ class EuimAllModule {
|
|
|
4102
4531
|
EuimLanguageSelectorModule,
|
|
4103
4532
|
EuimUserProfileModule,
|
|
4104
4533
|
EuimMessageModule,
|
|
4105
|
-
EuimCardModule,
|
|
4106
|
-
EuimCardListModule,
|
|
4107
4534
|
EuimSkeletonListItemModule,
|
|
4108
4535
|
EuimSkeletonListModule,
|
|
4109
|
-
EuimAvatarIconModule,
|
|
4110
4536
|
EuimLabelModule,
|
|
4111
4537
|
EuimAlertMessageModule,
|
|
4112
4538
|
EuimAboutModule,
|
|
@@ -4124,12 +4550,15 @@ class EuimAllModule {
|
|
|
4124
4550
|
EuimPdfViewerModule,
|
|
4125
4551
|
EuimMultiselectModule,
|
|
4126
4552
|
EuimToolbarDatepickerModule,
|
|
4553
|
+
EuimCardModule,
|
|
4554
|
+
EuimCardListModule,
|
|
4127
4555
|
// Directives
|
|
4128
4556
|
EuimSpinnerComponentModule,
|
|
4129
4557
|
EuimDividerModule,
|
|
4558
|
+
EuimListHeaderModule,
|
|
4130
4559
|
EuimSkeletonTextAvatarModule] }); }
|
|
4131
4560
|
}
|
|
4132
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4561
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAllModule, decorators: [{
|
|
4133
4562
|
type: NgModule,
|
|
4134
4563
|
args: [{
|
|
4135
4564
|
imports: [
|
|
@@ -4147,5 +4576,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
4147
4576
|
* Generated bundle index. Do not edit.
|
|
4148
4577
|
*/
|
|
4149
4578
|
|
|
4150
|
-
export { BaseStatesDirective, EuiMUserProfileActionComponent, EuiMUserProfileAvatarComponent, EuiMUserProfileInfosComponent, EuiMUserProfileInfosItemComponent, EuimAboutComponent, EuimAboutContentLoadingComponent, EuimAboutModule, EuimAlertMessageComponent, EuimAlertMessageModule, EuimAllModule, EuimAppComponent, EuimAppModule, EuimAppService, EuimAvatarComponent, EuimAvatarIconComponent,
|
|
4579
|
+
export { BaseStatesDirective, EuiMUserProfileActionComponent, EuiMUserProfileAvatarComponent, EuiMUserProfileInfosComponent, EuiMUserProfileInfosItemComponent, EuimAboutComponent, EuimAboutContentLoadingComponent, EuimAboutModule, EuimAlertMessageComponent, EuimAlertMessageModule, EuimAlignCenterDirective, EuimAlignTopDirective, EuimAllModule, EuimAppComponent, EuimAppModule, EuimAppService, EuimAvatarBadgeComponent, EuimAvatarComponent, EuimAvatarIconComponent, EuimAvatarIconSubComponent, EuimAvatarImageComponent, EuimAvatarModule, EuimAvatarTextComponent, EuimBadgeComponent, EuimBadgeModule, EuimCardComponent, EuimCardImageDirective, EuimCardListComponent, EuimCardListModule, EuimCardModule, EuimChangelogComponent, EuimChipSelectorComponent, EuimChipSelectorComponentModule, EuimChipSelectorItemDirective, EuimDataSummaryColComponent, EuimDataSummaryColLabelDirective, EuimDataSummaryColValueDirective, EuimDataSummaryComponent, EuimDataSummaryModule, EuimDividerDirective, EuimDividerModule, EuimEmptyListPlaceholderComponent, EuimEmptyListPlaceholderModule, EuimHeaderDetailsComponent, EuimHeaderDetailsIconDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsModule, EuimHeaderDetailsTitleDirective, EuimHelpSupportComponent, EuimLabelComponent, EuimLabelModule, EuimLanguageListComponent, EuimLanguageSelectorComponent, EuimLanguageSelectorModule, EuimListHeaderDirective, EuimListHeaderModule, EuimListItemNoPaddingsDirective, EuimMediaHeaderComponent, EuimMediaHeaderCustomContentDirective, EuimMediaHeaderImageDirective, EuimMediaHeaderModule, EuimMediaHeaderSubTitleDirective, EuimMediaHeaderTitleDirective, EuimMessageComponent, EuimMessageModule, EuimMessageTitleComponent, EuimMinWidthDirective, EuimMultiselectAllDirective, EuimMultiselectComponent, EuimMultiselectFilterComponent, EuimMultiselectInfoComponent, EuimMultiselectListComponent, EuimMultiselectModule, EuimMultiselectSelectFieldDirective, EuimMultiselectToolbarComponent, EuimNotificationItemComponent, EuimNotificationItemModule, EuimOpenSourceLicencesComponent, EuimPdfViewerComponent, EuimPdfViewerModule, EuimReadOnlyFormDirective, EuimReadOnlyFormLabelDirective, EuimReadOnlyFormValueDirective, EuimScrollerXComponent, EuimScrollerXComponentModule, EuimSidebarComponent, EuimSidebarContentComponent, EuimSidebarFooterNoBordersDirective, EuimSidebarModule, EuimSkeletonListComponent, EuimSkeletonListItemComponent, EuimSkeletonListItemModule, EuimSkeletonListModule, EuimSkeletonTextAvatarDirective, EuimSkeletonTextAvatarModule, EuimSlideInfoScreenComponent, EuimSliderInfoScreenComponent, EuimSliderInfoScreenContentDirective, EuimSliderInfoScreenModule, EuimSliderInfoScreenSubTitleDirective, EuimSliderInfoScreenTitleDirective, EuimSpinnerComponent, EuimSpinnerComponentModule, EuimSpinnerDescriptionComponent, EuimSpinnerMessageComponent, EuimToolbarActionItemsComponent, EuimToolbarComponent, EuimToolbarComponentModule, EuimToolbarDatepickerComponent, EuimToolbarDatepickerDatetimeDirective, EuimToolbarDatepickerModule, EuimToolbarTitleComponent, EuimToolbarTransparentDirective, EuimUserProfileComponent, EuimUserProfileModule };
|
|
4151
4580
|
//# sourceMappingURL=eui-mobile-core.mjs.map
|