@eui/mobile-core 17.4.2-snapshot-1730191497676 → 18.0.0-next.10
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 +14 -10
- package/docs/components/EuiMUserProfileAvatarComponent.html +14 -10
- package/docs/components/EuiMUserProfileInfosComponent.html +14 -10
- package/docs/components/EuiMUserProfileInfosItemComponent.html +14 -10
- package/docs/components/EuimAboutComponent.html +14 -10
- package/docs/components/EuimAboutContentLoadingComponent.html +14 -10
- package/docs/components/EuimAlertMessageComponent.html +14 -10
- package/docs/components/EuimAppComponent.html +14 -10
- package/docs/components/EuimAvatarBadgeComponent.html +395 -0
- package/docs/components/EuimAvatarComponent.html +204 -43
- package/docs/components/EuimAvatarIconComponent.html +48 -213
- 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 +14 -10
- package/docs/components/EuimCardComponent.html +14 -10
- package/docs/components/EuimCardListComponent.html +14 -10
- package/docs/components/EuimChangelogComponent.html +14 -10
- package/docs/components/EuimChipSelectorComponent.html +14 -10
- package/docs/components/EuimDataSummaryColComponent.html +14 -10
- package/docs/components/EuimDataSummaryComponent.html +14 -10
- package/docs/components/EuimEmptyListPlaceholderComponent.html +14 -10
- package/docs/components/EuimHeaderDetailsComponent.html +14 -10
- package/docs/components/EuimHelpSupportComponent.html +15 -83
- package/docs/components/EuimLabelComponent.html +14 -10
- package/docs/components/EuimLanguageListComponent.html +14 -10
- package/docs/components/EuimLanguageSelectorComponent.html +14 -10
- package/docs/components/EuimMediaHeaderComponent.html +14 -10
- package/docs/components/EuimMessageComponent.html +14 -10
- package/docs/components/EuimMessageTitleComponent.html +14 -10
- package/docs/components/EuimMultiselectComponent.html +14 -10
- package/docs/components/EuimMultiselectFilterComponent.html +14 -10
- package/docs/components/EuimMultiselectInfoComponent.html +14 -10
- package/docs/components/EuimMultiselectListComponent.html +14 -10
- package/docs/components/EuimMultiselectToolbarComponent.html +14 -10
- package/docs/components/EuimNotificationItemComponent.html +14 -10
- package/docs/components/EuimOpenSourceLicencesComponent.html +14 -10
- package/docs/components/EuimPdfViewerComponent.html +15 -11
- package/docs/components/EuimScrollerXComponent.html +14 -10
- package/docs/components/EuimSidebarComponent.html +14 -10
- package/docs/components/EuimSidebarContentComponent.html +234 -13
- package/docs/components/EuimSkeletonListComponent.html +14 -10
- package/docs/components/EuimSkeletonListItemComponent.html +14 -10
- package/docs/components/EuimSlideInfoScreenComponent.html +14 -10
- package/docs/components/EuimSliderInfoScreenComponent.html +14 -10
- package/docs/components/EuimSpinnerComponent.html +14 -10
- package/docs/components/EuimSpinnerDescriptionComponent.html +14 -10
- package/docs/components/EuimSpinnerMessageComponent.html +14 -10
- package/docs/components/EuimToolbarActionItemsComponent.html +14 -10
- package/docs/components/EuimToolbarComponent.html +14 -10
- package/docs/components/EuimToolbarDatepickerComponent.html +15 -11
- package/docs/components/EuimToolbarTitleComponent.html +14 -10
- package/docs/components/EuimUserProfileComponent.html +14 -10
- package/docs/dependencies.html +23 -21
- package/docs/directives/BaseStatesDirective.html +13 -9
- package/docs/directives/EuimAlignCenterDirective.html +13 -9
- package/docs/directives/EuimAlignTopDirective.html +13 -9
- package/docs/directives/EuimAvatarMainIconDirective.html +13 -9
- package/docs/directives/EuimAvatarSubIconDirective.html +13 -9
- package/docs/directives/EuimCardImageDirective.html +13 -9
- package/docs/directives/EuimChipSelectorItemDirective.html +13 -9
- package/docs/directives/EuimDataSummaryColLabelDirective.html +13 -9
- package/docs/directives/EuimDataSummaryColValueDirective.html +13 -9
- package/docs/directives/EuimDividerDirective.html +13 -9
- package/docs/directives/EuimHeaderDetailsIconDirective.html +13 -9
- package/docs/directives/EuimHeaderDetailsMetaDirective.html +13 -9
- package/docs/directives/EuimHeaderDetailsTitleDirective.html +13 -9
- package/docs/directives/EuimListHeaderDirective.html +13 -9
- package/docs/directives/EuimListItemNoPaddingsDirective.html +13 -9
- package/docs/directives/EuimMediaHeaderCustomContentDirective.html +13 -9
- package/docs/directives/EuimMediaHeaderImageDirective.html +13 -9
- package/docs/directives/EuimMediaHeaderSubTitleDirective.html +13 -9
- package/docs/directives/EuimMediaHeaderTitleDirective.html +13 -9
- package/docs/directives/EuimMinWidthDirective.html +13 -9
- package/docs/directives/EuimMultiselectAllDirective.html +13 -9
- package/docs/directives/EuimMultiselectSelectFieldDirective.html +13 -9
- package/docs/directives/EuimReadOnlyFormDirective.html +13 -9
- package/docs/directives/EuimReadOnlyFormLabelDirective.html +13 -9
- package/docs/directives/EuimReadOnlyFormValueDirective.html +13 -9
- package/docs/directives/EuimSidebarFooterNoBordersDirective.html +13 -9
- package/docs/directives/EuimSkeletonTextAvatarDirective.html +13 -9
- package/docs/directives/EuimSliderInfoScreenContentDirective.html +13 -9
- package/docs/directives/EuimSliderInfoScreenSubTitleDirective.html +13 -9
- package/docs/directives/EuimSliderInfoScreenTitleDirective.html +13 -9
- package/docs/directives/EuimToolbarDatepickerDatetimeDirective.html +13 -9
- package/docs/directives/EuimToolbarTransparentDirective.html +13 -9
- package/docs/index.html +16 -12
- package/docs/injectables/EuimAppService.html +13 -9
- package/docs/interfaces/ActionBtnsIconsNames.html +13 -9
- package/docs/interfaces/ActionBtnsNames.html +13 -9
- package/docs/interfaces/FilteredData.html +13 -9
- package/docs/interfaces/HelpAndSupportItem.html +13 -9
- package/docs/interfaces/Item.html +13 -9
- package/docs/interfaces/{Contact.html → MenuItem.html} +105 -56
- package/docs/interfaces/UIState.html +13 -9
- package/docs/js/libs/bootstrap-native.js +1 -1
- package/docs/js/menu-wc.js +35 -64
- package/docs/js/menu-wc_es5.js +2 -2
- package/docs/js/search/search_index.js +2 -2
- package/docs/license.html +13 -9
- package/docs/miscellaneous/typealiases.html +35 -10
- package/docs/miscellaneous/variables.html +16 -48
- package/docs/modules/EuimAboutModule.html +14 -10
- package/docs/modules/EuimAlertMessageModule.html +13 -9
- package/docs/modules/EuimAllModule.html +13 -15
- package/docs/modules/EuimAppModule.html +13 -9
- package/docs/modules/EuimAvatarModule.html +29 -19
- package/docs/modules/EuimBadgeModule.html +13 -9
- package/docs/modules/EuimCardListModule.html +13 -9
- package/docs/modules/EuimCardModule.html +13 -9
- package/docs/modules/EuimChipSelectorComponentModule.html +13 -9
- package/docs/modules/EuimDataSummaryModule.html +13 -9
- package/docs/modules/EuimDividerModule.html +13 -9
- package/docs/modules/EuimEmptyListPlaceholderModule.html +13 -9
- package/docs/modules/EuimHeaderDetailsModule.html +13 -9
- package/docs/modules/EuimLabelModule.html +13 -9
- package/docs/modules/EuimLanguageSelectorModule.html +14 -10
- package/docs/modules/EuimListHeaderModule.html +13 -9
- package/docs/modules/EuimMediaHeaderModule.html +13 -9
- package/docs/modules/EuimMessageModule.html +13 -9
- package/docs/modules/EuimMultiselectModule.html +13 -9
- package/docs/modules/EuimNotificationItemModule.html +13 -9
- package/docs/modules/EuimPdfViewerModule.html +13 -9
- package/docs/modules/EuimScrollerXComponentModule.html +13 -9
- package/docs/modules/EuimSidebarModule.html +14 -10
- package/docs/modules/EuimSkeletonListItemModule.html +13 -9
- package/docs/modules/EuimSkeletonListModule.html +13 -9
- package/docs/modules/EuimSkeletonTextAvatarModule.html +13 -9
- package/docs/modules/EuimSliderInfoScreenModule.html +13 -9
- package/docs/modules/EuimSpinnerComponentModule.html +13 -9
- package/docs/modules/EuimToolbarComponentModule.html +13 -9
- package/docs/modules/EuimToolbarDatepickerModule.html +14 -10
- package/docs/modules/EuimUserProfileModule.html +13 -9
- package/docs/modules.html +13 -21
- package/docs/properties.html +13 -9
- package/esm2022/lib/components/atoms/euim-label/euim-label.component.mjs +5 -5
- package/esm2022/lib/components/atoms/euim-label/euim-label.module.mjs +5 -5
- package/esm2022/lib/components/atoms/euim-notification-item/euim-notification-item.component.mjs +5 -5
- package/esm2022/lib/components/atoms/euim-notification-item/euim-notification-item.module.mjs +5 -5
- package/esm2022/lib/components/base-states.directive.mjs +4 -4
- package/esm2022/lib/components/directives/euim-align-center/euim-align-center.directive.mjs +4 -4
- package/esm2022/lib/components/directives/euim-align-top/euim-align-top.directive.mjs +4 -4
- package/esm2022/lib/components/directives/euim-divider/euim-divider.directive.mjs +4 -4
- package/esm2022/lib/components/directives/euim-divider/euim-divider.module.mjs +5 -5
- package/esm2022/lib/components/directives/euim-list-header/euim-list-header.directive.mjs +4 -4
- package/esm2022/lib/components/directives/euim-list-header/euim-list-header.module.mjs +5 -5
- package/esm2022/lib/components/directives/euim-list-item/euim-list-item.directive.mjs +4 -4
- package/esm2022/lib/components/directives/euim-min-width/euim-min-width.directive.mjs +4 -4
- package/esm2022/lib/components/directives/euim-sidebar-footer/euim-sidebar-footer.directive.mjs +4 -4
- package/esm2022/lib/components/directives/euim-skeleton-text-avatar/euim-skeleton-text-avatar.directive.mjs +4 -4
- package/esm2022/lib/components/directives/euim-skeleton-text-avatar/euim-skeleton-text-avatar.module.mjs +5 -5
- package/esm2022/lib/components/directives/euim-toolbar-transparent/euim-toolbar-transparent.directive.mjs +4 -4
- package/esm2022/lib/components/euim-about/euim-about-content-loading/euim-about-content-loading.component.mjs +5 -5
- package/esm2022/lib/components/euim-about/euim-about.component.mjs +5 -5
- package/esm2022/lib/components/euim-about/euim-about.module.mjs +9 -9
- package/esm2022/lib/components/euim-about/euim-changelog/euim-changelog.component.mjs +5 -5
- package/esm2022/lib/components/euim-about/euim-help-support/euim-help-support.component.mjs +8 -26
- package/esm2022/lib/components/euim-about/euim-opensource-licences/euim-opensource-licences.component.mjs +5 -5
- package/esm2022/lib/components/euim-alert-message/euim-alert-message.module.mjs +5 -5
- package/esm2022/lib/components/euim-alert-message/euim-alert-messsage.component.mjs +5 -5
- 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 +5 -5
- package/esm2022/lib/components/euim-badge/euim-badge.module.mjs +5 -5
- package/esm2022/lib/components/euim-card/euim-card-image/euim-card-image.directive.mjs +4 -4
- package/esm2022/lib/components/euim-card/euim-card.component.mjs +5 -5
- package/esm2022/lib/components/euim-card/euim-card.module.mjs +5 -5
- package/esm2022/lib/components/euim-card-list/euim-card-list.component.mjs +4 -4
- package/esm2022/lib/components/euim-card-list/euim-card-list.module.mjs +5 -5
- package/esm2022/lib/components/euim-chip-selector/euim-chip-selector-item/euim-chip-selector-item.directive.mjs +4 -4
- package/esm2022/lib/components/euim-chip-selector/euim-chip-selector.component.mjs +5 -5
- package/esm2022/lib/components/euim-chip-selector/euim-chip-selector.module.mjs +5 -5
- package/esm2022/lib/components/euim-data-summary/euim-data-summary-col/euim-data-summary-col.component.mjs +4 -4
- package/esm2022/lib/components/euim-data-summary/euim-data-summary-col-label/euim-data-summary-col-label.directive.mjs +4 -4
- package/esm2022/lib/components/euim-data-summary/euim-data-summary-col-value/euim-data-summary-col-value.directive.mjs +4 -4
- package/esm2022/lib/components/euim-data-summary/euim-data-summary.component.mjs +5 -5
- package/esm2022/lib/components/euim-data-summary/euim-data-summary.module.mjs +5 -5
- package/esm2022/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.component.mjs +5 -5
- package/esm2022/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.module.mjs +5 -5
- package/esm2022/lib/components/euim-media-header/euim-media-header-custom-content/euim-media-header-content.directive.mjs +4 -4
- package/esm2022/lib/components/euim-media-header/euim-media-header-image/euim-media-header-image.directive.mjs +4 -4
- package/esm2022/lib/components/euim-media-header/euim-media-header-sub-title/euim-media-header-sub-title.directive.mjs +4 -4
- package/esm2022/lib/components/euim-media-header/euim-media-header-title/euim-media-header-title.directive.mjs +4 -4
- package/esm2022/lib/components/euim-media-header/euim-media-header.component.mjs +5 -5
- package/esm2022/lib/components/euim-media-header/euim-media-header.module.mjs +5 -5
- package/esm2022/lib/components/euim-message/euim-message-title/euim-message-title.component.mjs +4 -4
- package/esm2022/lib/components/euim-message/euim-message.component.mjs +5 -5
- package/esm2022/lib/components/euim-message/euim-message.module.mjs +5 -5
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-all/euim-multiselect-all.directive.mjs +4 -4
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-filter/euim-multiselect-filter.component.mjs +5 -5
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-info/euim-multiselect-info.component.mjs +5 -5
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-list/euim-multiselect-list.component.mjs +4 -4
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-select-field/euim-multiselect-select-field.directive.mjs +4 -4
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-toolbar/euim-multiselect-toolbar.component.mjs +4 -4
- package/esm2022/lib/components/euim-multiselect/euim-multiselect.component.mjs +5 -5
- package/esm2022/lib/components/euim-multiselect/euim-multiselect.module.mjs +5 -5
- package/esm2022/lib/components/euim-pdf-viewer/euim-pdf-viewer.component.mjs +5 -5
- package/esm2022/lib/components/euim-pdf-viewer/euim-pdf-viewer.module.mjs +6 -6
- package/esm2022/lib/components/euim-read-only-form/euim-read-only-form-label/euim-read-only-form-label.directive.mjs +4 -4
- package/esm2022/lib/components/euim-read-only-form/euim-read-only-form-value/euim-read-only-form-value.directive.mjs +4 -4
- package/esm2022/lib/components/euim-read-only-form/euim-read-only-form.directive.mjs +4 -4
- package/esm2022/lib/components/euim-scroller-x/euim-scroller-x.component.mjs +4 -4
- package/esm2022/lib/components/euim-scroller-x/euim-scroller-x.module.mjs +5 -5
- package/esm2022/lib/components/euim-skeleton-list/euim-skeleton-list.component.mjs +4 -4
- package/esm2022/lib/components/euim-skeleton-list/euim-skeleton-list.module.mjs +5 -5
- package/esm2022/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.mjs +5 -5
- package/esm2022/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.module.mjs +5 -5
- package/esm2022/lib/components/euim-slider-info-screen/euim-slide-info-screen/euim-slide-info-screen.component.mjs +4 -4
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen-content/euim-slider-info-screen-content.directive.mjs +4 -4
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen-sub-title/euim-slider-info-screen-sub-title.directive.mjs +4 -4
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen-title/euim-slider-info-screen-title.directive.mjs +4 -4
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.mjs +5 -5
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen.module.mjs +5 -5
- package/esm2022/lib/components/euim-spinner/euim-spinner-description/euim-spinner-description.component.mjs +5 -5
- package/esm2022/lib/components/euim-spinner/euim-spinner-message/euim-spinner-message.component.mjs +5 -5
- package/esm2022/lib/components/euim-spinner/euim-spinner.component.mjs +5 -5
- package/esm2022/lib/components/euim-spinner/euim-spinner.module.mjs +5 -5
- package/esm2022/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker-datetime/euim-toolbar-datepicker-datetime.directive.mjs +4 -4
- package/esm2022/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.component.mjs +9 -8
- package/esm2022/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.module.mjs +9 -9
- package/esm2022/lib/components/index.mjs +3 -4
- package/esm2022/lib/components/layout/euim-app/euim-app.component.mjs +4 -4
- package/esm2022/lib/components/layout/euim-app/euim-app.module.mjs +5 -5
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details-icon/euim-header-details-icon.directive.mjs +4 -4
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details-meta/euim-header-details-meta.directive.mjs +4 -4
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details-title/euim-header-details-title.directive.mjs +4 -4
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details.component.mjs +5 -5
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details.module.mjs +5 -5
- package/esm2022/lib/components/layout/euim-language-selector/euim-language-list.component.mjs +5 -5
- package/esm2022/lib/components/layout/euim-language-selector/euim-language-selector.component.mjs +5 -5
- 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 +48 -8
- package/esm2022/lib/components/layout/euim-sidebar/euim-sidebar.component.mjs +5 -5
- 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 +4 -4
- package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar-title/euim-toolbar-title.component.mjs +4 -4
- package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar.component.mjs +4 -4
- package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar.module.mjs +5 -5
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile-action/euim-user-profile-action.component.mjs +4 -4
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile-avatar/euim-user-profile-avatar.component.mjs +4 -4
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile-infos/euim-user-profile-infos.component.mjs +4 -4
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile-infos-item/euim-user-profile-infos-item.component.mjs +4 -4
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile.component.mjs +5 -5
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile.module.mjs +5 -5
- package/esm2022/lib/euim-all.module.mjs +16 -21
- package/esm2022/lib/services/euim-app.service.mjs +4 -4
- package/fesm2022/eui-mobile-core.mjs +753 -675
- 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/euim-about/euim-about.module.d.ts +2 -2
- package/lib/components/euim-about/euim-help-support/euim-help-support.component.d.ts +1 -44
- package/lib/components/euim-about/euim-help-support/euim-help-support.component.d.ts.map +1 -1
- 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-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.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.component.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.map +1 -1
- 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.map +1 -1
- 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 +2 -3
- package/lib/components/index.d.ts.map +1 -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-content/euim-sidebar-content.component.d.ts +28 -5
- package/lib/components/layout/euim-sidebar/euim-sidebar-content/euim-sidebar-content.component.d.ts.map +1 -1
- 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/euim-all.module.d.ts +36 -37
- package/lib/euim-all.module.d.ts.map +1 -1
- package/package.json +14 -8
- package/docs/interfaces/AlertInfos.html +0 -407
- package/docs/interfaces/HelpContacts.html +0 -311
- package/docs/interfaces/Material.html +0 -491
- package/docs/interfaces/SupportMaterials.html +0 -311
- package/docs/modules/EuimAvatarIconModule.html +0 -228
- 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,12 +1,12 @@
|
|
|
1
1
|
import { getI18nServiceConfig } 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, Inject, EventEmitter, Output,
|
|
4
|
+
import { Injectable, booleanAttribute, Directive, Input, numberAttribute, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, NgModule, Inject, EventEmitter, Output, ViewChild, ContentChildren, ContentChild, 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';
|
|
8
8
|
import * as i3 from '@ionic/angular';
|
|
9
|
-
import { IonicModule } from '@ionic/angular';
|
|
9
|
+
import { IonicModule, IonSearchbar } from '@ionic/angular';
|
|
10
10
|
import * as i1 from '@eui/core';
|
|
11
11
|
import { EuiEuLanguages, GLOBAL_CONFIG_TOKEN } from '@eui/core';
|
|
12
12
|
import { takeUntil, startWith, switchMap, map, catchError } from 'rxjs/operators';
|
|
@@ -23,7 +23,7 @@ import { PinchZoomModule } from '@mapaxe/ngx-pinch-zoom';
|
|
|
23
23
|
import * as i2$3 from 'angularx-qrcode';
|
|
24
24
|
import { QRCodeModule } from 'angularx-qrcode';
|
|
25
25
|
import * as i1$2 from '@angular/platform-browser';
|
|
26
|
-
import * as
|
|
26
|
+
import * as i7 from '@angular/forms';
|
|
27
27
|
import { FormsModule } from '@angular/forms';
|
|
28
28
|
|
|
29
29
|
const initialState = {
|
|
@@ -50,10 +50,10 @@ class EuimAppService {
|
|
|
50
50
|
...nextState,
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
54
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
53
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAppService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
54
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAppService, providedIn: 'root' }); }
|
|
55
55
|
}
|
|
56
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAppService, decorators: [{
|
|
57
57
|
type: Injectable,
|
|
58
58
|
args: [{ providedIn: 'root' }]
|
|
59
59
|
}], ctorParameters: () => [] });
|
|
@@ -132,10 +132,10 @@ class BaseStatesDirective {
|
|
|
132
132
|
.join(' ')
|
|
133
133
|
.trim();
|
|
134
134
|
}
|
|
135
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
136
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "
|
|
135
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: BaseStatesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
136
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.10", 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 }); }
|
|
137
137
|
}
|
|
138
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
138
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: BaseStatesDirective, decorators: [{
|
|
139
139
|
type: Directive,
|
|
140
140
|
args: [{
|
|
141
141
|
standalone: true,
|
|
@@ -226,10 +226,10 @@ class EuimLabelComponent {
|
|
|
226
226
|
this.euimLabelTruncateWithLines > 0 ? 'euim-label__euiTextTruncateWithLines euim-label__truncate' : '',
|
|
227
227
|
].join(' ');
|
|
228
228
|
}
|
|
229
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
230
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "
|
|
229
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", 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.10", 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-c-neutral);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-c-neutral-light)}.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-c-primary)}.euim-label--secondary{color:var(--eui-c-neutral-lighter)}.euim-label--default{color:var(--eui-bc-neutral-light)}.euim-label--dark{color:var(--eui-c-neutral)}.euim-label--info{color:var(--eui-c-info)}.euim-label--success{color:var(--eui-c-success)}.euim-label--warning{color:var(--eui-c-warning)}.euim-label--warning ion-icon{color:var(--eui-c-warning)}.euim-label--danger{color:var(--eui-c-danger)}.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 }); }
|
|
231
231
|
}
|
|
232
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
232
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimLabelComponent, decorators: [{
|
|
233
233
|
type: Component,
|
|
234
234
|
args: [{ selector: 'div[euimLabel], p[euimLabel], span[euimLabel], euim-label', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
235
235
|
{
|
|
@@ -247,7 +247,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
247
247
|
'color',
|
|
248
248
|
],
|
|
249
249
|
},
|
|
250
|
-
], styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-
|
|
250
|
+
], styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-c-neutral);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-c-neutral-light)}.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-c-primary)}.euim-label--secondary{color:var(--eui-c-neutral-lighter)}.euim-label--default{color:var(--eui-bc-neutral-light)}.euim-label--dark{color:var(--eui-c-neutral)}.euim-label--info{color:var(--eui-c-info)}.euim-label--success{color:var(--eui-c-success)}.euim-label--warning{color:var(--eui-c-warning)}.euim-label--warning ion-icon{color:var(--eui-c-warning)}.euim-label--danger{color:var(--eui-c-danger)}.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"] }]
|
|
251
251
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimLabelTruncateWithLines: [{
|
|
252
252
|
type: HostBinding,
|
|
253
253
|
args: ['style.--euimLabelTruncateWithLines']
|
|
@@ -275,13 +275,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
275
275
|
}] } });
|
|
276
276
|
|
|
277
277
|
class EuimLabelModule {
|
|
278
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
279
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
278
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
279
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimLabelModule, declarations: [EuimLabelComponent], imports: [CommonModule,
|
|
280
280
|
IonicModule], exports: [EuimLabelComponent] }); }
|
|
281
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
281
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimLabelModule, imports: [CommonModule,
|
|
282
282
|
IonicModule] }); }
|
|
283
283
|
}
|
|
284
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
284
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimLabelModule, decorators: [{
|
|
285
285
|
type: NgModule,
|
|
286
286
|
args: [{
|
|
287
287
|
imports: [
|
|
@@ -309,10 +309,10 @@ class EuimNotificationItemComponent {
|
|
|
309
309
|
this.baseStatesDirective.getCssClasses('euim-notification-item'),
|
|
310
310
|
].join(' ');
|
|
311
311
|
}
|
|
312
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
313
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
312
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", 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.10", 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-c-primary)}.euim-notification-item--secondary{background:var(--eui-c-neutral)}.euim-notification-item--info{background:var(--eui-c-info)}.euim-notification-item--success{background:var(--eui-c-success)}.euim-notification-item--warning{background:var(--eui-c-warning)}.euim-notification-item--danger{background:var(--eui-c-danger)}.euim-notification-item--accent{background:var(--eui-bc-accent-100)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
314
314
|
}
|
|
315
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
315
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimNotificationItemComponent, decorators: [{
|
|
316
316
|
type: Component,
|
|
317
317
|
args: [{ selector: 'euim-notification-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
318
318
|
{
|
|
@@ -321,20 +321,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
321
321
|
'color',
|
|
322
322
|
],
|
|
323
323
|
},
|
|
324
|
-
], template: "", styles: [".euim-notification-item{display:block;border-radius:50%;width:var(--eui-
|
|
324
|
+
], 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-c-primary)}.euim-notification-item--secondary{background:var(--eui-c-neutral)}.euim-notification-item--info{background:var(--eui-c-info)}.euim-notification-item--success{background:var(--eui-c-success)}.euim-notification-item--warning{background:var(--eui-c-warning)}.euim-notification-item--danger{background:var(--eui-c-danger)}.euim-notification-item--accent{background:var(--eui-bc-accent-100)}\n"] }]
|
|
325
325
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
326
326
|
type: HostBinding,
|
|
327
327
|
args: ['class']
|
|
328
328
|
}] } });
|
|
329
329
|
|
|
330
330
|
class EuimNotificationItemModule {
|
|
331
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
332
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
331
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimNotificationItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
332
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimNotificationItemModule, declarations: [EuimNotificationItemComponent], imports: [CommonModule,
|
|
333
333
|
IonicModule], exports: [EuimNotificationItemComponent] }); }
|
|
334
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
334
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimNotificationItemModule, imports: [CommonModule,
|
|
335
335
|
IonicModule] }); }
|
|
336
336
|
}
|
|
337
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
337
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimNotificationItemModule, decorators: [{
|
|
338
338
|
type: NgModule,
|
|
339
339
|
args: [{
|
|
340
340
|
imports: [
|
|
@@ -355,10 +355,10 @@ class EuimAppComponent {
|
|
|
355
355
|
this.asService = asService;
|
|
356
356
|
this.ionMenuId = 'main';
|
|
357
357
|
}
|
|
358
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
359
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
358
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", 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.10", 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: i3.IonApp, selector: "ion-app" }, { kind: "component", type: i3.IonRouterOutlet, selector: "ion-router-outlet" }] }); }
|
|
360
360
|
}
|
|
361
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
361
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAppComponent, decorators: [{
|
|
362
362
|
type: Component,
|
|
363
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" }]
|
|
364
364
|
}], ctorParameters: () => [{ type: EuimAppService }], propDecorators: { ionMenuId: [{
|
|
@@ -367,42 +367,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
367
367
|
|
|
368
368
|
class EuimAvatarIconComponent {
|
|
369
369
|
constructor() {
|
|
370
|
-
this.
|
|
371
|
-
this.size = 'default';
|
|
372
|
-
this.fill = 'default';
|
|
373
|
-
this.variant = 'default';
|
|
374
|
-
this.borderColor = 'default';
|
|
375
|
-
}
|
|
376
|
-
get cssClasses() {
|
|
377
|
-
return this.getCssClasses();
|
|
370
|
+
this.string = 'euim-avatar-icon';
|
|
378
371
|
}
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
'euim-avatar-icon',
|
|
382
|
-
this.size ? `euim-avatar-icon--size-${this.size}` : '',
|
|
383
|
-
this.fill ? `euim-avatar-icon--fill-${this.fill}` : '',
|
|
384
|
-
this.color ? `euim-avatar-icon--color-${this.color}` : '',
|
|
385
|
-
this.variant ? `euim-avatar-icon--variant-${this.variant}` : '',
|
|
386
|
-
this.borderColor ? `euim-avatar-icon--border-color-${this.borderColor}` : '',
|
|
387
|
-
].join(' ');
|
|
388
|
-
}
|
|
389
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimAvatarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
390
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: EuimAvatarIconComponent, selector: "euim-avatar-icon", inputs: { color: "color", size: "size", fill: "fill", variant: "variant", borderColor: "borderColor" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-avatar-icon{display:flex;justify-content:center;align-items:center;overflow:hidden;color:var(--eui-base-color-grey-100);border:none;box-sizing:border-box}.euim-avatar-icon--variant-default,.euim-avatar-icon--variant-rounded{border-radius:50%}.euim-avatar-icon--variant-rectangle{border-radius:0}.euim-avatar-icon--color-white{background-color:var(--eui-base-color-white);border-color:var(--eui-base-color-white)}.euim-avatar-icon--color-default{background-color:var(--eui-base-color-grey-15);border-color:var(--eui-base-color-grey-15);color:var(--eui-base-color-grey-100)}.euim-avatar-icon--color-dark{background-color:var(--eui-base-color-grey-100);border-color:var(--eui-base-color-grey-100);color:var(--eui-base-color-white)}.euim-avatar-icon--color-primary{background-color:var(--eui-base-color-primary-100);border-color:var(--eui-base-color-primary-100);color:var(--eui-base-color-primary-100-contrast)}.euim-avatar-icon--color-info{background-color:var(--eui-base-color-info-100);border-color:var(--eui-base-color-info-100);color:var(--eui-base-color-info-100-contrast)}.euim-avatar-icon--color-success{background-color:var(--eui-base-color-success-100);border-color:var(--eui-base-color-success-100);color:var(--eui-base-color-success-100-contrast)}.euim-avatar-icon--color-warning{background-color:var(--eui-base-color-warning-100);border-color:var(--eui-base-color-warning-100);color:var(--eui-base-color-warning-100-contrast)}.euim-avatar-icon--color-danger{background-color:var(--eui-base-color-danger-100);border-color:var(--eui-base-color-danger-100);color:var(--eui-base-color-danger-100-contrast)}.euim-avatar-icon--border-color-primary{border-color:var(--eui-base-color-primary-100)}.euim-avatar-icon--border-color-info{border-color:var(--eui-base-color-info-100)}.euim-avatar-icon--border-color-success{border-color:var(--eui-base-color-success-100)}.euim-avatar-icon--border-color-warning{border-color:var(--eui-base-color-warning-100)}.euim-avatar-icon--border-color-danger{border-color:var(--eui-base-color-danger-100)}.euim-avatar-icon[slot=start]{margin-inline-end:var(--eui-base-spacing-m)}.euim-avatar-icon[slot=end]{margin-inline-start:var(--eui-base-spacing-m)}.euim-avatar-icon[slot=start] euim-avatar{margin-inline-end:0}.euim-avatar-icon[slot=end] euim-avatar{margin-inline-start:0}.euim-avatar-icon--size-default,.euim-avatar-icon--size-auto{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl);font-size:var(--eui-base-font-l)}.euim-avatar-icon--size-default ion-icon,.euim-avatar-icon--size-auto ion-icon{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-avatar-icon--size-m{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl);font-size:var(--eui-base-font-l)}.euim-avatar-icon--size-m ion-icon{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l)}.euim-avatar-icon--size-s{width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);font-size:var(--eui-base-font-m)}.euim-avatar-icon--size-s ion-icon{width:var(--eui-base-spacing-m);height:var(--eui-base-spacing-m)}.euim-avatar-icon--size-l{width:var(--eui-base-spacing-4xl);height:var(--eui-base-spacing-4xl);font-size:var(--eui-base-font-2xl)}.euim-avatar-icon--size-l ion-icon{width:var(--eui-base-spacing-2xl);height:var(--eui-base-spacing-2xl)}.euim-avatar-icon--fill-default,.euim-avatar-icon--fill-solid{border:none}.euim-avatar-icon--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar-icon--fill-clear{background-color:transparent!important;border:none}.euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
372
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
373
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: EuimAvatarIconComponent, selector: "euim-avatar-icon", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
|
|
391
374
|
}
|
|
392
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
375
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarIconComponent, decorators: [{
|
|
393
376
|
type: Component,
|
|
394
|
-
args: [{ selector: 'euim-avatar-icon',
|
|
395
|
-
}], propDecorators: {
|
|
396
|
-
type: Input
|
|
397
|
-
}], size: [{
|
|
398
|
-
type: Input
|
|
399
|
-
}], fill: [{
|
|
400
|
-
type: Input
|
|
401
|
-
}], variant: [{
|
|
402
|
-
type: Input
|
|
403
|
-
}], borderColor: [{
|
|
404
|
-
type: Input
|
|
405
|
-
}], cssClasses: [{
|
|
377
|
+
args: [{ selector: 'euim-avatar-icon', template: "<ng-content></ng-content>\n" }]
|
|
378
|
+
}], propDecorators: { string: [{
|
|
406
379
|
type: HostBinding,
|
|
407
380
|
args: ['class']
|
|
408
381
|
}] } });
|
|
@@ -419,12 +392,12 @@ class EuimEmptyListPlaceholderComponent {
|
|
|
419
392
|
this.euimMarginBottomSmall ? 'euim-empty-list-placeholder--margin-bottom-small' : '',
|
|
420
393
|
].join(' ');
|
|
421
394
|
}
|
|
422
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
423
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
395
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimEmptyListPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
396
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", 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-c-neutral-light)}.euim-empty-list-placeholder__message{font:var(--eui-f-m);font:var(--eui-f-bold);color:var(--eui-c-neutral-light)}.euim-empty-list-placeholder__description{font:var(--eui-f-s);color:var(--eui-c-neutral-light)}\n"], dependencies: [{ kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
424
397
|
}
|
|
425
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
398
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimEmptyListPlaceholderComponent, decorators: [{
|
|
426
399
|
type: Component,
|
|
427
|
-
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-
|
|
400
|
+
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-c-neutral-light)}.euim-empty-list-placeholder__message{font:var(--eui-f-m);font:var(--eui-f-bold);color:var(--eui-c-neutral-light)}.euim-empty-list-placeholder__description{font:var(--eui-f-s);color:var(--eui-c-neutral-light)}\n"] }]
|
|
428
401
|
}], propDecorators: { message: [{
|
|
429
402
|
type: Input
|
|
430
403
|
}], icon: [{
|
|
@@ -493,10 +466,10 @@ class EuimLanguageListComponent {
|
|
|
493
466
|
d.label.toLowerCase().indexOf(query) > -1;
|
|
494
467
|
});
|
|
495
468
|
}
|
|
496
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
497
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
469
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimLanguageListComponent, deps: [{ token: i1.EuiAppShellService }, { token: EuimAppService }, { token: i3.ModalController }, { token: i1.I18nService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
470
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", 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 || firstElementFromNonEUList?.code === item.code || euLanguageList[0]?.code === item.code\n || nonEULanguageList[0]?.code === item.code) {\n <ion-item-divider>\n {{ (firstElementFromEUList?.code === item.code || euLanguageList[0]?.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 || isLastElementOfArray(euLanguageList, item) || isLastElementOfArray(nonEULanguageList, item) ? 'none' : 'inset'\">\n <euim-avatar-icon fill=\"solid\" slot=\"start\" variant=\"rounded\" class=\"euim-language-selector__avatar\">\n <ion-icon name=\"language-sharp\" class=\"euim-language-selector__internal-icon\"></ion-icon>\n </euim-avatar-icon>\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: i3.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: i3.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i3.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i3.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i3.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i3.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i3.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i3.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: i3.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i3.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i3.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { 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: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
498
471
|
}
|
|
499
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
472
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimLanguageListComponent, decorators: [{
|
|
500
473
|
type: Component,
|
|
501
474
|
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 || firstElementFromNonEUList?.code === item.code || euLanguageList[0]?.code === item.code\n || nonEULanguageList[0]?.code === item.code) {\n <ion-item-divider>\n {{ (firstElementFromEUList?.code === item.code || euLanguageList[0]?.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 || isLastElementOfArray(euLanguageList, item) || isLastElementOfArray(nonEULanguageList, item) ? 'none' : 'inset'\">\n <euim-avatar-icon fill=\"solid\" slot=\"start\" variant=\"rounded\" class=\"euim-language-selector__avatar\">\n <ion-icon name=\"language-sharp\" class=\"euim-language-selector__internal-icon\"></ion-icon>\n </euim-avatar-icon>\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" }]
|
|
502
475
|
}], ctorParameters: () => [{ type: i1.EuiAppShellService }, { type: EuimAppService }, { type: i3.ModalController }, { type: i1.I18nService }] });
|
|
@@ -564,10 +537,10 @@ class EuimLanguageSelectorComponent {
|
|
|
564
537
|
}
|
|
565
538
|
return null;
|
|
566
539
|
}
|
|
567
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
568
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
540
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimLanguageSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.EuiAppShellService }, { token: EuimAppService }, { token: i1.I18nService }, { token: i3.ModalController }, { token: BaseStatesDirective }, { token: GLOBAL_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
541
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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-c-branding)}.euim-language-selector__text--primary{color:#fff}.euim-language-selector__icon{color:var(--eui-c-branding-contrast)}.euim-language-selector__icon--primary{color:var(--eui-c-branding)}.euim-language-selector__avatar{background-color:var(--eui-bc-neutral-15)}.euim-language-selector__internal-icon{color:var(--eui-c-neutral)}.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: i3.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: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
569
542
|
}
|
|
570
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
543
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimLanguageSelectorComponent, decorators: [{
|
|
571
544
|
type: Component,
|
|
572
545
|
args: [{ selector: 'euim-language-selector', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
573
546
|
{
|
|
@@ -576,7 +549,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
576
549
|
'color',
|
|
577
550
|
],
|
|
578
551
|
},
|
|
579
|
-
], 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:
|
|
552
|
+
], 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-c-branding)}.euim-language-selector__text--primary{color:#fff}.euim-language-selector__icon{color:var(--eui-c-branding-contrast)}.euim-language-selector__icon--primary{color:var(--eui-c-branding)}.euim-language-selector__avatar{background-color:var(--eui-bc-neutral-15)}.euim-language-selector__internal-icon{color:var(--eui-c-neutral)}.euim-language-selector__search{display:contents}.euim-language-selector__empty-placeholder{display:block;height:auto;margin-top:calc(9 * var(--eui-s-m))}\n"] }]
|
|
580
553
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.EuiAppShellService }, { type: EuimAppService }, { type: i1.I18nService }, { type: i3.ModalController }, { type: BaseStatesDirective }, { type: undefined, decorators: [{
|
|
581
554
|
type: Inject,
|
|
582
555
|
args: [GLOBAL_CONFIG_TOKEN]
|
|
@@ -585,14 +558,174 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
585
558
|
args: ['class']
|
|
586
559
|
}] } });
|
|
587
560
|
|
|
588
|
-
class
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
561
|
+
class EuimAvatarComponent {
|
|
562
|
+
constructor() {
|
|
563
|
+
this.color = 'default';
|
|
564
|
+
this.size = 'default';
|
|
565
|
+
this.fill = 'default';
|
|
566
|
+
this.variant = 'default';
|
|
567
|
+
this.borderColor = 'default';
|
|
568
|
+
}
|
|
569
|
+
get cssClasses() {
|
|
570
|
+
return this.getCssClasses();
|
|
571
|
+
}
|
|
572
|
+
getCssClasses() {
|
|
573
|
+
return [
|
|
574
|
+
'euim-avatar',
|
|
575
|
+
this.size ? `euim-avatar--size-${this.size}` : '',
|
|
576
|
+
this.fill ? `euim-avatar--fill-${this.fill}` : '',
|
|
577
|
+
this.color ? `euim-avatar--color-${this.color}` : '',
|
|
578
|
+
this.variant ? `euim-avatar--variant-${this.variant}` : '',
|
|
579
|
+
this.borderColor ? `euim-avatar--border-color-${this.borderColor}` : '',
|
|
580
|
+
].join(' ');
|
|
581
|
+
}
|
|
582
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
583
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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-c-neutral)}.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 }); }
|
|
584
|
+
}
|
|
585
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarComponent, decorators: [{
|
|
586
|
+
type: Component,
|
|
587
|
+
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-c-neutral)}.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"] }]
|
|
588
|
+
}], propDecorators: { color: [{
|
|
589
|
+
type: Input
|
|
590
|
+
}], size: [{
|
|
591
|
+
type: Input
|
|
592
|
+
}], fill: [{
|
|
593
|
+
type: Input
|
|
594
|
+
}], variant: [{
|
|
595
|
+
type: Input
|
|
596
|
+
}], borderColor: [{
|
|
597
|
+
type: Input
|
|
598
|
+
}], cssClasses: [{
|
|
599
|
+
type: HostBinding,
|
|
600
|
+
args: ['class']
|
|
601
|
+
}] } });
|
|
602
|
+
|
|
603
|
+
class EuimAvatarIconSubComponent {
|
|
604
|
+
constructor() {
|
|
605
|
+
this.color = 'default';
|
|
606
|
+
this.size = 'default';
|
|
607
|
+
this.fill = 'default';
|
|
608
|
+
this.variant = 'default';
|
|
609
|
+
this.borderColor = 'default';
|
|
610
|
+
}
|
|
611
|
+
get cssClasses() {
|
|
612
|
+
return this.getCssClasses();
|
|
613
|
+
}
|
|
614
|
+
getCssClasses() {
|
|
615
|
+
return [
|
|
616
|
+
'euim-avatar-icon-sub',
|
|
617
|
+
this.size ? `euim-avatar-icon-sub--size-${this.size}` : '',
|
|
618
|
+
this.fill ? `euim-avatar-icon-sub--fill-${this.fill}` : '',
|
|
619
|
+
this.color ? `euim-avatar-icon-sub--color-${this.color}` : '',
|
|
620
|
+
this.variant ? `euim-avatar-icon-sub--variant-${this.variant}` : '',
|
|
621
|
+
this.borderColor ? `euim-avatar-icon-sub--border-color-${this.borderColor}` : '',
|
|
622
|
+
].join(' ');
|
|
623
|
+
}
|
|
624
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarIconSubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
625
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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" }); }
|
|
626
|
+
}
|
|
627
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarIconSubComponent, decorators: [{
|
|
628
|
+
type: Component,
|
|
629
|
+
args: [{ selector: 'euim-avatar-icon-sub', template: "<ng-content></ng-content>\n" }]
|
|
630
|
+
}], propDecorators: { color: [{
|
|
631
|
+
type: Input
|
|
632
|
+
}], size: [{
|
|
633
|
+
type: Input
|
|
634
|
+
}], fill: [{
|
|
635
|
+
type: Input
|
|
636
|
+
}], variant: [{
|
|
637
|
+
type: Input
|
|
638
|
+
}], borderColor: [{
|
|
639
|
+
type: Input
|
|
640
|
+
}], cssClasses: [{
|
|
641
|
+
type: HostBinding,
|
|
642
|
+
args: ['class']
|
|
643
|
+
}] } });
|
|
644
|
+
|
|
645
|
+
class EuimAvatarTextComponent {
|
|
646
|
+
constructor() {
|
|
647
|
+
this.color = 'default';
|
|
648
|
+
}
|
|
649
|
+
get cssClasses() {
|
|
650
|
+
return this.getCssClasses();
|
|
651
|
+
}
|
|
652
|
+
getCssClasses() {
|
|
653
|
+
return [
|
|
654
|
+
'euim-avatar-text',
|
|
655
|
+
this.color ? `euim-avatar-text--color-${this.color}` : '',
|
|
656
|
+
].join(' ');
|
|
657
|
+
}
|
|
658
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
659
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: EuimAvatarTextComponent, selector: "euim-avatar-text", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
|
|
660
|
+
}
|
|
661
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarTextComponent, decorators: [{
|
|
662
|
+
type: Component,
|
|
663
|
+
args: [{ selector: 'euim-avatar-text', template: "<ng-content></ng-content>\n" }]
|
|
664
|
+
}], propDecorators: { color: [{
|
|
665
|
+
type: Input
|
|
666
|
+
}], cssClasses: [{
|
|
667
|
+
type: HostBinding,
|
|
668
|
+
args: ['class']
|
|
669
|
+
}] } });
|
|
670
|
+
|
|
671
|
+
class EuimAvatarImageComponent {
|
|
672
|
+
constructor() {
|
|
673
|
+
this.string = 'euim-avatar-image';
|
|
674
|
+
}
|
|
675
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
676
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", 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" }); }
|
|
677
|
+
}
|
|
678
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarImageComponent, decorators: [{
|
|
679
|
+
type: Component,
|
|
680
|
+
args: [{ selector: 'euim-avatar-image', template: "@if (imageUrl) {\n <img [src]=\"imageUrl\" alt=\"Avatar\"/>\n} @else {\n <ng-content></ng-content>\n}\n" }]
|
|
681
|
+
}], propDecorators: { string: [{
|
|
682
|
+
type: HostBinding,
|
|
683
|
+
args: ['class']
|
|
684
|
+
}], imageUrl: [{
|
|
685
|
+
type: Input
|
|
686
|
+
}] } });
|
|
687
|
+
|
|
688
|
+
class EuimAvatarBadgeComponent {
|
|
689
|
+
constructor() {
|
|
690
|
+
this.position = 'default';
|
|
691
|
+
}
|
|
692
|
+
get cssClasses() {
|
|
693
|
+
return [
|
|
694
|
+
'euim-avatar-badge',
|
|
695
|
+
`euim-avatar-badge--position-${this.position}`,
|
|
696
|
+
].join(' ').trim();
|
|
697
|
+
}
|
|
698
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
699
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: EuimAvatarBadgeComponent, selector: "euim-avatar-badge", inputs: { position: "position" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
|
|
700
|
+
}
|
|
701
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarBadgeComponent, decorators: [{
|
|
702
|
+
type: Component,
|
|
703
|
+
args: [{ selector: 'euim-avatar-badge', template: "<ng-content></ng-content>\n" }]
|
|
704
|
+
}], propDecorators: { cssClasses: [{
|
|
705
|
+
type: HostBinding,
|
|
706
|
+
args: ['class']
|
|
707
|
+
}], position: [{
|
|
708
|
+
type: Input
|
|
709
|
+
}] } });
|
|
710
|
+
|
|
711
|
+
class EuimAvatarModule {
|
|
712
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
713
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarModule, declarations: [EuimAvatarComponent,
|
|
714
|
+
EuimAvatarIconComponent,
|
|
715
|
+
EuimAvatarIconSubComponent,
|
|
716
|
+
EuimAvatarTextComponent,
|
|
717
|
+
EuimAvatarImageComponent,
|
|
718
|
+
EuimAvatarBadgeComponent], imports: [CommonModule,
|
|
719
|
+
IonicModule], exports: [EuimAvatarComponent,
|
|
720
|
+
EuimAvatarIconComponent,
|
|
721
|
+
EuimAvatarIconSubComponent,
|
|
722
|
+
EuimAvatarTextComponent,
|
|
723
|
+
EuimAvatarImageComponent,
|
|
724
|
+
EuimAvatarBadgeComponent] }); }
|
|
725
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarModule, imports: [CommonModule,
|
|
593
726
|
IonicModule] }); }
|
|
594
727
|
}
|
|
595
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
728
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAvatarModule, decorators: [{
|
|
596
729
|
type: NgModule,
|
|
597
730
|
args: [{
|
|
598
731
|
imports: [
|
|
@@ -600,24 +733,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
600
733
|
IonicModule,
|
|
601
734
|
],
|
|
602
735
|
exports: [
|
|
736
|
+
EuimAvatarComponent,
|
|
603
737
|
EuimAvatarIconComponent,
|
|
738
|
+
EuimAvatarIconSubComponent,
|
|
739
|
+
EuimAvatarTextComponent,
|
|
740
|
+
EuimAvatarImageComponent,
|
|
741
|
+
EuimAvatarBadgeComponent,
|
|
604
742
|
],
|
|
605
743
|
declarations: [
|
|
744
|
+
EuimAvatarComponent,
|
|
606
745
|
EuimAvatarIconComponent,
|
|
746
|
+
EuimAvatarIconSubComponent,
|
|
747
|
+
EuimAvatarTextComponent,
|
|
748
|
+
EuimAvatarImageComponent,
|
|
749
|
+
EuimAvatarBadgeComponent,
|
|
607
750
|
],
|
|
608
751
|
}]
|
|
609
752
|
}] });
|
|
610
753
|
|
|
611
754
|
class EuimEmptyListPlaceholderModule {
|
|
612
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
613
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
755
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimEmptyListPlaceholderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
756
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimEmptyListPlaceholderModule, declarations: [EuimEmptyListPlaceholderComponent], imports: [CommonModule,
|
|
614
757
|
IonicModule,
|
|
615
758
|
TranslateModule], exports: [EuimEmptyListPlaceholderComponent] }); }
|
|
616
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
759
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimEmptyListPlaceholderModule, imports: [CommonModule,
|
|
617
760
|
IonicModule,
|
|
618
761
|
TranslateModule] }); }
|
|
619
762
|
}
|
|
620
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
763
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimEmptyListPlaceholderModule, decorators: [{
|
|
621
764
|
type: NgModule,
|
|
622
765
|
args: [{
|
|
623
766
|
imports: [
|
|
@@ -635,29 +778,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
635
778
|
}] });
|
|
636
779
|
|
|
637
780
|
class EuimLanguageSelectorModule {
|
|
638
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
639
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
781
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimLanguageSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
782
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimLanguageSelectorModule, declarations: [EuimLanguageSelectorComponent,
|
|
640
783
|
EuimLanguageListComponent], imports: [CommonModule,
|
|
641
784
|
IonicModule,
|
|
642
|
-
|
|
785
|
+
EuimAvatarModule,
|
|
643
786
|
EuimLabelModule,
|
|
644
787
|
EuimEmptyListPlaceholderModule,
|
|
645
788
|
TranslateModule], exports: [EuimLanguageSelectorComponent,
|
|
646
789
|
EuimLanguageListComponent] }); }
|
|
647
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
790
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimLanguageSelectorModule, imports: [CommonModule,
|
|
648
791
|
IonicModule,
|
|
649
|
-
|
|
792
|
+
EuimAvatarModule,
|
|
650
793
|
EuimLabelModule,
|
|
651
794
|
EuimEmptyListPlaceholderModule,
|
|
652
795
|
TranslateModule] }); }
|
|
653
796
|
}
|
|
654
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
797
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimLanguageSelectorModule, decorators: [{
|
|
655
798
|
type: NgModule,
|
|
656
799
|
args: [{
|
|
657
800
|
imports: [
|
|
658
801
|
CommonModule,
|
|
659
802
|
IonicModule,
|
|
660
|
-
|
|
803
|
+
EuimAvatarModule,
|
|
661
804
|
EuimLabelModule,
|
|
662
805
|
EuimEmptyListPlaceholderModule,
|
|
663
806
|
TranslateModule,
|
|
@@ -674,15 +817,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
674
817
|
}] });
|
|
675
818
|
|
|
676
819
|
class EuimAppModule {
|
|
677
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
678
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
820
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAppModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
821
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimAppModule, declarations: [EuimAppComponent], imports: [CommonModule,
|
|
679
822
|
IonicModule,
|
|
680
823
|
EuimLanguageSelectorModule], exports: [EuimAppComponent] }); }
|
|
681
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
824
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAppModule, imports: [CommonModule,
|
|
682
825
|
IonicModule,
|
|
683
826
|
EuimLanguageSelectorModule] }); }
|
|
684
827
|
}
|
|
685
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
828
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAppModule, decorators: [{
|
|
686
829
|
type: NgModule,
|
|
687
830
|
args: [{
|
|
688
831
|
imports: [
|
|
@@ -709,12 +852,12 @@ class EuimUserProfileComponent {
|
|
|
709
852
|
this.color ? `euim-user-profile__backgroundcolor-${this.color}` : '',
|
|
710
853
|
].join(' ').trim();
|
|
711
854
|
}
|
|
712
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
713
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
855
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
856
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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 }); }
|
|
714
857
|
}
|
|
715
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
858
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimUserProfileComponent, decorators: [{
|
|
716
859
|
type: Component,
|
|
717
|
-
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-
|
|
860
|
+
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"] }]
|
|
718
861
|
}], propDecorators: { color: [{
|
|
719
862
|
type: Input
|
|
720
863
|
}], cssClasses: [{
|
|
@@ -726,10 +869,10 @@ class EuiMUserProfileAvatarComponent {
|
|
|
726
869
|
constructor() {
|
|
727
870
|
this.class = 'euim-user-profile-avatar';
|
|
728
871
|
}
|
|
729
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
730
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
872
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiMUserProfileAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
873
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: EuiMUserProfileAvatarComponent, selector: "euim-user-profile-avatar", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
731
874
|
}
|
|
732
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
875
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiMUserProfileAvatarComponent, decorators: [{
|
|
733
876
|
type: Component,
|
|
734
877
|
args: [{ selector: 'euim-user-profile-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
|
|
735
878
|
}], propDecorators: { class: [{
|
|
@@ -746,10 +889,10 @@ class EuiMUserProfileInfosComponent {
|
|
|
746
889
|
this.color ? `euim-user-profile-infos__color-${this.color}` : '',
|
|
747
890
|
].join(' ').trim();
|
|
748
891
|
}
|
|
749
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
750
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
892
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiMUserProfileInfosComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
893
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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 }); }
|
|
751
894
|
}
|
|
752
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
895
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiMUserProfileInfosComponent, decorators: [{
|
|
753
896
|
type: Component,
|
|
754
897
|
args: [{ selector: 'euim-user-profile-infos', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
|
|
755
898
|
}], propDecorators: { color: [{
|
|
@@ -763,10 +906,10 @@ class EuiMUserProfileInfosItemComponent {
|
|
|
763
906
|
constructor() {
|
|
764
907
|
this.class = 'euim-user-profile-infos-item';
|
|
765
908
|
}
|
|
766
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
767
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
909
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiMUserProfileInfosItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
910
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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 }); }
|
|
768
911
|
}
|
|
769
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
912
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiMUserProfileInfosItemComponent, decorators: [{
|
|
770
913
|
type: Component,
|
|
771
914
|
args: [{ selector: 'euim-user-profile-infos-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
|
|
772
915
|
}], propDecorators: { class: [{
|
|
@@ -777,17 +920,17 @@ class EuiMUserProfileActionComponent {
|
|
|
777
920
|
constructor() {
|
|
778
921
|
this.className = 'euim-user-profile-action';
|
|
779
922
|
}
|
|
780
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
781
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
923
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiMUserProfileActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
924
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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: i3.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
782
925
|
}
|
|
783
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
926
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuiMUserProfileActionComponent, decorators: [{
|
|
784
927
|
type: Component,
|
|
785
928
|
args: [{ selector: 'euim-user-profile-action', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-buttons>\n <ng-content></ng-content>\n</ion-buttons>\n" }]
|
|
786
929
|
}], propDecorators: { className: [{
|
|
787
930
|
type: HostBinding
|
|
788
931
|
}] } });
|
|
789
932
|
|
|
790
|
-
const COMPONENTS$
|
|
933
|
+
const COMPONENTS$b = [
|
|
791
934
|
EuimUserProfileComponent,
|
|
792
935
|
EuiMUserProfileAvatarComponent,
|
|
793
936
|
EuiMUserProfileInfosComponent,
|
|
@@ -795,8 +938,8 @@ const COMPONENTS$c = [
|
|
|
795
938
|
EuiMUserProfileActionComponent,
|
|
796
939
|
];
|
|
797
940
|
class EuimUserProfileModule {
|
|
798
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
799
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
941
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimUserProfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
942
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimUserProfileModule, declarations: [EuimUserProfileComponent,
|
|
800
943
|
EuiMUserProfileAvatarComponent,
|
|
801
944
|
EuiMUserProfileInfosComponent,
|
|
802
945
|
EuiMUserProfileInfosItemComponent,
|
|
@@ -806,10 +949,10 @@ class EuimUserProfileModule {
|
|
|
806
949
|
EuiMUserProfileInfosComponent,
|
|
807
950
|
EuiMUserProfileInfosItemComponent,
|
|
808
951
|
EuiMUserProfileActionComponent] }); }
|
|
809
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
952
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimUserProfileModule, imports: [CommonModule,
|
|
810
953
|
IonicModule] }); }
|
|
811
954
|
}
|
|
812
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
955
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimUserProfileModule, decorators: [{
|
|
813
956
|
type: NgModule,
|
|
814
957
|
args: [{
|
|
815
958
|
imports: [
|
|
@@ -817,10 +960,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
817
960
|
IonicModule,
|
|
818
961
|
],
|
|
819
962
|
exports: [
|
|
820
|
-
...COMPONENTS$
|
|
963
|
+
...COMPONENTS$b,
|
|
821
964
|
],
|
|
822
965
|
declarations: [
|
|
823
|
-
...COMPONENTS$
|
|
966
|
+
...COMPONENTS$b,
|
|
824
967
|
],
|
|
825
968
|
}]
|
|
826
969
|
}] });
|
|
@@ -842,10 +985,10 @@ class EuimToolbarComponent {
|
|
|
842
985
|
onBackButtonClick(event) {
|
|
843
986
|
this.backButtonClick.emit(event);
|
|
844
987
|
}
|
|
845
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
846
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "
|
|
988
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
989
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.10", 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: i3.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i3.IonMenuButton, selector: "ion-menu-button", inputs: ["autoHide", "color", "disabled", "menu", "mode", "type"] }, { kind: "component", type: i3.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i3.IonBackButton, selector: "ion-back-button" }, { kind: "component", type: EuimLanguageSelectorComponent, selector: "euim-language-selector" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
847
990
|
}
|
|
848
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
991
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarComponent, decorators: [{
|
|
849
992
|
type: Component,
|
|
850
993
|
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"] }]
|
|
851
994
|
}], propDecorators: { hasBackButton: [{
|
|
@@ -877,10 +1020,10 @@ class EuimToolbarTitleComponent {
|
|
|
877
1020
|
this.baseStatesDirective.getCssClasses('euim-toolbar__title'),
|
|
878
1021
|
].join(' ');
|
|
879
1022
|
}
|
|
880
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
881
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1023
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarTitleComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1024
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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 }); }
|
|
882
1025
|
}
|
|
883
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1026
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarTitleComponent, decorators: [{
|
|
884
1027
|
type: Component,
|
|
885
1028
|
args: [{ selector: 'euim-toolbar-title', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
886
1029
|
{
|
|
@@ -896,10 +1039,10 @@ class EuimToolbarActionItemsComponent {
|
|
|
896
1039
|
constructor() {
|
|
897
1040
|
this.className = 'euim-toolbar-action-items';
|
|
898
1041
|
}
|
|
899
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
900
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1042
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarActionItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1043
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: EuimToolbarActionItemsComponent, selector: "euim-toolbar-action-items", host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
901
1044
|
}
|
|
902
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1045
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarActionItemsComponent, decorators: [{
|
|
903
1046
|
type: Component,
|
|
904
1047
|
args: [{ selector: 'euim-toolbar-action-items', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
|
|
905
1048
|
}], propDecorators: { className: [{
|
|
@@ -907,8 +1050,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
907
1050
|
}] } });
|
|
908
1051
|
|
|
909
1052
|
class EuimToolbarComponentModule {
|
|
910
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
911
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1053
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1054
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarComponentModule, declarations: [EuimToolbarComponent,
|
|
912
1055
|
EuimToolbarTitleComponent,
|
|
913
1056
|
EuimToolbarActionItemsComponent], imports: [CommonModule,
|
|
914
1057
|
IonicModule,
|
|
@@ -916,12 +1059,12 @@ class EuimToolbarComponentModule {
|
|
|
916
1059
|
EuimLanguageSelectorModule], exports: [EuimToolbarComponent,
|
|
917
1060
|
EuimToolbarTitleComponent,
|
|
918
1061
|
EuimToolbarActionItemsComponent] }); }
|
|
919
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1062
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarComponentModule, imports: [CommonModule,
|
|
920
1063
|
IonicModule,
|
|
921
1064
|
TranslateModule,
|
|
922
1065
|
EuimLanguageSelectorModule] }); }
|
|
923
1066
|
}
|
|
924
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1067
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarComponentModule, decorators: [{
|
|
925
1068
|
type: NgModule,
|
|
926
1069
|
args: [{
|
|
927
1070
|
imports: [
|
|
@@ -970,12 +1113,12 @@ class EuimSidebarComponent {
|
|
|
970
1113
|
}
|
|
971
1114
|
});
|
|
972
1115
|
}
|
|
973
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
974
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1116
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSidebarComponent, deps: [{ token: i1$1.Router }, { token: i3.MenuController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1117
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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: i3.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i3.IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
975
1118
|
}
|
|
976
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1119
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSidebarComponent, decorators: [{
|
|
977
1120
|
type: Component,
|
|
978
|
-
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
|
|
1121
|
+
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"] }]
|
|
979
1122
|
}], ctorParameters: () => [{ type: i1$1.Router }, { type: i3.MenuController }], propDecorators: { className: [{
|
|
980
1123
|
type: HostBinding
|
|
981
1124
|
}], ionMenuId: [{
|
|
@@ -985,16 +1128,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
985
1128
|
}] } });
|
|
986
1129
|
|
|
987
1130
|
class EuimSidebarContentComponent {
|
|
988
|
-
constructor(i18nService, asService, navCtrl) {
|
|
1131
|
+
constructor(i18nService, asService, menuCtrl, navCtrl) {
|
|
989
1132
|
this.i18nService = i18nService;
|
|
990
1133
|
this.asService = asService;
|
|
1134
|
+
this.menuCtrl = menuCtrl;
|
|
991
1135
|
this.navCtrl = navCtrl;
|
|
992
1136
|
this.className = 'euim-sidebar-content';
|
|
993
1137
|
this.sidebarItems = [];
|
|
1138
|
+
this.hasSearchbar = false;
|
|
1139
|
+
this.sidebarItemsFilter = new EventEmitter();
|
|
1140
|
+
this.filteredItems = [];
|
|
1141
|
+
this.query = '';
|
|
994
1142
|
i18nService.init().subscribe();
|
|
995
1143
|
}
|
|
996
1144
|
ngOnInit() {
|
|
997
1145
|
this.sortSidebarItems();
|
|
1146
|
+
if (this.hasSearchbar) {
|
|
1147
|
+
this.filteredItems = [...this.sidebarItems];
|
|
1148
|
+
this.sidebarItemsFilter.emit(this.filteredItems);
|
|
1149
|
+
}
|
|
1150
|
+
}
|
|
1151
|
+
handleInput(event) {
|
|
1152
|
+
this.query = event.detail.value.toLowerCase();
|
|
1153
|
+
this.filteredItems = this.filterMenuItems(this.sidebarItems, this.query);
|
|
1154
|
+
this.sidebarItemsFilter.emit(this.filteredItems);
|
|
1155
|
+
if (this.query === '') {
|
|
1156
|
+
this.sidebarItemsFilter.emit(this.sidebarItems);
|
|
1157
|
+
}
|
|
1158
|
+
}
|
|
1159
|
+
closeMenu() {
|
|
1160
|
+
if (!this.hasSearchbar)
|
|
1161
|
+
return;
|
|
1162
|
+
this.menuCtrl.close().then(() => {
|
|
1163
|
+
this.sidebarItemsFilter.emit(this.sidebarItems);
|
|
1164
|
+
this.query = '';
|
|
1165
|
+
this.searchbar.value = '';
|
|
1166
|
+
});
|
|
998
1167
|
}
|
|
999
1168
|
sortSidebarItems() {
|
|
1000
1169
|
this.sidebarItems.sort((a, b) => {
|
|
@@ -1004,43 +1173,56 @@ class EuimSidebarContentComponent {
|
|
|
1004
1173
|
return a.group - b.group;
|
|
1005
1174
|
});
|
|
1006
1175
|
}
|
|
1007
|
-
|
|
1008
|
-
|
|
1176
|
+
filterMenuItems(items, searchPhrase) {
|
|
1177
|
+
return items.filter(item => {
|
|
1178
|
+
return !item.isSection && item.label.toLowerCase().includes(searchPhrase.toLowerCase());
|
|
1179
|
+
});
|
|
1180
|
+
}
|
|
1181
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSidebarContentComponent, deps: [{ token: i1.I18nService }, { token: i1.EuiAppShellService }, { token: i3.MenuController }, { token: i3.NavController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1182
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: EuimSidebarContentComponent, selector: "euim-sidebar-content", inputs: { sidebarItems: "sidebarItems", hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute] }, outputs: { sidebarItemsFilter: "sidebarItemsFilter" }, host: { properties: { "className": "this.className" } }, viewQueries: [{ propertyName: "searchbar", first: true, predicate: IonSearchbar, descendants: true }], ngImport: i0, template: "<ion-list class=\"euim-sidebar-content__list\">\n @if (hasSearchbar) {\n <ion-searchbar (ionInput)=\"handleInput($event)\"></ion-searchbar>\n }\n <ion-menu-toggle auto-hide=\"true\" (click)=\"closeMenu()\">\n <ng-content></ng-content>\n </ion-menu-toggle>\n</ion-list>\n\n", dependencies: [{ kind: "component", type: i3.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i3.IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }, { kind: "component", type: i3.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: i3.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1009
1183
|
}
|
|
1010
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1184
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSidebarContentComponent, decorators: [{
|
|
1011
1185
|
type: Component,
|
|
1012
|
-
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" }]
|
|
1013
|
-
}], ctorParameters: () => [{ type: i1.I18nService }, { type: i1.EuiAppShellService }, { type: i3.NavController }], propDecorators: { className: [{
|
|
1186
|
+
args: [{ selector: 'euim-sidebar-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-list class=\"euim-sidebar-content__list\">\n @if (hasSearchbar) {\n <ion-searchbar (ionInput)=\"handleInput($event)\"></ion-searchbar>\n }\n <ion-menu-toggle auto-hide=\"true\" (click)=\"closeMenu()\">\n <ng-content></ng-content>\n </ion-menu-toggle>\n</ion-list>\n\n" }]
|
|
1187
|
+
}], ctorParameters: () => [{ type: i1.I18nService }, { type: i1.EuiAppShellService }, { type: i3.MenuController }, { type: i3.NavController }], propDecorators: { className: [{
|
|
1014
1188
|
type: HostBinding
|
|
1015
1189
|
}], sidebarItems: [{
|
|
1016
1190
|
type: Input
|
|
1191
|
+
}], hasSearchbar: [{
|
|
1192
|
+
type: Input,
|
|
1193
|
+
args: [{ transform: booleanAttribute }]
|
|
1194
|
+
}], sidebarItemsFilter: [{
|
|
1195
|
+
type: Output
|
|
1196
|
+
}], searchbar: [{
|
|
1197
|
+
type: ViewChild,
|
|
1198
|
+
args: [IonSearchbar, { static: false }]
|
|
1017
1199
|
}] } });
|
|
1018
1200
|
|
|
1019
1201
|
class EuimSidebarModule {
|
|
1020
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1021
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1202
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1203
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimSidebarModule, declarations: [EuimSidebarComponent,
|
|
1022
1204
|
EuimSidebarContentComponent], imports: [CommonModule,
|
|
1023
1205
|
RouterModule,
|
|
1024
1206
|
IonicModule,
|
|
1025
|
-
|
|
1207
|
+
EuimAvatarModule,
|
|
1026
1208
|
EuimLabelModule,
|
|
1027
1209
|
EuimNotificationItemModule], exports: [EuimSidebarComponent,
|
|
1028
1210
|
EuimSidebarContentComponent] }); }
|
|
1029
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1211
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSidebarModule, imports: [CommonModule,
|
|
1030
1212
|
RouterModule,
|
|
1031
1213
|
IonicModule,
|
|
1032
|
-
|
|
1214
|
+
EuimAvatarModule,
|
|
1033
1215
|
EuimLabelModule,
|
|
1034
1216
|
EuimNotificationItemModule] }); }
|
|
1035
1217
|
}
|
|
1036
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1218
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSidebarModule, decorators: [{
|
|
1037
1219
|
type: NgModule,
|
|
1038
1220
|
args: [{
|
|
1039
1221
|
imports: [
|
|
1040
1222
|
CommonModule,
|
|
1041
1223
|
RouterModule,
|
|
1042
1224
|
IonicModule,
|
|
1043
|
-
|
|
1225
|
+
EuimAvatarModule,
|
|
1044
1226
|
EuimLabelModule,
|
|
1045
1227
|
EuimNotificationItemModule,
|
|
1046
1228
|
],
|
|
@@ -1069,10 +1251,10 @@ class EuimHeaderDetailsComponent {
|
|
|
1069
1251
|
!this.hasBorderBottom ? 'euim-header-details--no-border-bottom' : '',
|
|
1070
1252
|
].join(' ');
|
|
1071
1253
|
}
|
|
1072
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1073
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "
|
|
1254
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimHeaderDetailsComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1255
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.10", 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 }); }
|
|
1074
1256
|
}
|
|
1075
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1257
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimHeaderDetailsComponent, decorators: [{
|
|
1076
1258
|
type: Component,
|
|
1077
1259
|
args: [{ selector: 'euim-header-details', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1078
1260
|
{
|
|
@@ -1081,7 +1263,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
1081
1263
|
'color',
|
|
1082
1264
|
],
|
|
1083
1265
|
},
|
|
1084
|
-
], template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-
|
|
1266
|
+
], 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"] }]
|
|
1085
1267
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { hasBorderBottom: [{
|
|
1086
1268
|
type: Input,
|
|
1087
1269
|
args: [{ transform: booleanAttribute }]
|
|
@@ -1094,10 +1276,10 @@ class EuimHeaderDetailsMetaDirective {
|
|
|
1094
1276
|
constructor() {
|
|
1095
1277
|
this.className = 'euim-header-details__meta';
|
|
1096
1278
|
}
|
|
1097
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1098
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1279
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimHeaderDetailsMetaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1280
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimHeaderDetailsMetaDirective, selector: "[euimHeaderDetailsMeta]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1099
1281
|
}
|
|
1100
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1282
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimHeaderDetailsMetaDirective, decorators: [{
|
|
1101
1283
|
type: Directive,
|
|
1102
1284
|
args: [{
|
|
1103
1285
|
selector: '[euimHeaderDetailsMeta]',
|
|
@@ -1111,10 +1293,10 @@ class EuimHeaderDetailsTitleDirective {
|
|
|
1111
1293
|
constructor() {
|
|
1112
1294
|
this.className = 'euim-header-details__title';
|
|
1113
1295
|
}
|
|
1114
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1115
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1296
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimHeaderDetailsTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1297
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimHeaderDetailsTitleDirective, selector: "[euimHeaderDetailsTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1116
1298
|
}
|
|
1117
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1299
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimHeaderDetailsTitleDirective, decorators: [{
|
|
1118
1300
|
type: Directive,
|
|
1119
1301
|
args: [{
|
|
1120
1302
|
selector: '[euimHeaderDetailsTitle]',
|
|
@@ -1128,10 +1310,10 @@ class EuimHeaderDetailsIconDirective {
|
|
|
1128
1310
|
constructor() {
|
|
1129
1311
|
this.className = 'euim-header-details__icon';
|
|
1130
1312
|
}
|
|
1131
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1132
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1313
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimHeaderDetailsIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1314
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimHeaderDetailsIconDirective, selector: "[euimHeaderDetailsIcon]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1133
1315
|
}
|
|
1134
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1316
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimHeaderDetailsIconDirective, decorators: [{
|
|
1135
1317
|
type: Directive,
|
|
1136
1318
|
args: [{
|
|
1137
1319
|
selector: '[euimHeaderDetailsIcon]',
|
|
@@ -1141,15 +1323,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
1141
1323
|
args: ['class']
|
|
1142
1324
|
}] } });
|
|
1143
1325
|
|
|
1144
|
-
const COMPONENTS$
|
|
1326
|
+
const COMPONENTS$a = [
|
|
1145
1327
|
EuimHeaderDetailsComponent,
|
|
1146
1328
|
EuimHeaderDetailsTitleDirective,
|
|
1147
1329
|
EuimHeaderDetailsMetaDirective,
|
|
1148
1330
|
EuimHeaderDetailsIconDirective,
|
|
1149
1331
|
];
|
|
1150
1332
|
class EuimHeaderDetailsModule {
|
|
1151
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1152
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1333
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimHeaderDetailsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1334
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimHeaderDetailsModule, declarations: [EuimHeaderDetailsComponent,
|
|
1153
1335
|
EuimHeaderDetailsTitleDirective,
|
|
1154
1336
|
EuimHeaderDetailsMetaDirective,
|
|
1155
1337
|
EuimHeaderDetailsIconDirective], imports: [CommonModule,
|
|
@@ -1157,10 +1339,10 @@ class EuimHeaderDetailsModule {
|
|
|
1157
1339
|
EuimHeaderDetailsTitleDirective,
|
|
1158
1340
|
EuimHeaderDetailsMetaDirective,
|
|
1159
1341
|
EuimHeaderDetailsIconDirective] }); }
|
|
1160
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1342
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimHeaderDetailsModule, imports: [CommonModule,
|
|
1161
1343
|
IonicModule] }); }
|
|
1162
1344
|
}
|
|
1163
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1345
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimHeaderDetailsModule, decorators: [{
|
|
1164
1346
|
type: NgModule,
|
|
1165
1347
|
args: [{
|
|
1166
1348
|
imports: [
|
|
@@ -1168,178 +1350,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
1168
1350
|
IonicModule,
|
|
1169
1351
|
],
|
|
1170
1352
|
exports: [
|
|
1171
|
-
...COMPONENTS$
|
|
1172
|
-
],
|
|
1173
|
-
declarations: [
|
|
1174
|
-
...COMPONENTS$b,
|
|
1175
|
-
],
|
|
1176
|
-
}]
|
|
1177
|
-
}] });
|
|
1178
|
-
|
|
1179
|
-
class EuimCardImageDirective {
|
|
1180
|
-
constructor() {
|
|
1181
|
-
this.className = 'euim-card__image';
|
|
1182
|
-
}
|
|
1183
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimCardImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1184
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: EuimCardImageDirective, selector: "[euimCardImage]", inputs: { euimCardImageHeight: "euimCardImageHeight", euimCardImageWidth: "euimCardImageWidth" }, host: { properties: { "style.--euimImageHeight": "this.euimCardImageHeight", "style.--euimImageWidth": "this.euimCardImageWidth", "class": "this.className" } }, ngImport: i0 }); }
|
|
1185
|
-
}
|
|
1186
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimCardImageDirective, decorators: [{
|
|
1187
|
-
type: Directive,
|
|
1188
|
-
args: [{
|
|
1189
|
-
selector: '[euimCardImage]',
|
|
1190
|
-
}]
|
|
1191
|
-
}], propDecorators: { euimCardImageHeight: [{
|
|
1192
|
-
type: HostBinding,
|
|
1193
|
-
args: ['style.--euimImageHeight']
|
|
1194
|
-
}, {
|
|
1195
|
-
type: Input
|
|
1196
|
-
}], euimCardImageWidth: [{
|
|
1197
|
-
type: HostBinding,
|
|
1198
|
-
args: ['style.--euimImageWidth']
|
|
1199
|
-
}, {
|
|
1200
|
-
type: Input
|
|
1201
|
-
}], className: [{
|
|
1202
|
-
type: HostBinding,
|
|
1203
|
-
args: ['class']
|
|
1204
|
-
}] } });
|
|
1205
|
-
|
|
1206
|
-
class EuimCardComponent {
|
|
1207
|
-
get cssClasses() {
|
|
1208
|
-
return this.getCssClasses();
|
|
1209
|
-
}
|
|
1210
|
-
constructor(baseStatesDirective) {
|
|
1211
|
-
this.baseStatesDirective = baseStatesDirective;
|
|
1212
|
-
}
|
|
1213
|
-
getCssClasses() {
|
|
1214
|
-
return [
|
|
1215
|
-
this.baseStatesDirective.getCssClasses('euim-card'),
|
|
1216
|
-
].join(' ').trim();
|
|
1217
|
-
}
|
|
1218
|
-
ngAfterContentInit() {
|
|
1219
|
-
if (this.cardImageDirective?.euimCardImageWidth) {
|
|
1220
|
-
this.imageWidth = this.cardImageDirective.euimCardImageWidth;
|
|
1221
|
-
}
|
|
1222
|
-
}
|
|
1223
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimCardComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1224
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", 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: i3.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1225
|
-
}
|
|
1226
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimCardComponent, decorators: [{
|
|
1227
|
-
type: Component,
|
|
1228
|
-
args: [{ selector: 'euim-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1229
|
-
{
|
|
1230
|
-
directive: BaseStatesDirective,
|
|
1231
|
-
inputs: [
|
|
1232
|
-
'euimSizeM',
|
|
1233
|
-
'euimSizeS',
|
|
1234
|
-
'euimSizeL',
|
|
1235
|
-
],
|
|
1236
|
-
},
|
|
1237
|
-
], 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"] }]
|
|
1238
|
-
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cardImageDirective: [{
|
|
1239
|
-
type: ContentChild,
|
|
1240
|
-
args: [EuimCardImageDirective]
|
|
1241
|
-
}], cssClasses: [{
|
|
1242
|
-
type: HostBinding,
|
|
1243
|
-
args: ['class']
|
|
1244
|
-
}] } });
|
|
1245
|
-
|
|
1246
|
-
class EuimCardModule {
|
|
1247
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1248
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.7", ngImport: i0, type: EuimCardModule, declarations: [EuimCardComponent, EuimCardImageDirective], imports: [CommonModule, IonicModule], exports: [EuimCardComponent, EuimCardImageDirective] }); }
|
|
1249
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimCardModule, imports: [CommonModule, IonicModule] }); }
|
|
1250
|
-
}
|
|
1251
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimCardModule, decorators: [{
|
|
1252
|
-
type: NgModule,
|
|
1253
|
-
args: [{
|
|
1254
|
-
imports: [CommonModule, IonicModule],
|
|
1255
|
-
exports: [EuimCardComponent, EuimCardImageDirective],
|
|
1256
|
-
declarations: [EuimCardComponent, EuimCardImageDirective],
|
|
1257
|
-
}]
|
|
1258
|
-
}] });
|
|
1259
|
-
|
|
1260
|
-
class EuimCardListComponent {
|
|
1261
|
-
constructor() {
|
|
1262
|
-
this.direction = '';
|
|
1263
|
-
}
|
|
1264
|
-
get cssClasses() {
|
|
1265
|
-
return this.getCssClasses();
|
|
1266
|
-
}
|
|
1267
|
-
getCssClasses() {
|
|
1268
|
-
return [
|
|
1269
|
-
'euim-card-list',
|
|
1270
|
-
this.direction ? `euim-card-list--direction-${this.direction}` : '',
|
|
1271
|
-
].join(' ').trim();
|
|
1272
|
-
}
|
|
1273
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1274
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", 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 }); }
|
|
1275
|
-
}
|
|
1276
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimCardListComponent, decorators: [{
|
|
1277
|
-
type: Component,
|
|
1278
|
-
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"] }]
|
|
1279
|
-
}], propDecorators: { direction: [{
|
|
1280
|
-
type: Input
|
|
1281
|
-
}], cssClasses: [{
|
|
1282
|
-
type: HostBinding,
|
|
1283
|
-
args: ['class']
|
|
1284
|
-
}] } });
|
|
1285
|
-
|
|
1286
|
-
class EuimScrollerXComponent {
|
|
1287
|
-
constructor() {
|
|
1288
|
-
this.className = 'euim-scroller-x';
|
|
1289
|
-
}
|
|
1290
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimScrollerXComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1291
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", 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 }); }
|
|
1292
|
-
}
|
|
1293
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimScrollerXComponent, decorators: [{
|
|
1294
|
-
type: Component,
|
|
1295
|
-
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"] }]
|
|
1296
|
-
}], propDecorators: { className: [{
|
|
1297
|
-
type: HostBinding,
|
|
1298
|
-
args: ['class']
|
|
1299
|
-
}] } });
|
|
1300
|
-
|
|
1301
|
-
class EuimScrollerXComponentModule {
|
|
1302
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimScrollerXComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1303
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.7", ngImport: i0, type: EuimScrollerXComponentModule, declarations: [EuimScrollerXComponent], imports: [CommonModule,
|
|
1304
|
-
IonicModule], exports: [EuimScrollerXComponent] }); }
|
|
1305
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimScrollerXComponentModule, imports: [CommonModule,
|
|
1306
|
-
IonicModule] }); }
|
|
1307
|
-
}
|
|
1308
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimScrollerXComponentModule, decorators: [{
|
|
1309
|
-
type: NgModule,
|
|
1310
|
-
args: [{
|
|
1311
|
-
imports: [
|
|
1312
|
-
CommonModule,
|
|
1313
|
-
IonicModule,
|
|
1314
|
-
],
|
|
1315
|
-
exports: [
|
|
1316
|
-
EuimScrollerXComponent,
|
|
1353
|
+
...COMPONENTS$a,
|
|
1317
1354
|
],
|
|
1318
1355
|
declarations: [
|
|
1319
|
-
|
|
1320
|
-
],
|
|
1321
|
-
}]
|
|
1322
|
-
}] });
|
|
1323
|
-
|
|
1324
|
-
class EuimCardListModule {
|
|
1325
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimCardListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1326
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.7", ngImport: i0, type: EuimCardListModule, declarations: [EuimCardListComponent], imports: [CommonModule,
|
|
1327
|
-
IonicModule,
|
|
1328
|
-
EuimScrollerXComponentModule], exports: [EuimCardListComponent] }); }
|
|
1329
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimCardListModule, imports: [CommonModule,
|
|
1330
|
-
IonicModule,
|
|
1331
|
-
EuimScrollerXComponentModule] }); }
|
|
1332
|
-
}
|
|
1333
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimCardListModule, decorators: [{
|
|
1334
|
-
type: NgModule,
|
|
1335
|
-
args: [{
|
|
1336
|
-
imports: [
|
|
1337
|
-
CommonModule,
|
|
1338
|
-
IonicModule,
|
|
1339
|
-
EuimScrollerXComponentModule,
|
|
1356
|
+
...COMPONENTS$a,
|
|
1340
1357
|
],
|
|
1341
|
-
exports: [EuimCardListComponent],
|
|
1342
|
-
declarations: [EuimCardListComponent],
|
|
1343
1358
|
}]
|
|
1344
1359
|
}] });
|
|
1345
1360
|
|
|
@@ -1355,10 +1370,10 @@ class EuimBadgeComponent {
|
|
|
1355
1370
|
this.baseStatesDirective.getCssClasses('euim-badge'),
|
|
1356
1371
|
].join(' ').trim();
|
|
1357
1372
|
}
|
|
1358
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1359
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1373
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimBadgeComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1374
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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:var(--eui-br-max);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-c-info)}.euim-badge--success{background:var(--eui-c-success)}.euim-badge--warning{background:var(--eui-c-warning)}.euim-badge--danger{background:var(--eui-c-danger)}.euim-badge--white{background:var(--eui-bc-white);color:var(--eui-c-primary)}.euim-badge--default{background:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral-lightest-contrast)}.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 }); }
|
|
1360
1375
|
}
|
|
1361
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1376
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimBadgeComponent, decorators: [{
|
|
1362
1377
|
type: Component,
|
|
1363
1378
|
args: [{ selector: 'euim-badge', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
1364
1379
|
{
|
|
@@ -1371,20 +1386,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
1371
1386
|
'color',
|
|
1372
1387
|
],
|
|
1373
1388
|
},
|
|
1374
|
-
], template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:
|
|
1389
|
+
], template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);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-c-info)}.euim-badge--success{background:var(--eui-c-success)}.euim-badge--warning{background:var(--eui-c-warning)}.euim-badge--danger{background:var(--eui-c-danger)}.euim-badge--white{background:var(--eui-bc-white);color:var(--eui-c-primary)}.euim-badge--default{background:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral-lightest-contrast)}.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"] }]
|
|
1375
1390
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
1376
1391
|
type: HostBinding,
|
|
1377
1392
|
args: ['class']
|
|
1378
1393
|
}] } });
|
|
1379
1394
|
|
|
1380
1395
|
class EuimBadgeModule {
|
|
1381
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1382
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1396
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1397
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimBadgeModule, declarations: [EuimBadgeComponent], imports: [CommonModule,
|
|
1383
1398
|
IonicModule], exports: [EuimBadgeComponent] }); }
|
|
1384
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1399
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimBadgeModule, imports: [CommonModule,
|
|
1385
1400
|
IonicModule] }); }
|
|
1386
1401
|
}
|
|
1387
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1402
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimBadgeModule, decorators: [{
|
|
1388
1403
|
type: NgModule,
|
|
1389
1404
|
args: [{
|
|
1390
1405
|
imports: [
|
|
@@ -1428,10 +1443,10 @@ class EuimMessageComponent {
|
|
|
1428
1443
|
this.baseStatesDirective.color !== 'info' ? 'euim-message--info' : '',
|
|
1429
1444
|
].join(' ');
|
|
1430
1445
|
}
|
|
1431
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1432
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1446
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMessageComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1447
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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-c-danger)}.euim-message--danger ion-icon{color:var(--eui-c-danger)}.euim-message--info{border-color:var(--eui-c-info)}.euim-message--info ion-icon{color:var(--eui-c-info)}.euim-message--success{border-color:var(--eui-c-success)}.euim-message--success ion-icon{color:var(--eui-c-success)}.euim-message--warning{border-color:var(--eui-c-warning)}.euim-message--warning ion-icon{color:var(--eui-c-warning)}.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: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1433
1448
|
}
|
|
1434
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1449
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMessageComponent, decorators: [{
|
|
1435
1450
|
type: Component,
|
|
1436
1451
|
args: [{ selector: 'euim-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1437
1452
|
{
|
|
@@ -1440,7 +1455,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
1440
1455
|
'color',
|
|
1441
1456
|
],
|
|
1442
1457
|
},
|
|
1443
|
-
], 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-
|
|
1458
|
+
], 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-c-danger)}.euim-message--danger ion-icon{color:var(--eui-c-danger)}.euim-message--info{border-color:var(--eui-c-info)}.euim-message--info ion-icon{color:var(--eui-c-info)}.euim-message--success{border-color:var(--eui-c-success)}.euim-message--success ion-icon{color:var(--eui-c-success)}.euim-message--warning{border-color:var(--eui-c-warning)}.euim-message--warning ion-icon{color:var(--eui-c-warning)}.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"] }]
|
|
1444
1459
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
1445
1460
|
type: HostBinding,
|
|
1446
1461
|
args: ['class']
|
|
@@ -1450,30 +1465,30 @@ class EuimMessageTitleComponent {
|
|
|
1450
1465
|
constructor() {
|
|
1451
1466
|
this.className = 'euim-message-title';
|
|
1452
1467
|
}
|
|
1453
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1454
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1468
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMessageTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1469
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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 }); }
|
|
1455
1470
|
}
|
|
1456
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1471
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMessageTitleComponent, decorators: [{
|
|
1457
1472
|
type: Component,
|
|
1458
1473
|
args: [{ selector: 'euim-message-title', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
|
|
1459
1474
|
}], propDecorators: { className: [{
|
|
1460
1475
|
type: HostBinding
|
|
1461
1476
|
}] } });
|
|
1462
1477
|
|
|
1463
|
-
const COMPONENTS$
|
|
1478
|
+
const COMPONENTS$9 = [
|
|
1464
1479
|
EuimMessageComponent,
|
|
1465
1480
|
EuimMessageTitleComponent,
|
|
1466
1481
|
];
|
|
1467
1482
|
class EuimMessageModule {
|
|
1468
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1469
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1483
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1484
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimMessageModule, declarations: [EuimMessageComponent,
|
|
1470
1485
|
EuimMessageTitleComponent], imports: [CommonModule,
|
|
1471
1486
|
IonicModule], exports: [EuimMessageComponent,
|
|
1472
1487
|
EuimMessageTitleComponent] }); }
|
|
1473
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1488
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMessageModule, imports: [CommonModule,
|
|
1474
1489
|
IonicModule] }); }
|
|
1475
1490
|
}
|
|
1476
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1491
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMessageModule, decorators: [{
|
|
1477
1492
|
type: NgModule,
|
|
1478
1493
|
args: [{
|
|
1479
1494
|
imports: [
|
|
@@ -1481,10 +1496,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
1481
1496
|
IonicModule,
|
|
1482
1497
|
],
|
|
1483
1498
|
exports: [
|
|
1484
|
-
...COMPONENTS$
|
|
1499
|
+
...COMPONENTS$9,
|
|
1485
1500
|
],
|
|
1486
1501
|
declarations: [
|
|
1487
|
-
...COMPONENTS$
|
|
1502
|
+
...COMPONENTS$9,
|
|
1488
1503
|
],
|
|
1489
1504
|
}]
|
|
1490
1505
|
}] });
|
|
@@ -1493,12 +1508,12 @@ class EuimSpinnerComponent {
|
|
|
1493
1508
|
constructor() {
|
|
1494
1509
|
this.className = 'euim-spinner';
|
|
1495
1510
|
}
|
|
1496
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1497
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1511
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1512
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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-c-primary)}.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-c-primary)}.euim-spinner--secondary{color:var(--eui-c-neutral-light)}.euim-spinner--info{color:var(--eui-c-info)}.euim-spinner--success{color:var(--eui-c-success)}.euim-spinner--warning{color:var(--eui-c-warning)}.euim-spinner--danger{color:var(--eui-c-danger)}.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-c-neutral)}.euim-spinner-description{font:var(--eui-f-s);display:flex;justify-content:center;color:var(--eui-c-neutral-light);margin-top:var(--eui-s-2xs)}\n"], dependencies: [{ kind: "component", type: i3.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1498
1513
|
}
|
|
1499
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1514
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSpinnerComponent, decorators: [{
|
|
1500
1515
|
type: Component,
|
|
1501
|
-
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-
|
|
1516
|
+
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-c-primary)}.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-c-primary)}.euim-spinner--secondary{color:var(--eui-c-neutral-light)}.euim-spinner--info{color:var(--eui-c-info)}.euim-spinner--success{color:var(--eui-c-success)}.euim-spinner--warning{color:var(--eui-c-warning)}.euim-spinner--danger{color:var(--eui-c-danger)}.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-c-neutral)}.euim-spinner-description{font:var(--eui-f-s);display:flex;justify-content:center;color:var(--eui-c-neutral-light);margin-top:var(--eui-s-2xs)}\n"] }]
|
|
1502
1517
|
}], propDecorators: { className: [{
|
|
1503
1518
|
type: HostBinding,
|
|
1504
1519
|
args: ['class']
|
|
@@ -1509,12 +1524,12 @@ class EuimSpinnerMessageComponent {
|
|
|
1509
1524
|
constructor() {
|
|
1510
1525
|
this.className = 'euim-spinner-message';
|
|
1511
1526
|
}
|
|
1512
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1513
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1527
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSpinnerMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1528
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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-c-neutral)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1514
1529
|
}
|
|
1515
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1530
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSpinnerMessageComponent, decorators: [{
|
|
1516
1531
|
type: Component,
|
|
1517
|
-
args: [{ selector: '[euimSpinnerMessage]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".euim-spinner-message{font:
|
|
1532
|
+
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-c-neutral)}\n"] }]
|
|
1518
1533
|
}], propDecorators: { className: [{
|
|
1519
1534
|
type: HostBinding,
|
|
1520
1535
|
args: ['class']
|
|
@@ -1525,31 +1540,31 @@ class EuimSpinnerDescriptionComponent {
|
|
|
1525
1540
|
constructor() {
|
|
1526
1541
|
this.className = 'euim-spinner-description';
|
|
1527
1542
|
}
|
|
1528
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1529
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1543
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSpinnerDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1544
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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-c-neutral-light);margin-top:var(--eui-s-2xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1530
1545
|
}
|
|
1531
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1546
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSpinnerDescriptionComponent, decorators: [{
|
|
1532
1547
|
type: Component,
|
|
1533
|
-
args: [{ selector: '[euimSpinnerDescription]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".euim-spinner-description{font:
|
|
1548
|
+
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-c-neutral-light);margin-top:var(--eui-s-2xs)}\n"] }]
|
|
1534
1549
|
}], propDecorators: { className: [{
|
|
1535
1550
|
type: HostBinding,
|
|
1536
1551
|
args: ['class']
|
|
1537
1552
|
}] } });
|
|
1538
1553
|
|
|
1539
1554
|
class EuimSpinnerComponentModule {
|
|
1540
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1541
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1555
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSpinnerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1556
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimSpinnerComponentModule, declarations: [EuimSpinnerComponent,
|
|
1542
1557
|
EuimSpinnerMessageComponent,
|
|
1543
1558
|
EuimSpinnerDescriptionComponent], imports: [CommonModule,
|
|
1544
1559
|
IonicModule,
|
|
1545
1560
|
TranslateModule], exports: [EuimSpinnerComponent,
|
|
1546
1561
|
EuimSpinnerMessageComponent,
|
|
1547
1562
|
EuimSpinnerDescriptionComponent] }); }
|
|
1548
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1563
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSpinnerComponentModule, imports: [CommonModule,
|
|
1549
1564
|
IonicModule,
|
|
1550
1565
|
TranslateModule] }); }
|
|
1551
1566
|
}
|
|
1552
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1567
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSpinnerComponentModule, decorators: [{
|
|
1553
1568
|
type: NgModule,
|
|
1554
1569
|
args: [{
|
|
1555
1570
|
imports: [
|
|
@@ -1596,10 +1611,10 @@ class EuimMediaHeaderComponent {
|
|
|
1596
1611
|
size ? `euim-media-header__size-${size}` : '',
|
|
1597
1612
|
].join(' ').trim();
|
|
1598
1613
|
}
|
|
1599
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1600
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1614
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMediaHeaderComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1615
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", 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 }); }
|
|
1601
1616
|
}
|
|
1602
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1617
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMediaHeaderComponent, decorators: [{
|
|
1603
1618
|
type: Component,
|
|
1604
1619
|
args: [{ selector: 'euim-media-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1605
1620
|
{
|
|
@@ -1610,7 +1625,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
1610
1625
|
'euimSizeL',
|
|
1611
1626
|
],
|
|
1612
1627
|
},
|
|
1613
|
-
], 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-
|
|
1628
|
+
], 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"] }]
|
|
1614
1629
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimNoGradient: [{
|
|
1615
1630
|
type: Input,
|
|
1616
1631
|
args: [{ transform: booleanAttribute }]
|
|
@@ -1629,10 +1644,10 @@ class EuimMediaHeaderSubTitleDirective {
|
|
|
1629
1644
|
constructor() {
|
|
1630
1645
|
this.className = 'euim-media-header__sub-title';
|
|
1631
1646
|
}
|
|
1632
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1633
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1647
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMediaHeaderSubTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1648
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimMediaHeaderSubTitleDirective, selector: "[euimMediaHeaderSubTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1634
1649
|
}
|
|
1635
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1650
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMediaHeaderSubTitleDirective, decorators: [{
|
|
1636
1651
|
type: Directive,
|
|
1637
1652
|
args: [{
|
|
1638
1653
|
selector: '[euimMediaHeaderSubTitle]',
|
|
@@ -1646,10 +1661,10 @@ class EuimMediaHeaderTitleDirective {
|
|
|
1646
1661
|
constructor() {
|
|
1647
1662
|
this.className = 'euim-media-header__title';
|
|
1648
1663
|
}
|
|
1649
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1650
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1664
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMediaHeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1665
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimMediaHeaderTitleDirective, selector: "[euimMediaHeaderTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1651
1666
|
}
|
|
1652
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1667
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMediaHeaderTitleDirective, decorators: [{
|
|
1653
1668
|
type: Directive,
|
|
1654
1669
|
args: [{
|
|
1655
1670
|
selector: '[euimMediaHeaderTitle]',
|
|
@@ -1663,10 +1678,10 @@ class EuimMediaHeaderImageDirective {
|
|
|
1663
1678
|
constructor() {
|
|
1664
1679
|
this.className = 'euim-media-header__image';
|
|
1665
1680
|
}
|
|
1666
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1667
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1681
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMediaHeaderImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1682
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimMediaHeaderImageDirective, selector: "[euimMediaHeaderImage]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1668
1683
|
}
|
|
1669
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1684
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMediaHeaderImageDirective, decorators: [{
|
|
1670
1685
|
type: Directive,
|
|
1671
1686
|
args: [{
|
|
1672
1687
|
selector: '[euimMediaHeaderImage]',
|
|
@@ -1680,10 +1695,10 @@ class EuimMediaHeaderCustomContentDirective {
|
|
|
1680
1695
|
constructor() {
|
|
1681
1696
|
this.className = 'euim-media-header__custom-content';
|
|
1682
1697
|
}
|
|
1683
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1684
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1698
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMediaHeaderCustomContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1699
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimMediaHeaderCustomContentDirective, isStandalone: true, selector: "[euimMediaHeaderCustomContent]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1685
1700
|
}
|
|
1686
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1701
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMediaHeaderCustomContentDirective, decorators: [{
|
|
1687
1702
|
type: Directive,
|
|
1688
1703
|
args: [{
|
|
1689
1704
|
selector: '[euimMediaHeaderCustomContent]',
|
|
@@ -1694,15 +1709,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
1694
1709
|
args: ['class']
|
|
1695
1710
|
}] } });
|
|
1696
1711
|
|
|
1697
|
-
const COMPONENTS$
|
|
1712
|
+
const COMPONENTS$8 = [
|
|
1698
1713
|
EuimMediaHeaderComponent,
|
|
1699
1714
|
EuimMediaHeaderTitleDirective,
|
|
1700
1715
|
EuimMediaHeaderSubTitleDirective,
|
|
1701
1716
|
EuimMediaHeaderImageDirective,
|
|
1702
1717
|
];
|
|
1703
1718
|
class EuimMediaHeaderModule {
|
|
1704
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1705
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1719
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMediaHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1720
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimMediaHeaderModule, declarations: [EuimMediaHeaderComponent,
|
|
1706
1721
|
EuimMediaHeaderTitleDirective,
|
|
1707
1722
|
EuimMediaHeaderSubTitleDirective,
|
|
1708
1723
|
EuimMediaHeaderImageDirective], imports: [CommonModule,
|
|
@@ -1711,10 +1726,10 @@ class EuimMediaHeaderModule {
|
|
|
1711
1726
|
EuimMediaHeaderTitleDirective,
|
|
1712
1727
|
EuimMediaHeaderSubTitleDirective,
|
|
1713
1728
|
EuimMediaHeaderImageDirective, EuimMediaHeaderCustomContentDirective] }); }
|
|
1714
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1729
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMediaHeaderModule, imports: [CommonModule,
|
|
1715
1730
|
IonicModule] }); }
|
|
1716
1731
|
}
|
|
1717
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1732
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMediaHeaderModule, decorators: [{
|
|
1718
1733
|
type: NgModule,
|
|
1719
1734
|
args: [{
|
|
1720
1735
|
imports: [
|
|
@@ -1723,11 +1738,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
1723
1738
|
EuimMediaHeaderCustomContentDirective,
|
|
1724
1739
|
],
|
|
1725
1740
|
exports: [
|
|
1726
|
-
...COMPONENTS$
|
|
1741
|
+
...COMPONENTS$8,
|
|
1727
1742
|
EuimMediaHeaderCustomContentDirective,
|
|
1728
1743
|
],
|
|
1729
1744
|
declarations: [
|
|
1730
|
-
...COMPONENTS$
|
|
1745
|
+
...COMPONENTS$8,
|
|
1731
1746
|
],
|
|
1732
1747
|
}]
|
|
1733
1748
|
}] });
|
|
@@ -1744,10 +1759,10 @@ class EuimDataSummaryColLabelDirective {
|
|
|
1744
1759
|
this.baseStatesDirective.getCssClasses('euim-data-summary__col-label'),
|
|
1745
1760
|
].join(' ').trim();
|
|
1746
1761
|
}
|
|
1747
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1748
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1762
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimDataSummaryColLabelDirective, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1763
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimDataSummaryColLabelDirective, selector: "[euimDataSummaryColLabel]", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0 }); }
|
|
1749
1764
|
}
|
|
1750
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1765
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimDataSummaryColLabelDirective, decorators: [{
|
|
1751
1766
|
type: Directive,
|
|
1752
1767
|
args: [{
|
|
1753
1768
|
selector: '[euimDataSummaryColLabel]',
|
|
@@ -1777,10 +1792,10 @@ class EuimDataSummaryColValueDirective {
|
|
|
1777
1792
|
this.baseStatesDirective.getCssClasses('euim-data-summary__col-value'),
|
|
1778
1793
|
].join(' ').trim();
|
|
1779
1794
|
}
|
|
1780
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1781
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1795
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimDataSummaryColValueDirective, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1796
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimDataSummaryColValueDirective, selector: "[euimDataSummaryColValue]", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
|
|
1782
1797
|
}
|
|
1783
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1798
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimDataSummaryColValueDirective, decorators: [{
|
|
1784
1799
|
type: Directive,
|
|
1785
1800
|
args: [{
|
|
1786
1801
|
selector: '[euimDataSummaryColValue]',
|
|
@@ -1815,10 +1830,10 @@ class EuimDataSummaryComponent {
|
|
|
1815
1830
|
}
|
|
1816
1831
|
}
|
|
1817
1832
|
}
|
|
1818
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1819
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1833
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimDataSummaryComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1834
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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-c-neutral-ligthtest);border-top:1px solid var(--eui-c-neutral-ligthtest)}.euim-data-summary--primary{background-color:var(--eui-c-branding);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-c-neutral);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-branding-contrast)}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-c-neutral);font:var(--eui-f-s)}.euim-data-summary__col-value ion-icon{min-height:var(--eui-s-m);min-width:var(--eui-s-m);vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-data-summary__col-value--primary{color:var(--eui-c-branding-contrast)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1820
1835
|
}
|
|
1821
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1836
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimDataSummaryComponent, decorators: [{
|
|
1822
1837
|
type: Component,
|
|
1823
1838
|
args: [{ selector: 'euim-data-summary', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1824
1839
|
{
|
|
@@ -1827,7 +1842,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
1827
1842
|
'color',
|
|
1828
1843
|
],
|
|
1829
1844
|
},
|
|
1830
|
-
], template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-
|
|
1845
|
+
], 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-c-neutral-ligthtest);border-top:1px solid var(--eui-c-neutral-ligthtest)}.euim-data-summary--primary{background-color:var(--eui-c-branding);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-c-neutral);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-branding-contrast)}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-c-neutral);font:var(--eui-f-s)}.euim-data-summary__col-value ion-icon{min-height:var(--eui-s-m);min-width:var(--eui-s-m);vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-data-summary__col-value--primary{color:var(--eui-c-branding-contrast)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"] }]
|
|
1831
1846
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimDataSummaryColLabelComponent: [{
|
|
1832
1847
|
type: ContentChildren,
|
|
1833
1848
|
args: [EuimDataSummaryColLabelDirective, { descendants: true }]
|
|
@@ -1843,10 +1858,10 @@ class EuimDataSummaryColComponent {
|
|
|
1843
1858
|
constructor() {
|
|
1844
1859
|
this.className = 'euim-data-summary__col';
|
|
1845
1860
|
}
|
|
1846
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1847
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1861
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimDataSummaryColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1862
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: EuimDataSummaryColComponent, selector: "euim-data-summary-col", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
1848
1863
|
}
|
|
1849
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1864
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimDataSummaryColComponent, decorators: [{
|
|
1850
1865
|
type: Component,
|
|
1851
1866
|
args: [{
|
|
1852
1867
|
selector: 'euim-data-summary-col',
|
|
@@ -1857,15 +1872,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
1857
1872
|
args: ['class']
|
|
1858
1873
|
}] } });
|
|
1859
1874
|
|
|
1860
|
-
const COMPONENTS$
|
|
1875
|
+
const COMPONENTS$7 = [
|
|
1861
1876
|
EuimDataSummaryComponent,
|
|
1862
1877
|
EuimDataSummaryColComponent,
|
|
1863
1878
|
EuimDataSummaryColLabelDirective,
|
|
1864
1879
|
EuimDataSummaryColValueDirective,
|
|
1865
1880
|
];
|
|
1866
1881
|
class EuimDataSummaryModule {
|
|
1867
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1868
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1882
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimDataSummaryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1883
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimDataSummaryModule, declarations: [EuimDataSummaryComponent,
|
|
1869
1884
|
EuimDataSummaryColComponent,
|
|
1870
1885
|
EuimDataSummaryColLabelDirective,
|
|
1871
1886
|
EuimDataSummaryColValueDirective], imports: [CommonModule,
|
|
@@ -1873,10 +1888,10 @@ class EuimDataSummaryModule {
|
|
|
1873
1888
|
EuimDataSummaryColComponent,
|
|
1874
1889
|
EuimDataSummaryColLabelDirective,
|
|
1875
1890
|
EuimDataSummaryColValueDirective] }); }
|
|
1876
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1891
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimDataSummaryModule, imports: [CommonModule,
|
|
1877
1892
|
IonicModule] }); }
|
|
1878
1893
|
}
|
|
1879
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1894
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimDataSummaryModule, decorators: [{
|
|
1880
1895
|
type: NgModule,
|
|
1881
1896
|
args: [{
|
|
1882
1897
|
imports: [
|
|
@@ -1884,80 +1899,144 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
1884
1899
|
IonicModule,
|
|
1885
1900
|
],
|
|
1886
1901
|
exports: [
|
|
1887
|
-
...COMPONENTS$
|
|
1902
|
+
...COMPONENTS$7,
|
|
1888
1903
|
],
|
|
1889
1904
|
declarations: [
|
|
1890
|
-
...COMPONENTS$
|
|
1905
|
+
...COMPONENTS$7,
|
|
1891
1906
|
],
|
|
1892
1907
|
}]
|
|
1893
1908
|
}] });
|
|
1894
1909
|
|
|
1895
|
-
class
|
|
1910
|
+
class EuimCardImageDirective {
|
|
1896
1911
|
constructor() {
|
|
1897
|
-
this.className = 'euim-
|
|
1912
|
+
this.className = 'euim-card__image';
|
|
1898
1913
|
}
|
|
1899
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1900
|
-
/** @nocollapse */ static { this.ɵ
|
|
1914
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimCardImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1915
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimCardImageDirective, selector: "[euimCardImage]", inputs: { euimCardImageHeight: "euimCardImageHeight", euimCardImageWidth: "euimCardImageWidth" }, host: { properties: { "style.--euimImageHeight": "this.euimCardImageHeight", "style.--euimImageWidth": "this.euimCardImageWidth", "class": "this.className" } }, ngImport: i0 }); }
|
|
1901
1916
|
}
|
|
1902
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1903
|
-
type:
|
|
1904
|
-
args: [{
|
|
1905
|
-
|
|
1917
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimCardImageDirective, decorators: [{
|
|
1918
|
+
type: Directive,
|
|
1919
|
+
args: [{
|
|
1920
|
+
selector: '[euimCardImage]',
|
|
1921
|
+
}]
|
|
1922
|
+
}], propDecorators: { euimCardImageHeight: [{
|
|
1923
|
+
type: HostBinding,
|
|
1924
|
+
args: ['style.--euimImageHeight']
|
|
1925
|
+
}, {
|
|
1926
|
+
type: Input
|
|
1927
|
+
}], euimCardImageWidth: [{
|
|
1928
|
+
type: HostBinding,
|
|
1929
|
+
args: ['style.--euimImageWidth']
|
|
1930
|
+
}, {
|
|
1931
|
+
type: Input
|
|
1932
|
+
}], className: [{
|
|
1906
1933
|
type: HostBinding,
|
|
1907
1934
|
args: ['class']
|
|
1908
1935
|
}] } });
|
|
1909
1936
|
|
|
1910
|
-
class
|
|
1911
|
-
|
|
1912
|
-
this.
|
|
1937
|
+
class EuimCardComponent {
|
|
1938
|
+
get cssClasses() {
|
|
1939
|
+
return this.getCssClasses();
|
|
1913
1940
|
}
|
|
1914
|
-
|
|
1915
|
-
|
|
1941
|
+
constructor(baseStatesDirective) {
|
|
1942
|
+
this.baseStatesDirective = baseStatesDirective;
|
|
1943
|
+
}
|
|
1944
|
+
getCssClasses() {
|
|
1945
|
+
return [
|
|
1946
|
+
this.baseStatesDirective.getCssClasses('euim-card'),
|
|
1947
|
+
].join(' ').trim();
|
|
1948
|
+
}
|
|
1949
|
+
ngAfterContentInit() {
|
|
1950
|
+
if (this.cardImageDirective?.euimCardImageWidth) {
|
|
1951
|
+
this.imageWidth = this.cardImageDirective.euimCardImageWidth;
|
|
1952
|
+
}
|
|
1953
|
+
}
|
|
1954
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimCardComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1955
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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-s-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-s-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-s-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-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 1px)}.euim-card--size-m .euim-card__content ion-item::part(native){padding:0}\n"], dependencies: [{ kind: "component", type: i3.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1916
1956
|
}
|
|
1917
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1918
|
-
type:
|
|
1957
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimCardComponent, decorators: [{
|
|
1958
|
+
type: Component,
|
|
1959
|
+
args: [{ selector: 'euim-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1960
|
+
{
|
|
1961
|
+
directive: BaseStatesDirective,
|
|
1962
|
+
inputs: [
|
|
1963
|
+
'euimSizeM',
|
|
1964
|
+
'euimSizeS',
|
|
1965
|
+
'euimSizeL',
|
|
1966
|
+
],
|
|
1967
|
+
},
|
|
1968
|
+
], 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-s-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-s-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-s-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-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 1px)}.euim-card--size-m .euim-card__content ion-item::part(native){padding:0}\n"] }]
|
|
1969
|
+
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cardImageDirective: [{
|
|
1970
|
+
type: ContentChild,
|
|
1971
|
+
args: [EuimCardImageDirective]
|
|
1972
|
+
}], cssClasses: [{
|
|
1973
|
+
type: HostBinding,
|
|
1974
|
+
args: ['class']
|
|
1975
|
+
}] } });
|
|
1976
|
+
|
|
1977
|
+
class EuimCardModule {
|
|
1978
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1979
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimCardModule, declarations: [EuimCardComponent, EuimCardImageDirective], imports: [CommonModule, IonicModule], exports: [EuimCardComponent, EuimCardImageDirective] }); }
|
|
1980
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimCardModule, imports: [CommonModule, IonicModule] }); }
|
|
1981
|
+
}
|
|
1982
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimCardModule, decorators: [{
|
|
1983
|
+
type: NgModule,
|
|
1919
1984
|
args: [{
|
|
1920
|
-
|
|
1985
|
+
imports: [CommonModule, IonicModule],
|
|
1986
|
+
exports: [EuimCardComponent, EuimCardImageDirective],
|
|
1987
|
+
declarations: [EuimCardComponent, EuimCardImageDirective],
|
|
1921
1988
|
}]
|
|
1922
|
-
}]
|
|
1989
|
+
}] });
|
|
1990
|
+
|
|
1991
|
+
class EuimCardListComponent {
|
|
1992
|
+
constructor() {
|
|
1993
|
+
this.direction = '';
|
|
1994
|
+
}
|
|
1995
|
+
get cssClasses() {
|
|
1996
|
+
return this.getCssClasses();
|
|
1997
|
+
}
|
|
1998
|
+
getCssClasses() {
|
|
1999
|
+
return [
|
|
2000
|
+
'euim-card-list',
|
|
2001
|
+
this.direction ? `euim-card-list--direction-${this.direction}` : '',
|
|
2002
|
+
].join(' ').trim();
|
|
2003
|
+
}
|
|
2004
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2005
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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 }); }
|
|
2006
|
+
}
|
|
2007
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimCardListComponent, decorators: [{
|
|
2008
|
+
type: Component,
|
|
2009
|
+
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"] }]
|
|
2010
|
+
}], propDecorators: { direction: [{
|
|
2011
|
+
type: Input
|
|
2012
|
+
}], cssClasses: [{
|
|
1923
2013
|
type: HostBinding,
|
|
1924
2014
|
args: ['class']
|
|
1925
2015
|
}] } });
|
|
1926
2016
|
|
|
1927
|
-
class
|
|
2017
|
+
class EuimScrollerXComponent {
|
|
1928
2018
|
constructor() {
|
|
1929
|
-
this.className = 'euim-
|
|
2019
|
+
this.className = 'euim-scroller-x';
|
|
1930
2020
|
}
|
|
1931
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1932
|
-
/** @nocollapse */ static { this.ɵ
|
|
2021
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimScrollerXComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2022
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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 }); }
|
|
1933
2023
|
}
|
|
1934
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1935
|
-
type:
|
|
1936
|
-
args: [{
|
|
1937
|
-
selector: '[euimAvatarSubIcon]',
|
|
1938
|
-
}]
|
|
2024
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimScrollerXComponent, decorators: [{
|
|
2025
|
+
type: Component,
|
|
2026
|
+
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"] }]
|
|
1939
2027
|
}], propDecorators: { className: [{
|
|
1940
2028
|
type: HostBinding,
|
|
1941
2029
|
args: ['class']
|
|
1942
2030
|
}] } });
|
|
1943
2031
|
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
|
|
1947
|
-
|
|
1948
|
-
|
|
1949
|
-
class EuimAvatarModule {
|
|
1950
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1951
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.7", ngImport: i0, type: EuimAvatarModule, declarations: [EuimAvatarComponent,
|
|
1952
|
-
EuimAvatarSubIconDirective,
|
|
1953
|
-
EuimAvatarMainIconDirective], imports: [CommonModule,
|
|
1954
|
-
IonicModule], exports: [EuimAvatarComponent,
|
|
1955
|
-
EuimAvatarSubIconDirective,
|
|
1956
|
-
EuimAvatarMainIconDirective] }); }
|
|
1957
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EuimAvatarModule, imports: [CommonModule,
|
|
2032
|
+
class EuimScrollerXComponentModule {
|
|
2033
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimScrollerXComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2034
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimScrollerXComponentModule, declarations: [EuimScrollerXComponent], imports: [CommonModule,
|
|
2035
|
+
IonicModule], exports: [EuimScrollerXComponent] }); }
|
|
2036
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimScrollerXComponentModule, imports: [CommonModule,
|
|
1958
2037
|
IonicModule] }); }
|
|
1959
2038
|
}
|
|
1960
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2039
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimScrollerXComponentModule, decorators: [{
|
|
1961
2040
|
type: NgModule,
|
|
1962
2041
|
args: [{
|
|
1963
2042
|
imports: [
|
|
@@ -1965,14 +2044,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
1965
2044
|
IonicModule,
|
|
1966
2045
|
],
|
|
1967
2046
|
exports: [
|
|
1968
|
-
|
|
2047
|
+
EuimScrollerXComponent,
|
|
1969
2048
|
],
|
|
1970
2049
|
declarations: [
|
|
1971
|
-
|
|
2050
|
+
EuimScrollerXComponent,
|
|
1972
2051
|
],
|
|
1973
2052
|
}]
|
|
1974
2053
|
}] });
|
|
1975
2054
|
|
|
2055
|
+
class EuimCardListModule {
|
|
2056
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimCardListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2057
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimCardListModule, declarations: [EuimCardListComponent], imports: [CommonModule,
|
|
2058
|
+
IonicModule,
|
|
2059
|
+
EuimScrollerXComponentModule], exports: [EuimCardListComponent] }); }
|
|
2060
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimCardListModule, imports: [CommonModule,
|
|
2061
|
+
IonicModule,
|
|
2062
|
+
EuimScrollerXComponentModule] }); }
|
|
2063
|
+
}
|
|
2064
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimCardListModule, decorators: [{
|
|
2065
|
+
type: NgModule,
|
|
2066
|
+
args: [{
|
|
2067
|
+
imports: [
|
|
2068
|
+
CommonModule,
|
|
2069
|
+
IonicModule,
|
|
2070
|
+
EuimScrollerXComponentModule,
|
|
2071
|
+
],
|
|
2072
|
+
exports: [EuimCardListComponent],
|
|
2073
|
+
declarations: [EuimCardListComponent],
|
|
2074
|
+
}]
|
|
2075
|
+
}] });
|
|
2076
|
+
|
|
1976
2077
|
class EuimAlertMessageComponent {
|
|
1977
2078
|
constructor(baseStatesDirective) {
|
|
1978
2079
|
this.baseStatesDirective = baseStatesDirective;
|
|
@@ -2032,10 +2133,10 @@ class EuimAlertMessageComponent {
|
|
|
2032
2133
|
this.isVisible = false;
|
|
2033
2134
|
this.euimClose.emit();
|
|
2034
2135
|
}
|
|
2035
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2036
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2136
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAlertMessageComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2137
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", 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-c-danger);background:var(--eui-c-danger-bg)}.euim-alert-message--danger .euim-label{color:var(--eui-c-danger)}.euim-alert-message--danger ion-icon{color:var(--eui-c-danger)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd],.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-c-danger);color:var(--eui-c-danger-contrast)}.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-c-danger-contrast)}.euim-alert-message--info{color:var(--eui-c-info);background:var(--eui-c-info-bg)}.euim-alert-message--info .euim-label{color:var(--eui-c-info)}.euim-alert-message--info ion-icon{color:var(--eui-c-info)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd],.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-c-info);color:var(--eui-c-info-contrast)}.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-info-contrast)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--success{color:var(--eui-c-success);background:var(--eui-c-success-bg)}.euim-alert-message--success .euim-label{color:var(--eui-c-success)}.euim-alert-message--success ion-icon{color:var(--eui-c-success)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd],.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-c-success);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-c-success)}.euim-alert-message--warning{color:var(--eui-c-warning-darker);background:var(--eui-c-warning-bg)}.euim-alert-message--warning .euim-label{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd],.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-c-warning-darker);color:var(--eui-c-warning-darker-contrast)}.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-warning-darker-contrast)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-c-neutral)}.euim-alert-message--dark{color:var(--eui-c-neutral-contrast);background:var(--eui-c-neutral)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-neutral-contrast)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-alert-message--primary{color:var(--eui-c-primary-contrast);background:var(--eui-c-primary)}.euim-alert-message--primary ion-icon,.euim-alert-message--primary .euim-label{color:var(--eui-c-primary-contrast)}.euim-alert-message--primary [slotEnd]{--background: none;--border-color: var(--eui-c-neutral);color:var(--eui-c-neutral)}.euim-alert-message--light{color:var(--eui-c-neutral);background:var(--eui-c-neutral-bg-light)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--light [slotEnd]{--background: var(--eui-bc-neutral-bg-light);color:var(--eui-c-neutral)}.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-c-neutral);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-c-neutral)}.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: i3.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 }); }
|
|
2037
2138
|
}
|
|
2038
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2139
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAlertMessageComponent, decorators: [{
|
|
2039
2140
|
type: Component,
|
|
2040
2141
|
args: [{ selector: 'euim-alert-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
2041
2142
|
{
|
|
@@ -2044,7 +2145,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
2044
2145
|
'color',
|
|
2045
2146
|
],
|
|
2046
2147
|
},
|
|
2047
|
-
], 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:
|
|
2148
|
+
], 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-c-danger);background:var(--eui-c-danger-bg)}.euim-alert-message--danger .euim-label{color:var(--eui-c-danger)}.euim-alert-message--danger ion-icon{color:var(--eui-c-danger)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd],.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-c-danger);color:var(--eui-c-danger-contrast)}.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-c-danger-contrast)}.euim-alert-message--info{color:var(--eui-c-info);background:var(--eui-c-info-bg)}.euim-alert-message--info .euim-label{color:var(--eui-c-info)}.euim-alert-message--info ion-icon{color:var(--eui-c-info)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd],.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-c-info);color:var(--eui-c-info-contrast)}.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-info-contrast)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--success{color:var(--eui-c-success);background:var(--eui-c-success-bg)}.euim-alert-message--success .euim-label{color:var(--eui-c-success)}.euim-alert-message--success ion-icon{color:var(--eui-c-success)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd],.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-c-success);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-c-success)}.euim-alert-message--warning{color:var(--eui-c-warning-darker);background:var(--eui-c-warning-bg)}.euim-alert-message--warning .euim-label{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd],.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-c-warning-darker);color:var(--eui-c-warning-darker-contrast)}.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-warning-darker-contrast)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-c-neutral)}.euim-alert-message--dark{color:var(--eui-c-neutral-contrast);background:var(--eui-c-neutral)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-neutral-contrast)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-alert-message--primary{color:var(--eui-c-primary-contrast);background:var(--eui-c-primary)}.euim-alert-message--primary ion-icon,.euim-alert-message--primary .euim-label{color:var(--eui-c-primary-contrast)}.euim-alert-message--primary [slotEnd]{--background: none;--border-color: var(--eui-c-neutral);color:var(--eui-c-neutral)}.euim-alert-message--light{color:var(--eui-c-neutral);background:var(--eui-c-neutral-bg-light)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--light [slotEnd]{--background: var(--eui-bc-neutral-bg-light);color:var(--eui-c-neutral)}.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-c-neutral);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-c-neutral)}.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"] }]
|
|
2048
2149
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimClose: [{
|
|
2049
2150
|
type: Output
|
|
2050
2151
|
}], euimLabelTruncate: [{
|
|
@@ -2065,15 +2166,15 @@ const COMPONENTS$6 = [
|
|
|
2065
2166
|
EuimAlertMessageComponent,
|
|
2066
2167
|
];
|
|
2067
2168
|
class EuimAlertMessageModule {
|
|
2068
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2069
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2169
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAlertMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2170
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimAlertMessageModule, declarations: [EuimAlertMessageComponent], imports: [CommonModule,
|
|
2070
2171
|
IonicModule,
|
|
2071
2172
|
EuimLabelModule], exports: [EuimAlertMessageComponent] }); }
|
|
2072
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2173
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAlertMessageModule, imports: [CommonModule,
|
|
2073
2174
|
IonicModule,
|
|
2074
2175
|
EuimLabelModule] }); }
|
|
2075
2176
|
}
|
|
2076
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2177
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAlertMessageModule, decorators: [{
|
|
2077
2178
|
type: NgModule,
|
|
2078
2179
|
args: [{
|
|
2079
2180
|
imports: [
|
|
@@ -2243,12 +2344,12 @@ class EuimSliderInfoScreenComponent {
|
|
|
2243
2344
|
paginationClass,
|
|
2244
2345
|
].join(' ').trim();
|
|
2245
2346
|
}
|
|
2246
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2247
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", 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-base-spacing-xs) + var(--eui-base-spacing-2xs) / 2);height:calc(var(--eui-base-spacing-xs) + var(--eui-base-spacing-2xs) / 2);border-radius:50%;cursor:pointer}.euim-slider-info-screen__span:not(:last-child){margin-right:var(--eui-base-spacing-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-base-color-primary-100)!important}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-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-base-color-primary-100);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider-info-screen__action-button::part(native){padding:0 var(--eui-base-spacing-m)}.euim-slider-info-screen__action-button--right{right:0;margin:0 var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-m)}.euim-slider-info-screen__action-button--left{margin:0 var(--eui-base-spacing-m) 0 var(--eui-base-spacing-xs);left:0}.euim-slider-info-screen__action-button ion-icon{color:var(--eui-base-color-primary-100)}.euim-slider-info-screen__title{font:normal normal 400 1.75rem/2rem var(--eui-base-font-family);font-weight:700;color:var(--eui-base-color-grey-100);margin-top:var(--eui-base-spacing-l);padding-left:var(--eui-base-spacing-l);padding-right:var(--eui-base-spacing-l)}.euim-slider-info-screen__sub-title{color:var(--eui-base-color-grey-75);padding-left:var(--eui-base-spacing-l);padding-right:var(--eui-base-spacing-l);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.euim-slider-info-screen__content{color:var(--eui-base-color-grey-100);padding-left:var(--eui-base-spacing-l);padding-right:var(--eui-base-spacing-l);font:normal normal 400 1.125rem/1.5rem var(--eui-base-font-family)}.euim-slider-info-screen__content--centered{text-align:center}.euim-slider-info-screen__title+.euim-slider-info-screen__sub-title{margin-top:var(--eui-base-spacing-2xs)}.euim-slider-info-screen__sub-title+.euim-slider-info-screen__content,title+.euim-slider-info-screen__content{margin-top:var(--eui-base-spacing-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: i3.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: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2347
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenComponent, deps: [{ token: i0.Renderer2 }, { token: i3.GestureController }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2348
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", 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: i3.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: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2248
2349
|
}
|
|
2249
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2350
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenComponent, decorators: [{
|
|
2250
2351
|
type: Component,
|
|
2251
|
-
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-
|
|
2352
|
+
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"] }]
|
|
2252
2353
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i3.GestureController }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { slides: [{
|
|
2253
2354
|
type: ViewChild,
|
|
2254
2355
|
args: ['slides', { static: true }]
|
|
@@ -2291,13 +2392,13 @@ class EuimSlideInfoScreenComponent {
|
|
|
2291
2392
|
constructor() {
|
|
2292
2393
|
this.className = 'euim-slider-info-screen__slide';
|
|
2293
2394
|
}
|
|
2294
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2295
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2395
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSlideInfoScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2396
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: EuimSlideInfoScreenComponent, selector: "euim-slide-info-screen", host: { properties: { "class": "this.className" } }, ngImport: i0, template: `
|
|
2296
2397
|
<div #slide>
|
|
2297
2398
|
<ng-content></ng-content>
|
|
2298
2399
|
</div>`, isInline: true }); }
|
|
2299
2400
|
}
|
|
2300
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2401
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSlideInfoScreenComponent, decorators: [{
|
|
2301
2402
|
type: Component,
|
|
2302
2403
|
args: [{
|
|
2303
2404
|
selector: 'euim-slide-info-screen',
|
|
@@ -2324,10 +2425,10 @@ class EuimSliderInfoScreenContentDirective {
|
|
|
2324
2425
|
this.euimTextCenter ? 'euim-slider-info-screen__content--centered' : '',
|
|
2325
2426
|
].join(' ').trim();
|
|
2326
2427
|
}
|
|
2327
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2328
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "
|
|
2428
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2429
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.10", type: EuimSliderInfoScreenContentDirective, selector: "[euimSliderInfoScreenContent]", inputs: { euimTextCenter: ["euimTextCenter", "euimTextCenter", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
|
|
2329
2430
|
}
|
|
2330
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2431
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenContentDirective, decorators: [{
|
|
2331
2432
|
type: Directive,
|
|
2332
2433
|
args: [{
|
|
2333
2434
|
selector: '[euimSliderInfoScreenContent]',
|
|
@@ -2344,10 +2445,10 @@ class EuimSliderInfoScreenTitleDirective {
|
|
|
2344
2445
|
constructor() {
|
|
2345
2446
|
this.className = 'euim-slider-info-screen__title';
|
|
2346
2447
|
}
|
|
2347
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2348
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2448
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2449
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimSliderInfoScreenTitleDirective, selector: "[euimSliderInfoScreenTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
2349
2450
|
}
|
|
2350
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2451
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenTitleDirective, decorators: [{
|
|
2351
2452
|
type: Directive,
|
|
2352
2453
|
args: [{
|
|
2353
2454
|
selector: '[euimSliderInfoScreenTitle]',
|
|
@@ -2361,10 +2462,10 @@ class EuimSliderInfoScreenSubTitleDirective {
|
|
|
2361
2462
|
constructor() {
|
|
2362
2463
|
this.className = 'euim-slider-info-screen__sub-title';
|
|
2363
2464
|
}
|
|
2364
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2365
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2465
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenSubTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2466
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimSliderInfoScreenSubTitleDirective, selector: "[euimSliderInfoScreenSubTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
2366
2467
|
}
|
|
2367
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2468
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenSubTitleDirective, decorators: [{
|
|
2368
2469
|
type: Directive,
|
|
2369
2470
|
args: [{
|
|
2370
2471
|
selector: '[euimSliderInfoScreenSubTitle]',
|
|
@@ -2382,8 +2483,8 @@ const COMPONENTS$5 = [
|
|
|
2382
2483
|
EuimSliderInfoScreenSubTitleDirective,
|
|
2383
2484
|
];
|
|
2384
2485
|
class EuimSliderInfoScreenModule {
|
|
2385
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2386
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2486
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2487
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenModule, declarations: [EuimSliderInfoScreenComponent,
|
|
2387
2488
|
EuimSlideInfoScreenComponent,
|
|
2388
2489
|
EuimSliderInfoScreenContentDirective,
|
|
2389
2490
|
EuimSliderInfoScreenTitleDirective,
|
|
@@ -2394,11 +2495,11 @@ class EuimSliderInfoScreenModule {
|
|
|
2394
2495
|
EuimSliderInfoScreenContentDirective,
|
|
2395
2496
|
EuimSliderInfoScreenTitleDirective,
|
|
2396
2497
|
EuimSliderInfoScreenSubTitleDirective] }); }
|
|
2397
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2498
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenModule, imports: [CommonModule,
|
|
2398
2499
|
IonicModule,
|
|
2399
2500
|
TranslateModule] }); }
|
|
2400
2501
|
}
|
|
2401
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2502
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSliderInfoScreenModule, decorators: [{
|
|
2402
2503
|
type: NgModule,
|
|
2403
2504
|
args: [{
|
|
2404
2505
|
imports: [
|
|
@@ -2423,10 +2524,10 @@ class EuimChipSelectorItemDirective {
|
|
|
2423
2524
|
this.euimChipSelectorAll = false;
|
|
2424
2525
|
this.className = 'euim-chip-selector__item';
|
|
2425
2526
|
}
|
|
2426
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2427
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "
|
|
2527
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimChipSelectorItemDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2528
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.10", type: EuimChipSelectorItemDirective, selector: "[euimChipSelectorItem]", inputs: { id: ["id", "id", numberAttribute], euimChipSelectorAll: ["euimChipSelectorAll", "euimChipSelectorAll", booleanAttribute] }, host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
2428
2529
|
}
|
|
2429
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2530
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimChipSelectorItemDirective, decorators: [{
|
|
2430
2531
|
type: Directive,
|
|
2431
2532
|
args: [{
|
|
2432
2533
|
selector: '[euimChipSelectorItem]',
|
|
@@ -2714,12 +2815,12 @@ class EuimChipSelectorComponent {
|
|
|
2714
2815
|
return data;
|
|
2715
2816
|
return data.filter(item => multipleFilterConditions.includes(item.filterId));
|
|
2716
2817
|
}
|
|
2717
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2718
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2818
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimChipSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2819
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", 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 }); }
|
|
2719
2820
|
}
|
|
2720
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2821
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimChipSelectorComponent, decorators: [{
|
|
2721
2822
|
type: Component,
|
|
2722
|
-
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-
|
|
2823
|
+
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"] }]
|
|
2723
2824
|
}], propDecorators: { backgroundColor: [{
|
|
2724
2825
|
type: Input
|
|
2725
2826
|
}], color: [{
|
|
@@ -2768,17 +2869,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
2768
2869
|
}] } });
|
|
2769
2870
|
|
|
2770
2871
|
class EuimChipSelectorComponentModule {
|
|
2771
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2772
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2872
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimChipSelectorComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2873
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimChipSelectorComponentModule, declarations: [EuimChipSelectorComponent,
|
|
2773
2874
|
EuimChipSelectorItemDirective], imports: [CommonModule,
|
|
2774
2875
|
IonicModule,
|
|
2775
2876
|
EuimScrollerXComponentModule], exports: [EuimChipSelectorComponent,
|
|
2776
2877
|
EuimChipSelectorItemDirective] }); }
|
|
2777
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2878
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimChipSelectorComponentModule, imports: [CommonModule,
|
|
2778
2879
|
IonicModule,
|
|
2779
2880
|
EuimScrollerXComponentModule] }); }
|
|
2780
2881
|
}
|
|
2781
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2882
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimChipSelectorComponentModule, decorators: [{
|
|
2782
2883
|
type: NgModule,
|
|
2783
2884
|
args: [{
|
|
2784
2885
|
imports: [
|
|
@@ -2820,10 +2921,10 @@ class EuimSkeletonListItemComponent {
|
|
|
2820
2921
|
.join(' ')
|
|
2821
2922
|
.trim();
|
|
2822
2923
|
}
|
|
2823
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2824
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2924
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonListItemComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2925
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", 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: i3.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i3.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i3.IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }, { kind: "component", type: i3.IonThumbnail, selector: "ion-thumbnail" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2825
2926
|
}
|
|
2826
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2927
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonListItemComponent, decorators: [{
|
|
2827
2928
|
type: Component,
|
|
2828
2929
|
args: [{ selector: 'euim-skeleton-list-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
2829
2930
|
{
|
|
@@ -2833,7 +2934,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
2833
2934
|
'euimSizeL',
|
|
2834
2935
|
],
|
|
2835
2936
|
},
|
|
2836
|
-
], 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-
|
|
2937
|
+
], 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"] }]
|
|
2837
2938
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
2838
2939
|
type: HostBinding,
|
|
2839
2940
|
args: ['class']
|
|
@@ -2868,13 +2969,13 @@ const COMPONENTS$4 = [
|
|
|
2868
2969
|
EuimSkeletonListItemComponent,
|
|
2869
2970
|
];
|
|
2870
2971
|
class EuimSkeletonListItemModule {
|
|
2871
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2872
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2972
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2973
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonListItemModule, declarations: [EuimSkeletonListItemComponent], imports: [CommonModule,
|
|
2873
2974
|
IonicModule], exports: [EuimSkeletonListItemComponent] }); }
|
|
2874
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2975
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonListItemModule, imports: [CommonModule,
|
|
2875
2976
|
IonicModule] }); }
|
|
2876
2977
|
}
|
|
2877
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2978
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonListItemModule, decorators: [{
|
|
2878
2979
|
type: NgModule,
|
|
2879
2980
|
args: [{
|
|
2880
2981
|
imports: [
|
|
@@ -2914,10 +3015,10 @@ class EuimSkeletonListComponent {
|
|
|
2914
3015
|
get itemsArray() {
|
|
2915
3016
|
return Array.from({ length: this.items });
|
|
2916
3017
|
}
|
|
2917
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2918
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3018
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3019
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", 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 }); }
|
|
2919
3020
|
}
|
|
2920
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3021
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonListComponent, decorators: [{
|
|
2921
3022
|
type: Component,
|
|
2922
3023
|
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" }]
|
|
2923
3024
|
}], propDecorators: { items: [{
|
|
@@ -2931,15 +3032,15 @@ const COMPONENTS$3 = [
|
|
|
2931
3032
|
EuimSkeletonListComponent,
|
|
2932
3033
|
];
|
|
2933
3034
|
class EuimSkeletonListModule {
|
|
2934
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2935
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3035
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3036
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonListModule, declarations: [EuimSkeletonListComponent], imports: [CommonModule,
|
|
2936
3037
|
IonicModule,
|
|
2937
3038
|
EuimSkeletonListItemModule], exports: [EuimSkeletonListComponent] }); }
|
|
2938
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3039
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonListModule, imports: [CommonModule,
|
|
2939
3040
|
IonicModule,
|
|
2940
3041
|
EuimSkeletonListItemModule] }); }
|
|
2941
3042
|
}
|
|
2942
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3043
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonListModule, decorators: [{
|
|
2943
3044
|
type: NgModule,
|
|
2944
3045
|
args: [{
|
|
2945
3046
|
imports: [
|
|
@@ -3013,12 +3114,12 @@ class EuimMultiselectComponent {
|
|
|
3013
3114
|
this.initialDataProvider = changes['currentDataProvider']?.currentValue;
|
|
3014
3115
|
}
|
|
3015
3116
|
}
|
|
3016
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3017
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3117
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMultiselectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3118
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", 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: i3.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i3.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3018
3119
|
}
|
|
3019
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3120
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMultiselectComponent, decorators: [{
|
|
3020
3121
|
type: Component,
|
|
3021
|
-
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-
|
|
3122
|
+
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"] }]
|
|
3022
3123
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { className: [{
|
|
3023
3124
|
type: HostBinding,
|
|
3024
3125
|
args: ['class']
|
|
@@ -3079,12 +3180,12 @@ class EuimMultiselectFilterComponent {
|
|
|
3079
3180
|
this.multiselect.numberOfSelected = this.multiselect.countSelectedItems();
|
|
3080
3181
|
}
|
|
3081
3182
|
}
|
|
3082
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3083
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3183
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMultiselectFilterComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3184
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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: i3.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: i3.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3084
3185
|
}
|
|
3085
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3186
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMultiselectFilterComponent, decorators: [{
|
|
3086
3187
|
type: Component,
|
|
3087
|
-
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-
|
|
3188
|
+
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"] }]
|
|
3088
3189
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
3089
3190
|
type: HostBinding,
|
|
3090
3191
|
args: ['class']
|
|
@@ -3113,10 +3214,10 @@ class EuimMultiselectAllDirective {
|
|
|
3113
3214
|
get checked() {
|
|
3114
3215
|
return this.euimMulti.selectAll;
|
|
3115
3216
|
}
|
|
3116
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3117
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3217
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMultiselectAllDirective, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3218
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimMultiselectAllDirective, selector: "[euimMultiselectAll]", host: { listeners: { "ionChange": "onIonChange($event)" }, properties: { "class": "this.className", "indeterminate": "this.indeterminate", "checked": "this.checked" } }, ngImport: i0 }); }
|
|
3118
3219
|
}
|
|
3119
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3220
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMultiselectAllDirective, decorators: [{
|
|
3120
3221
|
type: Directive,
|
|
3121
3222
|
args: [{
|
|
3122
3223
|
selector: '[euimMultiselectAll]',
|
|
@@ -3140,10 +3241,10 @@ class EuimMultiselectListComponent {
|
|
|
3140
3241
|
this.multiselect = multiselect;
|
|
3141
3242
|
this.className = 'euim-multiselect-list';
|
|
3142
3243
|
}
|
|
3143
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3144
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3244
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMultiselectListComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3245
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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: i3.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3145
3246
|
}
|
|
3146
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3247
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMultiselectListComponent, decorators: [{
|
|
3147
3248
|
type: Component,
|
|
3148
3249
|
args: [{ selector: 'euim-multiselect-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ion-list>\n <ng-content></ng-content>\n</ion-list>\n" }]
|
|
3149
3250
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
@@ -3179,10 +3280,10 @@ class EuimMultiselectSelectFieldDirective {
|
|
|
3179
3280
|
this.euimMulti.numberOfSelected = this.euimMulti.countSelectedItems();
|
|
3180
3281
|
}
|
|
3181
3282
|
}
|
|
3182
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3183
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3283
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMultiselectSelectFieldDirective, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3284
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimMultiselectSelectFieldDirective, selector: "[euimMultiselectSelectField]", inputs: { item: "item" }, host: { listeners: { "ionChange": "onIonChange($event)" }, properties: { "class": "this.className", "item": "this.item" } }, ngImport: i0 }); }
|
|
3184
3285
|
}
|
|
3185
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3286
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMultiselectSelectFieldDirective, decorators: [{
|
|
3186
3287
|
type: Directive,
|
|
3187
3288
|
args: [{
|
|
3188
3289
|
selector: '[euimMultiselectSelectField]',
|
|
@@ -3209,12 +3310,12 @@ class EuimMultiselectInfoComponent {
|
|
|
3209
3310
|
ngAfterContentChecked() {
|
|
3210
3311
|
this.ref.detectChanges();
|
|
3211
3312
|
}
|
|
3212
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3213
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3313
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMultiselectInfoComponent, deps: [{ token: EuimMultiselectComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3314
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", 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: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3214
3315
|
}
|
|
3215
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3316
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMultiselectInfoComponent, decorators: [{
|
|
3216
3317
|
type: Component,
|
|
3217
|
-
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:
|
|
3318
|
+
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"] }]
|
|
3218
3319
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }, { type: i0.ChangeDetectorRef }], propDecorators: { className: [{
|
|
3219
3320
|
type: HostBinding,
|
|
3220
3321
|
args: ['class']
|
|
@@ -3235,10 +3336,10 @@ class EuimMultiselectToolbarComponent {
|
|
|
3235
3336
|
onCancelClick() {
|
|
3236
3337
|
this.cancel.emit(true);
|
|
3237
3338
|
}
|
|
3238
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3239
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3339
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMultiselectToolbarComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3340
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", 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: i3.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: i3.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 }); }
|
|
3240
3341
|
}
|
|
3241
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3342
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMultiselectToolbarComponent, decorators: [{
|
|
3242
3343
|
type: Component,
|
|
3243
3344
|
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" }]
|
|
3244
3345
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
@@ -3265,8 +3366,8 @@ const COMPONENTS$2 = [
|
|
|
3265
3366
|
EuimMultiselectToolbarComponent,
|
|
3266
3367
|
];
|
|
3267
3368
|
class EuimMultiselectModule {
|
|
3268
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3269
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3369
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMultiselectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3370
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimMultiselectModule, declarations: [EuimMultiselectComponent,
|
|
3270
3371
|
EuimMultiselectFilterComponent,
|
|
3271
3372
|
EuimMultiselectListComponent,
|
|
3272
3373
|
EuimMultiselectInfoComponent,
|
|
@@ -3285,7 +3386,7 @@ class EuimMultiselectModule {
|
|
|
3285
3386
|
EuimMultiselectSelectFieldDirective,
|
|
3286
3387
|
EuimMultiselectAllDirective,
|
|
3287
3388
|
EuimMultiselectToolbarComponent] }); }
|
|
3288
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3389
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMultiselectModule, imports: [CommonModule,
|
|
3289
3390
|
IonicModule,
|
|
3290
3391
|
EuimSkeletonListItemModule,
|
|
3291
3392
|
EuimToolbarComponentModule,
|
|
@@ -3293,7 +3394,7 @@ class EuimMultiselectModule {
|
|
|
3293
3394
|
EuimEmptyListPlaceholderModule,
|
|
3294
3395
|
TranslateModule] }); }
|
|
3295
3396
|
}
|
|
3296
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3397
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMultiselectModule, decorators: [{
|
|
3297
3398
|
type: NgModule,
|
|
3298
3399
|
args: [{
|
|
3299
3400
|
imports: [
|
|
@@ -3433,12 +3534,12 @@ class EuimPdfViewerComponent {
|
|
|
3433
3534
|
return throwError(() => err);
|
|
3434
3535
|
}));
|
|
3435
3536
|
}
|
|
3436
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3437
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3537
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimPdfViewerComponent, deps: [{ token: i3.AlertController }, { token: i2$2.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3538
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", 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: i3.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: i3.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i3.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i3$1.PdfViewerComponent, selector: "pdf-viewer", inputs: ["src", "c-maps-url", "page", "render-text", "render-text-mode", "original-size", "show-all", "stick-to-page", "zoom", "zoom-scale", "rotation", "external-link-target", "autoresize", "fit-to-page", "show-borders"], outputs: ["after-load-complete", "page-rendered", "pages-initialized", "text-layer-rendered", "error", "on-progress", "pageChange"] }, { kind: "component", type: i4.PinchZoomComponent, selector: "pinch-zoom, [pinch-zoom]", inputs: ["properties", "transition-duration", "transitionDuration", "double-tap", "doubleTap", "double-tap-scale", "doubleTapScale", "auto-zoom-out", "autoZoomOut", "limit-zoom", "limitZoom", "disabled", "disablePan", "overflow", "zoomControlScale", "disableZoomControl", "backgroundColor", "limitPan", "minPanScale", "minScale", "listeners", "wheel", "autoHeight", "stepZoomFactor", "wheelZoomFactor", "draggableImage"], outputs: ["onZoomChange"], exportAs: ["pinchZoom"] }, { kind: "component", type: EuimSpinnerComponent, selector: "euim-spinner" }, { kind: "component", type: EuimSpinnerMessageComponent, selector: "[euimSpinnerMessage]" }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3438
3539
|
}
|
|
3439
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3540
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimPdfViewerComponent, decorators: [{
|
|
3440
3541
|
type: Component,
|
|
3441
|
-
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\"
|
|
3542
|
+
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"] }]
|
|
3442
3543
|
}], ctorParameters: () => [{ type: i3.AlertController }, { type: i2$2.HttpClient }], propDecorators: { url: [{
|
|
3443
3544
|
type: Input
|
|
3444
3545
|
}], page: [{
|
|
@@ -3452,15 +3553,15 @@ const COMPONENTS$1 = [
|
|
|
3452
3553
|
EuimPdfViewerComponent,
|
|
3453
3554
|
];
|
|
3454
3555
|
class EuimPdfViewerModule {
|
|
3455
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3456
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3556
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimPdfViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3557
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimPdfViewerModule, declarations: [EuimPdfViewerComponent], imports: [CommonModule,
|
|
3457
3558
|
IonicModule,
|
|
3458
3559
|
PdfViewerModule,
|
|
3459
3560
|
PinchZoomModule,
|
|
3460
3561
|
EuimSpinnerComponentModule,
|
|
3461
3562
|
TranslateModule,
|
|
3462
3563
|
HttpClientModule], exports: [EuimPdfViewerComponent] }); }
|
|
3463
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3564
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimPdfViewerModule, imports: [CommonModule,
|
|
3464
3565
|
IonicModule,
|
|
3465
3566
|
PdfViewerModule,
|
|
3466
3567
|
PinchZoomModule,
|
|
@@ -3468,7 +3569,7 @@ class EuimPdfViewerModule {
|
|
|
3468
3569
|
TranslateModule,
|
|
3469
3570
|
HttpClientModule] }); }
|
|
3470
3571
|
}
|
|
3471
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3572
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimPdfViewerModule, decorators: [{
|
|
3472
3573
|
type: NgModule,
|
|
3473
3574
|
args: [{
|
|
3474
3575
|
imports: [
|
|
@@ -3506,12 +3607,12 @@ class EuimAboutComponent {
|
|
|
3506
3607
|
toggleQRCode() {
|
|
3507
3608
|
this.showCode = !this.showCode;
|
|
3508
3609
|
}
|
|
3509
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3510
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3610
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3611
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", 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: i3.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i3.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i3.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: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3511
3612
|
}
|
|
3512
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3613
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAboutComponent, decorators: [{
|
|
3513
3614
|
type: Component,
|
|
3514
|
-
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:
|
|
3615
|
+
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"] }]
|
|
3515
3616
|
}], propDecorators: { version: [{
|
|
3516
3617
|
type: Input
|
|
3517
3618
|
}], releaseDate: [{
|
|
@@ -3528,12 +3629,12 @@ class EuimChangelogComponent {
|
|
|
3528
3629
|
constructor() {
|
|
3529
3630
|
this.changeLogs = [];
|
|
3530
3631
|
}
|
|
3531
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3532
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3632
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimChangelogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3633
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", 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: i3.IonAccordion, selector: "ion-accordion", inputs: ["disabled", "mode", "readonly", "toggleIcon", "toggleIconSlot", "value"] }, { kind: "component", type: i3.IonAccordionGroup, selector: "ion-accordion-group", inputs: ["animated", "disabled", "expand", "mode", "multiple", "readonly", "value"] }, { kind: "component", type: i3.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i3.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i3.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i3.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i3.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i3.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: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3533
3634
|
}
|
|
3534
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3635
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimChangelogComponent, decorators: [{
|
|
3535
3636
|
type: Component,
|
|
3536
|
-
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:
|
|
3637
|
+
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"] }]
|
|
3537
3638
|
}], propDecorators: { changeLogs: [{
|
|
3538
3639
|
type: Input
|
|
3539
3640
|
}] } });
|
|
@@ -3541,18 +3642,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
3541
3642
|
class EuimHelpSupportComponent {
|
|
3542
3643
|
constructor(router) {
|
|
3543
3644
|
this.router = router;
|
|
3544
|
-
/**
|
|
3545
|
-
* @deprecated will be removed in eUI Mobile v18. Please use {@link helpAndSupportItems} instead
|
|
3546
|
-
*/
|
|
3547
|
-
this.helpContacts = { contacts: [] };
|
|
3548
|
-
/**
|
|
3549
|
-
* @deprecated will be removed in eUI Mobile v18. Please use {@link helpAndSupportItems} instead
|
|
3550
|
-
*/
|
|
3551
|
-
this.supportMaterials = { materials: [] };
|
|
3552
|
-
/**
|
|
3553
|
-
* @deprecated will be removed in eUI Mobile v18
|
|
3554
|
-
*/
|
|
3555
|
-
this.alertInfos = {};
|
|
3556
3645
|
this.helpAndSupportItems = [];
|
|
3557
3646
|
this.className = 'euim-help-support';
|
|
3558
3647
|
}
|
|
@@ -3596,19 +3685,13 @@ class EuimHelpSupportComponent {
|
|
|
3596
3685
|
}
|
|
3597
3686
|
return '_blank';
|
|
3598
3687
|
}
|
|
3599
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3600
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3688
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimHelpSupportComponent, deps: [{ token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3689
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", type: EuimHelpSupportComponent, selector: "euim-help-support", inputs: { 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 <ng-content select=\"[headerSection]\"></ng-content>\n</ion-header>\n\n@if (helpAndSupportItems.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 </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: i3.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: i3.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i3.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i3.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i3.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i3.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i3.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: "pipe", type: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3601
3690
|
}
|
|
3602
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3691
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimHelpSupportComponent, decorators: [{
|
|
3603
3692
|
type: Component,
|
|
3604
|
-
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
|
|
3605
|
-
}], ctorParameters: () => [{ type: i1$1.Router }], propDecorators: {
|
|
3606
|
-
type: Input
|
|
3607
|
-
}], supportMaterials: [{
|
|
3608
|
-
type: Input
|
|
3609
|
-
}], alertInfos: [{
|
|
3610
|
-
type: Input
|
|
3611
|
-
}], helpAndSupportItems: [{
|
|
3693
|
+
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 <ng-content select=\"[headerSection]\"></ng-content>\n</ion-header>\n\n@if (helpAndSupportItems.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 </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"] }]
|
|
3694
|
+
}], ctorParameters: () => [{ type: i1$1.Router }], propDecorators: { helpAndSupportItems: [{
|
|
3612
3695
|
type: Input
|
|
3613
3696
|
}], className: [{
|
|
3614
3697
|
type: HostBinding,
|
|
@@ -3623,12 +3706,12 @@ class EuimOpenSourceLicencesComponent {
|
|
|
3623
3706
|
emitItemClick(itemName) {
|
|
3624
3707
|
this.clickItem.emit([itemName]);
|
|
3625
3708
|
}
|
|
3626
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3627
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3709
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimOpenSourceLicencesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3710
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", 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: i3.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i3.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i3.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: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3628
3711
|
}
|
|
3629
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3712
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimOpenSourceLicencesComponent, decorators: [{
|
|
3630
3713
|
type: Component,
|
|
3631
|
-
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-
|
|
3714
|
+
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"] }]
|
|
3632
3715
|
}], propDecorators: { items: [{
|
|
3633
3716
|
type: Input
|
|
3634
3717
|
}], clickItem: [{
|
|
@@ -3643,12 +3726,12 @@ class EuimAboutContentLoadingComponent {
|
|
|
3643
3726
|
ngOnInit() {
|
|
3644
3727
|
this.sanitizedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.webUrl);
|
|
3645
3728
|
}
|
|
3646
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3647
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3729
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAboutContentLoadingComponent, deps: [{ token: i1$2.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3730
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", 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: i3.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i3.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i3.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 }); }
|
|
3648
3731
|
}
|
|
3649
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3732
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAboutContentLoadingComponent, decorators: [{
|
|
3650
3733
|
type: Component,
|
|
3651
|
-
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-
|
|
3734
|
+
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"] }]
|
|
3652
3735
|
}], ctorParameters: () => [{ type: i1$2.DomSanitizer }], propDecorators: { webUrl: [{
|
|
3653
3736
|
type: Input
|
|
3654
3737
|
}], toolbarTitle: [{
|
|
@@ -3663,8 +3746,8 @@ const COMPONENTS = [
|
|
|
3663
3746
|
EuimAboutContentLoadingComponent,
|
|
3664
3747
|
];
|
|
3665
3748
|
class EuimAboutModule {
|
|
3666
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3667
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3749
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3750
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimAboutModule, declarations: [EuimAboutComponent,
|
|
3668
3751
|
EuimChangelogComponent,
|
|
3669
3752
|
EuimOpenSourceLicencesComponent,
|
|
3670
3753
|
EuimHelpSupportComponent,
|
|
@@ -3674,7 +3757,7 @@ class EuimAboutModule {
|
|
|
3674
3757
|
EuimToolbarComponentModule,
|
|
3675
3758
|
EuimHeaderDetailsModule,
|
|
3676
3759
|
EuimLabelModule,
|
|
3677
|
-
|
|
3760
|
+
EuimAvatarModule,
|
|
3678
3761
|
EuimAlertMessageModule,
|
|
3679
3762
|
PinchZoomModule,
|
|
3680
3763
|
TranslateModule,
|
|
@@ -3683,19 +3766,19 @@ class EuimAboutModule {
|
|
|
3683
3766
|
EuimOpenSourceLicencesComponent,
|
|
3684
3767
|
EuimHelpSupportComponent,
|
|
3685
3768
|
EuimAboutContentLoadingComponent] }); }
|
|
3686
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3769
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAboutModule, imports: [CommonModule,
|
|
3687
3770
|
IonicModule,
|
|
3688
3771
|
QRCodeModule,
|
|
3689
3772
|
EuimToolbarComponentModule,
|
|
3690
3773
|
EuimHeaderDetailsModule,
|
|
3691
3774
|
EuimLabelModule,
|
|
3692
|
-
|
|
3775
|
+
EuimAvatarModule,
|
|
3693
3776
|
EuimAlertMessageModule,
|
|
3694
3777
|
PinchZoomModule,
|
|
3695
3778
|
TranslateModule,
|
|
3696
3779
|
RouterModule] }); }
|
|
3697
3780
|
}
|
|
3698
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3781
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAboutModule, decorators: [{
|
|
3699
3782
|
type: NgModule,
|
|
3700
3783
|
args: [{
|
|
3701
3784
|
imports: [
|
|
@@ -3705,7 +3788,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
3705
3788
|
EuimToolbarComponentModule,
|
|
3706
3789
|
EuimHeaderDetailsModule,
|
|
3707
3790
|
EuimLabelModule,
|
|
3708
|
-
|
|
3791
|
+
EuimAvatarModule,
|
|
3709
3792
|
EuimAlertMessageModule,
|
|
3710
3793
|
PinchZoomModule,
|
|
3711
3794
|
TranslateModule,
|
|
@@ -3824,10 +3907,10 @@ class EuimToolbarDatepickerComponent {
|
|
|
3824
3907
|
formatDateAndWeekDay() {
|
|
3825
3908
|
this.weekDayName = this.weekdays[this.currentDate.getDay()];
|
|
3826
3909
|
}
|
|
3827
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3828
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3910
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarDatepickerComponent, deps: [{ token: BaseStatesDirective }, { token: i2.TranslateService }, { token: i3.ModalController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3911
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.10", 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:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}\n"], dependencies: [{ kind: "component", type: i3.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: i3.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i3.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: i3.IonDatetimeButton, selector: "ion-datetime-button", inputs: ["color", "datetime", "disabled", "mode"] }, { kind: "component", type: i3.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i3.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i3.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i3.IonModal, selector: "ion-modal" }, { kind: "directive", type: i3.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 }); }
|
|
3829
3912
|
}
|
|
3830
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3913
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarDatepickerComponent, decorators: [{
|
|
3831
3914
|
type: Component,
|
|
3832
3915
|
args: [{ selector: 'euim-toolbar-datepicker', encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
3833
3916
|
{
|
|
@@ -3836,7 +3919,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
3836
3919
|
'color',
|
|
3837
3920
|
],
|
|
3838
3921
|
},
|
|
3839
|
-
], template: "<ion-item class=\"euim-toolbar-datepicker__item\"\n color=\"primary\">\n <euim-avatar
|
|
3922
|
+
], 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:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}\n"] }]
|
|
3840
3923
|
}], ctorParameters: () => [{ type: BaseStatesDirective }, { type: i2.TranslateService }, { type: i3.ModalController }], propDecorators: { icon: [{
|
|
3841
3924
|
type: Input
|
|
3842
3925
|
}], title: [{
|
|
@@ -3892,10 +3975,10 @@ class EuimToolbarDatepickerDatetimeDirective {
|
|
|
3892
3975
|
this.value = item.toISOString();
|
|
3893
3976
|
});
|
|
3894
3977
|
}
|
|
3895
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3896
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3978
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarDatepickerDatetimeDirective, deps: [{ token: EuimToolbarDatepickerComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3979
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", 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 }); }
|
|
3897
3980
|
}
|
|
3898
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3981
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarDatepickerDatetimeDirective, decorators: [{
|
|
3899
3982
|
type: Directive,
|
|
3900
3983
|
args: [{
|
|
3901
3984
|
selector: '[euimToolbarDatepickerDatetime]',
|
|
@@ -3939,30 +4022,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
3939
4022
|
}] } });
|
|
3940
4023
|
|
|
3941
4024
|
class EuimToolbarDatepickerModule {
|
|
3942
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3943
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4025
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4026
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarDatepickerModule, declarations: [EuimToolbarDatepickerComponent,
|
|
3944
4027
|
EuimToolbarDatepickerDatetimeDirective], imports: [CommonModule,
|
|
3945
4028
|
IonicModule,
|
|
3946
4029
|
TranslateModule,
|
|
3947
|
-
|
|
4030
|
+
EuimAvatarModule,
|
|
3948
4031
|
EuimLabelModule,
|
|
3949
4032
|
FormsModule], exports: [EuimToolbarDatepickerComponent,
|
|
3950
4033
|
EuimToolbarDatepickerDatetimeDirective] }); }
|
|
3951
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4034
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarDatepickerModule, imports: [CommonModule,
|
|
3952
4035
|
IonicModule,
|
|
3953
4036
|
TranslateModule,
|
|
3954
|
-
|
|
4037
|
+
EuimAvatarModule,
|
|
3955
4038
|
EuimLabelModule,
|
|
3956
4039
|
FormsModule] }); }
|
|
3957
4040
|
}
|
|
3958
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4041
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarDatepickerModule, decorators: [{
|
|
3959
4042
|
type: NgModule,
|
|
3960
4043
|
args: [{
|
|
3961
4044
|
imports: [
|
|
3962
4045
|
CommonModule,
|
|
3963
4046
|
IonicModule,
|
|
3964
4047
|
TranslateModule,
|
|
3965
|
-
|
|
4048
|
+
EuimAvatarModule,
|
|
3966
4049
|
EuimLabelModule,
|
|
3967
4050
|
FormsModule,
|
|
3968
4051
|
],
|
|
@@ -3981,10 +4064,10 @@ class EuimReadOnlyFormLabelDirective {
|
|
|
3981
4064
|
constructor() {
|
|
3982
4065
|
this.className = 'euim-read-only-form__label';
|
|
3983
4066
|
}
|
|
3984
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3985
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4067
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimReadOnlyFormLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4068
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimReadOnlyFormLabelDirective, isStandalone: true, selector: "[euimReadOnlyFormLabel]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
3986
4069
|
}
|
|
3987
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4070
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimReadOnlyFormLabelDirective, decorators: [{
|
|
3988
4071
|
type: Directive,
|
|
3989
4072
|
args: [{
|
|
3990
4073
|
selector: '[euimReadOnlyFormLabel]',
|
|
@@ -3999,10 +4082,10 @@ class EuimReadOnlyFormValueDirective {
|
|
|
3999
4082
|
constructor() {
|
|
4000
4083
|
this.className = 'euim-read-only-form__value';
|
|
4001
4084
|
}
|
|
4002
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4003
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4085
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimReadOnlyFormValueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4086
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimReadOnlyFormValueDirective, isStandalone: true, selector: "[euimReadOnlyFormValue]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4004
4087
|
}
|
|
4005
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4088
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimReadOnlyFormValueDirective, decorators: [{
|
|
4006
4089
|
type: Directive,
|
|
4007
4090
|
args: [{
|
|
4008
4091
|
selector: '[euimReadOnlyFormValue]',
|
|
@@ -4017,10 +4100,10 @@ class EuimReadOnlyFormDirective {
|
|
|
4017
4100
|
constructor() {
|
|
4018
4101
|
this.className = 'euim-read-only-form';
|
|
4019
4102
|
}
|
|
4020
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4021
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4103
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimReadOnlyFormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4104
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimReadOnlyFormDirective, isStandalone: true, selector: "[euimReadOnlyForm]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4022
4105
|
}
|
|
4023
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimReadOnlyFormDirective, decorators: [{
|
|
4024
4107
|
type: Directive,
|
|
4025
4108
|
args: [{
|
|
4026
4109
|
selector: '[euimReadOnlyForm]',
|
|
@@ -4041,10 +4124,10 @@ class EuimDividerDirective {
|
|
|
4041
4124
|
this.lines ? `${rootClass}--lines-${this.lines}` : '',
|
|
4042
4125
|
].join(' ').trim();
|
|
4043
4126
|
}
|
|
4044
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4045
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4127
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimDividerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4128
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimDividerDirective, selector: "[euimDivider]", inputs: { lines: "lines" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
|
|
4046
4129
|
}
|
|
4047
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4130
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimDividerDirective, decorators: [{
|
|
4048
4131
|
type: Directive,
|
|
4049
4132
|
args: [{
|
|
4050
4133
|
selector: '[euimDivider]',
|
|
@@ -4057,13 +4140,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
4057
4140
|
}] } });
|
|
4058
4141
|
|
|
4059
4142
|
class EuimDividerModule {
|
|
4060
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4061
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4143
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4144
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimDividerModule, declarations: [EuimDividerDirective], imports: [CommonModule,
|
|
4062
4145
|
IonicModule], exports: [EuimDividerDirective] }); }
|
|
4063
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4146
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimDividerModule, imports: [CommonModule,
|
|
4064
4147
|
IonicModule] }); }
|
|
4065
4148
|
}
|
|
4066
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4149
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimDividerModule, decorators: [{
|
|
4067
4150
|
type: NgModule,
|
|
4068
4151
|
args: [{
|
|
4069
4152
|
imports: [
|
|
@@ -4089,10 +4172,10 @@ class EuimListHeaderDirective {
|
|
|
4089
4172
|
this.border ? `${rootClass}--border-${this.border}` : '',
|
|
4090
4173
|
].join(' ').trim();
|
|
4091
4174
|
}
|
|
4092
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4093
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4175
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimListHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4176
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimListHeaderDirective, selector: "[euimListHeader]", inputs: { border: "border" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
|
|
4094
4177
|
}
|
|
4095
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4178
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimListHeaderDirective, decorators: [{
|
|
4096
4179
|
type: Directive,
|
|
4097
4180
|
args: [{
|
|
4098
4181
|
selector: '[euimListHeader]',
|
|
@@ -4105,13 +4188,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
4105
4188
|
}] } });
|
|
4106
4189
|
|
|
4107
4190
|
class EuimListHeaderModule {
|
|
4108
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4109
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4191
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimListHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4192
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimListHeaderModule, declarations: [EuimListHeaderDirective], imports: [CommonModule,
|
|
4110
4193
|
IonicModule], exports: [EuimListHeaderDirective] }); }
|
|
4111
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4194
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimListHeaderModule, imports: [CommonModule,
|
|
4112
4195
|
IonicModule] }); }
|
|
4113
4196
|
}
|
|
4114
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4197
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimListHeaderModule, decorators: [{
|
|
4115
4198
|
type: NgModule,
|
|
4116
4199
|
args: [{
|
|
4117
4200
|
imports: [
|
|
@@ -4131,10 +4214,10 @@ class EuimAlignCenterDirective {
|
|
|
4131
4214
|
constructor() {
|
|
4132
4215
|
this.className = 'euim-align-center';
|
|
4133
4216
|
}
|
|
4134
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4135
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4217
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAlignCenterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4218
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimAlignCenterDirective, isStandalone: true, selector: "[euimAlignCenter]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4136
4219
|
}
|
|
4137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4220
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAlignCenterDirective, decorators: [{
|
|
4138
4221
|
type: Directive,
|
|
4139
4222
|
args: [{
|
|
4140
4223
|
selector: '[euimAlignCenter]',
|
|
@@ -4149,10 +4232,10 @@ class EuimAlignTopDirective {
|
|
|
4149
4232
|
constructor() {
|
|
4150
4233
|
this.className = 'euim-align-top';
|
|
4151
4234
|
}
|
|
4152
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4153
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4235
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAlignTopDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4236
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimAlignTopDirective, isStandalone: true, selector: "[euimAlignTop]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4154
4237
|
}
|
|
4155
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4238
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAlignTopDirective, decorators: [{
|
|
4156
4239
|
type: Directive,
|
|
4157
4240
|
args: [{
|
|
4158
4241
|
selector: '[euimAlignTop]',
|
|
@@ -4167,10 +4250,10 @@ class EuimToolbarTransparentDirective {
|
|
|
4167
4250
|
constructor() {
|
|
4168
4251
|
this.className = 'euim-toolbar--transparent';
|
|
4169
4252
|
}
|
|
4170
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4171
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4253
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarTransparentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4254
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimToolbarTransparentDirective, isStandalone: true, selector: "[euimToolbarTransparent]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4172
4255
|
}
|
|
4173
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4256
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimToolbarTransparentDirective, decorators: [{
|
|
4174
4257
|
type: Directive,
|
|
4175
4258
|
args: [{
|
|
4176
4259
|
selector: '[euimToolbarTransparent]',
|
|
@@ -4188,10 +4271,10 @@ class EuimMinWidthDirective {
|
|
|
4188
4271
|
ngOnInit() {
|
|
4189
4272
|
this.widthVar = this.minWidth;
|
|
4190
4273
|
}
|
|
4191
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4192
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4274
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMinWidthDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4275
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimMinWidthDirective, isStandalone: true, selector: "[euimMinWidth]", inputs: { minWidth: "minWidth" }, host: { properties: { "style.width": "this.widthVar" } }, ngImport: i0 }); }
|
|
4193
4276
|
}
|
|
4194
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4277
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimMinWidthDirective, decorators: [{
|
|
4195
4278
|
type: Directive,
|
|
4196
4279
|
args: [{
|
|
4197
4280
|
selector: '[euimMinWidth]',
|
|
@@ -4208,10 +4291,10 @@ class EuimListItemNoPaddingsDirective {
|
|
|
4208
4291
|
constructor() {
|
|
4209
4292
|
this.className = 'euim-list-item--no-paddings';
|
|
4210
4293
|
}
|
|
4211
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4212
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4294
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimListItemNoPaddingsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4295
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimListItemNoPaddingsDirective, isStandalone: true, selector: "[euimListItemNoPaddings]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4213
4296
|
}
|
|
4214
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4297
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimListItemNoPaddingsDirective, decorators: [{
|
|
4215
4298
|
type: Directive,
|
|
4216
4299
|
args: [{
|
|
4217
4300
|
selector: '[euimListItemNoPaddings]',
|
|
@@ -4226,10 +4309,10 @@ class EuimSidebarFooterNoBordersDirective {
|
|
|
4226
4309
|
constructor() {
|
|
4227
4310
|
this.className = 'euim-sidebar-footer--no-borders';
|
|
4228
4311
|
}
|
|
4229
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4230
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4312
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSidebarFooterNoBordersDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4313
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimSidebarFooterNoBordersDirective, isStandalone: true, selector: "[euimSidebarFooterNoBorders]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4231
4314
|
}
|
|
4232
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4315
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSidebarFooterNoBordersDirective, decorators: [{
|
|
4233
4316
|
type: Directive,
|
|
4234
4317
|
args: [{
|
|
4235
4318
|
selector: '[euimSidebarFooterNoBorders]',
|
|
@@ -4244,10 +4327,10 @@ class EuimSkeletonTextAvatarDirective {
|
|
|
4244
4327
|
constructor() {
|
|
4245
4328
|
this.className = 'euim-skeleton-text-avatar';
|
|
4246
4329
|
}
|
|
4247
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4248
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4330
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonTextAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4331
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.10", type: EuimSkeletonTextAvatarDirective, selector: "[euimSkeletonTextAvatar]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4249
4332
|
}
|
|
4250
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4333
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonTextAvatarDirective, decorators: [{
|
|
4251
4334
|
type: Directive,
|
|
4252
4335
|
args: [{
|
|
4253
4336
|
selector: '[euimSkeletonTextAvatar]',
|
|
@@ -4258,13 +4341,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
4258
4341
|
}] } });
|
|
4259
4342
|
|
|
4260
4343
|
class EuimSkeletonTextAvatarModule {
|
|
4261
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4262
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4344
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonTextAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4345
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonTextAvatarModule, declarations: [EuimSkeletonTextAvatarDirective], imports: [CommonModule,
|
|
4263
4346
|
IonicModule], exports: [EuimSkeletonTextAvatarDirective] }); }
|
|
4264
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4347
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonTextAvatarModule, imports: [CommonModule,
|
|
4265
4348
|
IonicModule] }); }
|
|
4266
4349
|
}
|
|
4267
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4350
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimSkeletonTextAvatarModule, decorators: [{
|
|
4268
4351
|
type: NgModule,
|
|
4269
4352
|
args: [{
|
|
4270
4353
|
imports: [
|
|
@@ -4288,11 +4371,8 @@ const MODULES = [
|
|
|
4288
4371
|
EuimLanguageSelectorModule,
|
|
4289
4372
|
EuimUserProfileModule,
|
|
4290
4373
|
EuimMessageModule,
|
|
4291
|
-
EuimCardModule,
|
|
4292
|
-
EuimCardListModule,
|
|
4293
4374
|
EuimSkeletonListItemModule,
|
|
4294
4375
|
EuimSkeletonListModule,
|
|
4295
|
-
EuimAvatarIconModule,
|
|
4296
4376
|
EuimLabelModule,
|
|
4297
4377
|
EuimAlertMessageModule,
|
|
4298
4378
|
EuimAboutModule,
|
|
@@ -4310,6 +4390,8 @@ const MODULES = [
|
|
|
4310
4390
|
EuimPdfViewerModule,
|
|
4311
4391
|
EuimMultiselectModule,
|
|
4312
4392
|
EuimToolbarDatepickerModule,
|
|
4393
|
+
EuimCardModule,
|
|
4394
|
+
EuimCardListModule,
|
|
4313
4395
|
// Directives
|
|
4314
4396
|
EuimSpinnerComponentModule,
|
|
4315
4397
|
EuimDividerModule,
|
|
@@ -4327,8 +4409,8 @@ const MODULES = [
|
|
|
4327
4409
|
EuimSkeletonTextAvatarModule,
|
|
4328
4410
|
];
|
|
4329
4411
|
class EuimAllModule {
|
|
4330
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4331
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4412
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4413
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.10", ngImport: i0, type: EuimAllModule, imports: [
|
|
4332
4414
|
// Layout
|
|
4333
4415
|
EuimAppModule,
|
|
4334
4416
|
// Components
|
|
@@ -4336,11 +4418,8 @@ class EuimAllModule {
|
|
|
4336
4418
|
EuimLanguageSelectorModule,
|
|
4337
4419
|
EuimUserProfileModule,
|
|
4338
4420
|
EuimMessageModule,
|
|
4339
|
-
EuimCardModule,
|
|
4340
|
-
EuimCardListModule,
|
|
4341
4421
|
EuimSkeletonListItemModule,
|
|
4342
4422
|
EuimSkeletonListModule,
|
|
4343
|
-
EuimAvatarIconModule,
|
|
4344
4423
|
EuimLabelModule,
|
|
4345
4424
|
EuimAlertMessageModule,
|
|
4346
4425
|
EuimAboutModule,
|
|
@@ -4358,6 +4437,8 @@ class EuimAllModule {
|
|
|
4358
4437
|
EuimPdfViewerModule,
|
|
4359
4438
|
EuimMultiselectModule,
|
|
4360
4439
|
EuimToolbarDatepickerModule,
|
|
4440
|
+
EuimCardModule,
|
|
4441
|
+
EuimCardListModule,
|
|
4361
4442
|
// Directives
|
|
4362
4443
|
EuimSpinnerComponentModule,
|
|
4363
4444
|
EuimDividerModule,
|
|
@@ -4380,11 +4461,8 @@ class EuimAllModule {
|
|
|
4380
4461
|
EuimLanguageSelectorModule,
|
|
4381
4462
|
EuimUserProfileModule,
|
|
4382
4463
|
EuimMessageModule,
|
|
4383
|
-
EuimCardModule,
|
|
4384
|
-
EuimCardListModule,
|
|
4385
4464
|
EuimSkeletonListItemModule,
|
|
4386
4465
|
EuimSkeletonListModule,
|
|
4387
|
-
EuimAvatarIconModule,
|
|
4388
4466
|
EuimLabelModule,
|
|
4389
4467
|
EuimAlertMessageModule,
|
|
4390
4468
|
EuimAboutModule,
|
|
@@ -4402,6 +4480,8 @@ class EuimAllModule {
|
|
|
4402
4480
|
EuimPdfViewerModule,
|
|
4403
4481
|
EuimMultiselectModule,
|
|
4404
4482
|
EuimToolbarDatepickerModule,
|
|
4483
|
+
EuimCardModule,
|
|
4484
|
+
EuimCardListModule,
|
|
4405
4485
|
// Directives
|
|
4406
4486
|
EuimSpinnerComponentModule,
|
|
4407
4487
|
EuimDividerModule,
|
|
@@ -4417,7 +4497,7 @@ class EuimAllModule {
|
|
|
4417
4497
|
EuimReadOnlyFormLabelDirective,
|
|
4418
4498
|
EuimMediaHeaderCustomContentDirective,
|
|
4419
4499
|
EuimSkeletonTextAvatarModule] }); }
|
|
4420
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4500
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAllModule, imports: [
|
|
4421
4501
|
// Layout
|
|
4422
4502
|
EuimAppModule,
|
|
4423
4503
|
// Components
|
|
@@ -4425,11 +4505,8 @@ class EuimAllModule {
|
|
|
4425
4505
|
EuimLanguageSelectorModule,
|
|
4426
4506
|
EuimUserProfileModule,
|
|
4427
4507
|
EuimMessageModule,
|
|
4428
|
-
EuimCardModule,
|
|
4429
|
-
EuimCardListModule,
|
|
4430
4508
|
EuimSkeletonListItemModule,
|
|
4431
4509
|
EuimSkeletonListModule,
|
|
4432
|
-
EuimAvatarIconModule,
|
|
4433
4510
|
EuimLabelModule,
|
|
4434
4511
|
EuimAlertMessageModule,
|
|
4435
4512
|
EuimAboutModule,
|
|
@@ -4447,6 +4524,8 @@ class EuimAllModule {
|
|
|
4447
4524
|
EuimPdfViewerModule,
|
|
4448
4525
|
EuimMultiselectModule,
|
|
4449
4526
|
EuimToolbarDatepickerModule,
|
|
4527
|
+
EuimCardModule,
|
|
4528
|
+
EuimCardListModule,
|
|
4450
4529
|
// Directives
|
|
4451
4530
|
EuimSpinnerComponentModule,
|
|
4452
4531
|
EuimDividerModule,
|
|
@@ -4459,11 +4538,8 @@ class EuimAllModule {
|
|
|
4459
4538
|
EuimLanguageSelectorModule,
|
|
4460
4539
|
EuimUserProfileModule,
|
|
4461
4540
|
EuimMessageModule,
|
|
4462
|
-
EuimCardModule,
|
|
4463
|
-
EuimCardListModule,
|
|
4464
4541
|
EuimSkeletonListItemModule,
|
|
4465
4542
|
EuimSkeletonListModule,
|
|
4466
|
-
EuimAvatarIconModule,
|
|
4467
4543
|
EuimLabelModule,
|
|
4468
4544
|
EuimAlertMessageModule,
|
|
4469
4545
|
EuimAboutModule,
|
|
@@ -4481,13 +4557,15 @@ class EuimAllModule {
|
|
|
4481
4557
|
EuimPdfViewerModule,
|
|
4482
4558
|
EuimMultiselectModule,
|
|
4483
4559
|
EuimToolbarDatepickerModule,
|
|
4560
|
+
EuimCardModule,
|
|
4561
|
+
EuimCardListModule,
|
|
4484
4562
|
// Directives
|
|
4485
4563
|
EuimSpinnerComponentModule,
|
|
4486
4564
|
EuimDividerModule,
|
|
4487
4565
|
EuimListHeaderModule,
|
|
4488
4566
|
EuimSkeletonTextAvatarModule] }); }
|
|
4489
4567
|
}
|
|
4490
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4568
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: EuimAllModule, decorators: [{
|
|
4491
4569
|
type: NgModule,
|
|
4492
4570
|
args: [{
|
|
4493
4571
|
imports: [
|
|
@@ -4505,5 +4583,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
|
|
|
4505
4583
|
* Generated bundle index. Do not edit.
|
|
4506
4584
|
*/
|
|
4507
4585
|
|
|
4508
|
-
export { BaseStatesDirective, EuiMUserProfileActionComponent, EuiMUserProfileAvatarComponent, EuiMUserProfileInfosComponent, EuiMUserProfileInfosItemComponent, EuimAboutComponent, EuimAboutContentLoadingComponent, EuimAboutModule, EuimAlertMessageComponent, EuimAlertMessageModule, EuimAlignCenterDirective, EuimAlignTopDirective, EuimAllModule, EuimAppComponent, EuimAppModule, EuimAppService, EuimAvatarComponent, EuimAvatarIconComponent,
|
|
4586
|
+
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 };
|
|
4509
4587
|
//# sourceMappingURL=eui-mobile-core.mjs.map
|