@eui/mobile-core 19.0.0-next.9 → 20.0.0-rc.2
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/CHANGELOG.md +116 -0
- package/docs/changelog.html +165 -0
- package/docs/components/EuiMUserProfileActionComponent.html +0 -4
- package/docs/components/EuiMUserProfileAvatarComponent.html +4 -8
- package/docs/components/EuiMUserProfileInfosComponent.html +4 -8
- package/docs/components/EuiMUserProfileInfosItemComponent.html +4 -8
- package/docs/components/EuimAboutComponent.html +0 -4
- package/docs/components/EuimAboutContentLoadingComponent.html +0 -4
- package/docs/components/EuimAlertMessageComponent.html +0 -4
- package/docs/components/EuimAppComponent.html +0 -4
- package/docs/components/EuimAvatarBadgeComponent.html +4 -8
- package/docs/components/EuimAvatarComponent.html +0 -4
- package/docs/components/EuimAvatarIconComponent.html +4 -8
- package/docs/components/EuimAvatarIconSubComponent.html +4 -8
- package/docs/components/EuimAvatarImageComponent.html +0 -4
- package/docs/components/EuimAvatarTextComponent.html +4 -8
- package/docs/components/EuimBadgeComponent.html +4 -8
- package/docs/components/EuimCardComponent.html +0 -4
- package/docs/components/EuimCardListComponent.html +4 -8
- package/docs/components/EuimChangelogComponent.html +0 -4
- package/docs/components/EuimChipSelectorComponent.html +0 -4
- package/docs/components/EuimDataSummaryColComponent.html +0 -4
- package/docs/components/EuimDataSummaryComponent.html +0 -4
- package/docs/components/EuimEmptyListPlaceholderComponent.html +0 -4
- package/docs/components/EuimHeaderDetailsComponent.html +4 -8
- package/docs/components/EuimHelpSupportComponent.html +1 -4
- package/docs/components/EuimHelperTextComponent.html +0 -4
- package/docs/components/EuimLabelComponent.html +0 -4
- package/docs/components/EuimLanguageListComponent.html +2 -272
- package/docs/components/EuimLanguageSelectorComponent.html +2 -157
- package/docs/components/EuimMediaHeaderComponent.html +0 -4
- package/docs/components/EuimMessageComponent.html +0 -4
- package/docs/components/EuimMessageTitleComponent.html +4 -8
- package/docs/components/EuimMultiselectComponent.html +0 -4
- package/docs/components/EuimMultiselectFilterComponent.html +0 -4
- package/docs/components/EuimMultiselectInfoComponent.html +0 -4
- package/docs/components/EuimMultiselectListComponent.html +0 -4
- package/docs/components/EuimMultiselectToolbarComponent.html +0 -4
- package/docs/components/EuimNotificationItemComponent.html +0 -4
- package/docs/components/EuimOpenSourceLicencesComponent.html +0 -4
- package/docs/components/EuimPdfViewerComponent.html +0 -4
- package/docs/components/EuimScrollerXComponent.html +4 -8
- package/docs/components/EuimSidebarComponent.html +0 -4
- package/docs/components/EuimSidebarContentComponent.html +0 -4
- package/docs/components/EuimSkeletonListComponent.html +0 -4
- package/docs/components/EuimSkeletonListItemComponent.html +0 -4
- package/docs/components/EuimSlideInfoScreenComponent.html +0 -4
- package/docs/components/EuimSliderInfoScreenComponent.html +60 -5
- package/docs/components/EuimSpinnerComponent.html +0 -4
- package/docs/components/EuimSpinnerDescriptionComponent.html +2 -6
- package/docs/components/EuimSpinnerMessageComponent.html +2 -6
- package/docs/components/EuimToolbarActionItemsComponent.html +4 -8
- package/docs/components/EuimToolbarComponent.html +0 -4
- package/docs/components/EuimToolbarDatepickerComponent.html +0 -4
- package/docs/components/EuimToolbarQrcodeComponent.html +0 -4
- package/docs/components/EuimToolbarTitleComponent.html +4 -8
- package/docs/components/EuimUserProfileComponent.html +0 -4
- package/docs/directives/BaseStatesDirective.html +0 -4
- package/docs/directives/EuimAlignCenterDirective.html +0 -4
- package/docs/directives/EuimAlignTopDirective.html +0 -4
- package/docs/directives/EuimAvatarMainIconDirective.html +0 -4
- package/docs/directives/EuimAvatarSubIconDirective.html +0 -4
- package/docs/directives/EuimCardImageDirective.html +0 -4
- package/docs/directives/EuimChipSelectorItemDirective.html +0 -4
- package/docs/directives/EuimDataSummaryColLabelDirective.html +0 -4
- package/docs/directives/EuimDataSummaryColValueDirective.html +0 -4
- package/docs/directives/EuimDividerDirective.html +0 -4
- package/docs/directives/EuimEmptyListPlaceholderIconDirective.html +0 -4
- package/docs/directives/EuimEmptyListPlaceholderSubtitleDirective.html +0 -4
- package/docs/directives/EuimEmptyListPlaceholderTitleDirective.html +0 -4
- package/docs/directives/EuimFooterTransparentDirective.html +0 -4
- package/docs/directives/EuimHeaderDetailsIconDirective.html +0 -4
- package/docs/directives/EuimHeaderDetailsMetaDirective.html +0 -4
- package/docs/directives/EuimHeaderDetailsTitleDirective.html +0 -4
- package/docs/directives/EuimListHeaderDirective.html +0 -4
- package/docs/directives/EuimListItemNoPaddingsDirective.html +0 -4
- package/docs/directives/EuimMediaHeaderCustomContentDirective.html +0 -4
- package/docs/directives/EuimMediaHeaderImageDirective.html +0 -4
- package/docs/directives/EuimMediaHeaderSubTitleDirective.html +0 -4
- package/docs/directives/EuimMediaHeaderTitleDirective.html +0 -4
- package/docs/directives/EuimMinWidthDirective.html +0 -4
- package/docs/directives/EuimMultiselectAllDirective.html +0 -4
- package/docs/directives/EuimMultiselectSelectFieldDirective.html +0 -4
- package/docs/directives/EuimReadOnlyFormDirective.html +0 -4
- package/docs/directives/EuimReadOnlyFormLabelDirective.html +0 -4
- package/docs/directives/EuimReadOnlyFormValueDirective.html +0 -4
- package/docs/directives/EuimSidebarFooterNoBordersDirective.html +0 -4
- package/docs/directives/EuimSkeletonTextAvatarDirective.html +0 -4
- package/docs/directives/EuimSliderInfoScreenContentDirective.html +0 -4
- package/docs/directives/EuimSliderInfoScreenSubTitleDirective.html +0 -4
- package/docs/directives/EuimSliderInfoScreenTitleDirective.html +0 -4
- package/docs/directives/EuimToolbarDatepickerDatetimeDirective.html +0 -4
- package/docs/directives/EuimToolbarTransparentDirective.html +0 -4
- package/docs/js/menu-wc.js +522 -0
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/json/BaseStatesDirective.md +29 -0
- package/docs/json/EuiMUserProfileActionComponent.md +8 -0
- package/docs/json/EuiMUserProfileAvatarComponent.md +8 -0
- package/docs/json/EuiMUserProfileInfosComponent.md +11 -0
- package/docs/json/EuiMUserProfileInfosItemComponent.md +8 -0
- package/docs/json/EuimAboutComponent.md +8 -0
- package/docs/json/EuimAboutContentLoadingComponent.md +11 -0
- package/docs/json/EuimAlertMessageComponent.md +17 -0
- package/docs/json/EuimAlignCenterDirective.md +8 -0
- package/docs/json/EuimAlignTopDirective.md +8 -0
- package/docs/json/EuimAppComponent.md +11 -0
- package/docs/json/EuimAppService.md +6 -0
- package/docs/json/EuimAvatarBadgeComponent.md +11 -0
- package/docs/json/EuimAvatarComponent.md +15 -0
- package/docs/json/EuimAvatarIconComponent.md +8 -0
- package/docs/json/EuimAvatarIconSubComponent.md +15 -0
- package/docs/json/EuimAvatarImageComponent.md +11 -0
- package/docs/json/EuimAvatarMainIconDirective.md +8 -0
- package/docs/json/EuimAvatarSubIconDirective.md +8 -0
- package/docs/json/EuimAvatarTextComponent.md +11 -0
- package/docs/json/EuimBadgeComponent.md +16 -0
- package/docs/json/EuimCardComponent.md +13 -0
- package/docs/json/EuimCardImageDirective.md +12 -0
- package/docs/json/EuimCardListComponent.md +11 -0
- package/docs/json/EuimChangelogComponent.md +11 -0
- package/docs/json/EuimChipSelectorComponent.md +28 -0
- package/docs/json/EuimChipSelectorItemDirective.md +12 -0
- package/docs/json/EuimDataSummaryColComponent.md +8 -0
- package/docs/json/EuimDataSummaryColLabelDirective.md +11 -0
- package/docs/json/EuimDataSummaryColValueDirective.md +8 -0
- package/docs/json/EuimDataSummaryComponent.md +11 -0
- package/docs/json/EuimDividerDirective.md +11 -0
- package/docs/json/EuimEmptyListPlaceholderComponent.md +17 -0
- package/docs/json/EuimEmptyListPlaceholderIconDirective.md +8 -0
- package/docs/json/EuimEmptyListPlaceholderSubtitleDirective.md +8 -0
- package/docs/json/EuimEmptyListPlaceholderTitleDirective.md +8 -0
- package/docs/json/EuimFooterTransparentDirective.md +8 -0
- package/docs/json/EuimHeaderDetailsComponent.md +12 -0
- package/docs/json/EuimHeaderDetailsIconDirective.md +8 -0
- package/docs/json/EuimHeaderDetailsMetaDirective.md +8 -0
- package/docs/json/EuimHeaderDetailsTitleDirective.md +8 -0
- package/docs/json/EuimHelpSupportComponent.md +11 -0
- package/docs/json/EuimHelperTextComponent.md +11 -0
- package/docs/json/EuimLabelComponent.md +25 -0
- package/docs/json/EuimLanguageListComponent.md +8 -0
- package/docs/json/EuimLanguageSelectorComponent.md +12 -0
- package/docs/json/EuimListHeaderDirective.md +11 -0
- package/docs/json/EuimListItemNoPaddingsDirective.md +8 -0
- package/docs/json/EuimMediaHeaderComponent.md +16 -0
- package/docs/json/EuimMediaHeaderCustomContentDirective.md +8 -0
- package/docs/json/EuimMediaHeaderImageDirective.md +8 -0
- package/docs/json/EuimMediaHeaderSubTitleDirective.md +8 -0
- package/docs/json/EuimMediaHeaderTitleDirective.md +8 -0
- package/docs/json/EuimMessageComponent.md +11 -0
- package/docs/json/EuimMessageTitleComponent.md +8 -0
- package/docs/json/EuimMinWidthDirective.md +11 -0
- package/docs/json/EuimMultiselectAllDirective.md +8 -0
- package/docs/json/EuimMultiselectComponent.md +13 -0
- package/docs/json/EuimMultiselectFilterComponent.md +11 -0
- package/docs/json/EuimMultiselectInfoComponent.md +8 -0
- package/docs/json/EuimMultiselectListComponent.md +8 -0
- package/docs/json/EuimMultiselectSelectFieldDirective.md +11 -0
- package/docs/json/EuimMultiselectToolbarComponent.md +16 -0
- package/docs/json/EuimNotificationItemComponent.md +11 -0
- package/docs/json/EuimOpenSourceLicencesComponent.md +14 -0
- package/docs/json/EuimPdfViewerComponent.md +12 -0
- package/docs/json/EuimReadOnlyFormDirective.md +8 -0
- package/docs/json/EuimReadOnlyFormLabelDirective.md +8 -0
- package/docs/json/EuimReadOnlyFormValueDirective.md +8 -0
- package/docs/json/EuimScrollerXComponent.md +8 -0
- package/docs/json/EuimSidebarComponent.md +12 -0
- package/docs/json/EuimSidebarContentComponent.md +17 -0
- package/docs/json/EuimSidebarFooterNoBordersDirective.md +8 -0
- package/docs/json/EuimSkeletonListComponent.md +11 -0
- package/docs/json/EuimSkeletonListItemComponent.md +22 -0
- package/docs/json/EuimSkeletonTextAvatarDirective.md +8 -0
- package/docs/json/EuimSlideInfoScreenComponent.md +8 -0
- package/docs/json/EuimSliderInfoScreenComponent.md +23 -0
- package/docs/json/EuimSliderInfoScreenContentDirective.md +11 -0
- package/docs/json/EuimSliderInfoScreenSubTitleDirective.md +8 -0
- package/docs/json/EuimSliderInfoScreenTitleDirective.md +8 -0
- package/docs/json/EuimSpinnerComponent.md +11 -0
- package/docs/json/EuimSpinnerDescriptionComponent.md +8 -0
- package/docs/json/EuimSpinnerMessageComponent.md +8 -0
- package/docs/json/EuimToolbarActionItemsComponent.md +8 -0
- package/docs/json/EuimToolbarComponent.md +18 -0
- package/docs/json/EuimToolbarDatepickerComponent.md +24 -0
- package/docs/json/EuimToolbarDatepickerDatetimeDirective.md +16 -0
- package/docs/json/EuimToolbarQrcodeComponent.md +13 -0
- package/docs/json/EuimToolbarTitleComponent.md +8 -0
- package/docs/json/EuimToolbarTransparentDirective.md +13 -0
- package/docs/json/EuimUserProfileComponent.md +11 -0
- package/docs/json/documentation.json +17221 -0
- package/docs/properties.html +1 -1
- package/fesm2022/eui-mobile-core.mjs +561 -552
- package/fesm2022/eui-mobile-core.mjs.map +1 -1
- package/index.d.ts +1503 -3
- package/package.json +7 -7
- package/lib/components/atoms/euim-label/euim-label.component.d.ts +0 -23
- package/lib/components/atoms/euim-label/euim-label.module.d.ts +0 -10
- package/lib/components/atoms/euim-label/index.d.ts +0 -4
- package/lib/components/atoms/euim-notification-item/euim-notification-item.component.d.ts +0 -11
- package/lib/components/atoms/euim-notification-item/euim-notification-item.module.d.ts +0 -10
- package/lib/components/atoms/euim-notification-item/index.d.ts +0 -4
- package/lib/components/base-states.directive.d.ts +0 -46
- package/lib/components/directives/euim-align-center/euim-align-center.directive.d.ts +0 -6
- package/lib/components/directives/euim-align-top/euim-align-top.directive.d.ts +0 -6
- package/lib/components/directives/euim-divider/euim-divider.directive.d.ts +0 -8
- package/lib/components/directives/euim-divider/euim-divider.module.d.ts +0 -10
- package/lib/components/directives/euim-divider/index.d.ts +0 -4
- package/lib/components/directives/euim-footer-transparent/euim-footer-transparent.directive.d.ts +0 -6
- package/lib/components/directives/euim-list-header/euim-list-header.directive.d.ts +0 -8
- package/lib/components/directives/euim-list-header/euim-list-header.module.d.ts +0 -10
- package/lib/components/directives/euim-list-header/index.d.ts +0 -4
- package/lib/components/directives/euim-list-item/euim-list-item.directive.d.ts +0 -6
- package/lib/components/directives/euim-min-width/euim-min-width.directive.d.ts +0 -9
- package/lib/components/directives/euim-sidebar-footer/euim-sidebar-footer.directive.d.ts +0 -6
- package/lib/components/directives/euim-skeleton-text-avatar/euim-skeleton-text-avatar.directive.d.ts +0 -6
- package/lib/components/directives/euim-skeleton-text-avatar/euim-skeleton-text-avatar.module.d.ts +0 -10
- package/lib/components/directives/euim-skeleton-text-avatar/index.d.ts +0 -4
- package/lib/components/directives/euim-toolbar-transparent/euim-toolbar-transparent.directive.d.ts +0 -13
- package/lib/components/euim-about/euim-about-content-loading/euim-about-content-loading.component.d.ts +0 -13
- package/lib/components/euim-about/euim-about.component.d.ts +0 -6
- package/lib/components/euim-about/euim-about.module.d.ts +0 -17
- package/lib/components/euim-about/euim-changelog/euim-changelog.component.d.ts +0 -7
- package/lib/components/euim-about/euim-help-support/euim-help-support.component.d.ts +0 -32
- package/lib/components/euim-about/euim-opensource-licences/euim-opensource-licences.component.d.ts +0 -10
- package/lib/components/euim-about/index.d.ts +0 -12
- package/lib/components/euim-alert-message/euim-alert-message.module.d.ts +0 -10
- package/lib/components/euim-alert-message/euim-alert-messsage.component.d.ts +0 -25
- package/lib/components/euim-alert-message/index.d.ts +0 -4
- package/lib/components/euim-avatar/euim-avatar-badge/euim-avatar-badge.component.d.ts +0 -7
- package/lib/components/euim-avatar/euim-avatar-icon/euim-avatar-icon.component.d.ts +0 -6
- package/lib/components/euim-avatar/euim-avatar-icon-sub/euim-avatar-icon-sub.component.d.ts +0 -12
- package/lib/components/euim-avatar/euim-avatar-image/euim-avatar-image.component.d.ts +0 -7
- package/lib/components/euim-avatar/euim-avatar-text/euim-avatar-text.component.d.ts +0 -8
- package/lib/components/euim-avatar/euim-avatar.component.d.ts +0 -12
- package/lib/components/euim-avatar/euim-avatar.module.d.ts +0 -15
- package/lib/components/euim-avatar/index.d.ts +0 -14
- package/lib/components/euim-badge/euim-badge.component.d.ts +0 -11
- package/lib/components/euim-badge/euim-badge.module.d.ts +0 -10
- package/lib/components/euim-badge/index.d.ts +0 -4
- package/lib/components/euim-card/euim-card-image/euim-card-image.directive.d.ts +0 -8
- package/lib/components/euim-card/euim-card.component.d.ts +0 -16
- package/lib/components/euim-card/euim-card.module.d.ts +0 -11
- package/lib/components/euim-card/index.d.ts +0 -6
- package/lib/components/euim-card-list/euim-card-list.component.d.ts +0 -8
- package/lib/components/euim-card-list/euim-card-list.module.d.ts +0 -10
- package/lib/components/euim-card-list/index.d.ts +0 -4
- package/lib/components/euim-chip-selector/euim-chip-selector-item/euim-chip-selector-item.directive.d.ts +0 -15
- package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts +0 -69
- package/lib/components/euim-chip-selector/euim-chip-selector.module.d.ts +0 -11
- package/lib/components/euim-chip-selector/index.d.ts +0 -6
- package/lib/components/euim-data-summary/euim-data-summary-col/euim-data-summary-col.component.d.ts +0 -6
- package/lib/components/euim-data-summary/euim-data-summary-col-label/euim-data-summary-col-label.directive.d.ts +0 -11
- package/lib/components/euim-data-summary/euim-data-summary-col-value/euim-data-summary-col-value.directive.d.ts +0 -10
- package/lib/components/euim-data-summary/euim-data-summary.component.d.ts +0 -17
- package/lib/components/euim-data-summary/euim-data-summary.module.d.ts +0 -13
- package/lib/components/euim-data-summary/index.d.ts +0 -10
- package/lib/components/euim-empty-list-placeholder/directives/euim-empty-list-placeholder-icon.directive.d.ts +0 -6
- package/lib/components/euim-empty-list-placeholder/directives/euim-empty-list-placeholder-subtitle.directive.d.ts +0 -6
- package/lib/components/euim-empty-list-placeholder/directives/euim-empty-list-placeholder-title.directive.d.ts +0 -6
- package/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.component.d.ts +0 -23
- package/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.module.d.ts +0 -13
- package/lib/components/euim-empty-list-placeholder/index.d.ts +0 -10
- package/lib/components/euim-helper-text/euim-helper-text.component.d.ts +0 -12
- package/lib/components/euim-media-header/euim-media-header-custom-content/euim-media-header-content.directive.d.ts +0 -6
- package/lib/components/euim-media-header/euim-media-header-image/euim-media-header-image.directive.d.ts +0 -6
- package/lib/components/euim-media-header/euim-media-header-sub-title/euim-media-header-sub-title.directive.d.ts +0 -6
- package/lib/components/euim-media-header/euim-media-header-title/euim-media-header-title.directive.d.ts +0 -6
- package/lib/components/euim-media-header/euim-media-header.component.d.ts +0 -17
- package/lib/components/euim-media-header/euim-media-header.module.d.ts +0 -14
- package/lib/components/euim-media-header/index.d.ts +0 -11
- package/lib/components/euim-message/euim-message-title/euim-message-title.component.d.ts +0 -6
- package/lib/components/euim-message/euim-message.component.d.ts +0 -13
- package/lib/components/euim-message/euim-message.module.d.ts +0 -11
- package/lib/components/euim-message/index.d.ts +0 -6
- package/lib/components/euim-multiselect/euim-multiselect-all/euim-multiselect-all.directive.d.ts +0 -12
- package/lib/components/euim-multiselect/euim-multiselect-filter/euim-multiselect-filter.component.d.ts +0 -12
- package/lib/components/euim-multiselect/euim-multiselect-info/euim-multiselect-info.component.d.ts +0 -12
- package/lib/components/euim-multiselect/euim-multiselect-list/euim-multiselect-list.component.d.ts +0 -9
- package/lib/components/euim-multiselect/euim-multiselect-select-field/euim-multiselect-select-field.directive.d.ts +0 -11
- package/lib/components/euim-multiselect/euim-multiselect-toolbar/euim-multiselect-toolbar.component.d.ts +0 -17
- package/lib/components/euim-multiselect/euim-multiselect.component.d.ts +0 -25
- package/lib/components/euim-multiselect/euim-multiselect.module.d.ts +0 -16
- package/lib/components/euim-multiselect/index.d.ts +0 -16
- package/lib/components/euim-pdf-viewer/euim-pdf-viewer.component.d.ts +0 -53
- package/lib/components/euim-pdf-viewer/euim-pdf-viewer.module.d.ts +0 -10
- package/lib/components/euim-pdf-viewer/index.d.ts +0 -4
- package/lib/components/euim-read-only-form/euim-read-only-form-label/euim-read-only-form-label.directive.d.ts +0 -6
- package/lib/components/euim-read-only-form/euim-read-only-form-value/euim-read-only-form-value.directive.d.ts +0 -6
- package/lib/components/euim-read-only-form/euim-read-only-form.directive.d.ts +0 -6
- package/lib/components/euim-scroller-x/euim-scroller-x.component.d.ts +0 -6
- package/lib/components/euim-scroller-x/euim-scroller-x.module.d.ts +0 -10
- package/lib/components/euim-scroller-x/index.d.ts +0 -4
- package/lib/components/euim-skeleton-list/euim-skeleton-list.component.d.ts +0 -27
- package/lib/components/euim-skeleton-list/euim-skeleton-list.module.d.ts +0 -10
- package/lib/components/euim-skeleton-list/index.d.ts +0 -4
- package/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.d.ts +0 -26
- package/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.module.d.ts +0 -10
- package/lib/components/euim-skeleton-list-item/index.d.ts +0 -4
- package/lib/components/euim-slider-info-screen/euim-slide-info-screen/euim-slide-info-screen.component.d.ts +0 -6
- package/lib/components/euim-slider-info-screen/euim-slider-info-screen-content/euim-slider-info-screen-content.directive.d.ts +0 -9
- package/lib/components/euim-slider-info-screen/euim-slider-info-screen-sub-title/euim-slider-info-screen-sub-title.directive.d.ts +0 -6
- package/lib/components/euim-slider-info-screen/euim-slider-info-screen-title/euim-slider-info-screen-title.directive.d.ts +0 -6
- package/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.d.ts +0 -61
- package/lib/components/euim-slider-info-screen/euim-slider-info-screen.module.d.ts +0 -14
- package/lib/components/euim-slider-info-screen/index.d.ts +0 -12
- package/lib/components/euim-spinner/euim-spinner-description/euim-spinner-description.component.d.ts +0 -6
- package/lib/components/euim-spinner/euim-spinner-message/euim-spinner-message.component.d.ts +0 -6
- package/lib/components/euim-spinner/euim-spinner.component.d.ts +0 -8
- package/lib/components/euim-spinner/euim-spinner.module.d.ts +0 -12
- package/lib/components/euim-spinner/index.d.ts +0 -8
- package/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.component.d.ts +0 -58
- package/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.module.d.ts +0 -10
- package/lib/components/euim-toolbar-datepicker/index.d.ts +0 -4
- package/lib/components/euim-toolbar-qrcode/euim-toolbar-qrcode.component.d.ts +0 -8
- package/lib/components/euim-toolbar-qrcode/euim-toolbar-qrcode.module.d.ts +0 -10
- package/lib/components/euim-toolbar-qrcode/index.d.ts +0 -4
- package/lib/components/index.d.ts +0 -44
- package/lib/components/layout/euim-app/euim-app.component.d.ts +0 -9
- package/lib/components/layout/euim-app/euim-app.module.d.ts +0 -10
- package/lib/components/layout/euim-app/index.d.ts +0 -4
- package/lib/components/layout/euim-header-details/euim-header-details-icon/euim-header-details-icon.directive.d.ts +0 -6
- package/lib/components/layout/euim-header-details/euim-header-details-meta/euim-header-details-meta.directive.d.ts +0 -6
- package/lib/components/layout/euim-header-details/euim-header-details-title/euim-header-details-title.directive.d.ts +0 -6
- package/lib/components/layout/euim-header-details/euim-header-details.component.d.ts +0 -14
- package/lib/components/layout/euim-header-details/euim-header-details.module.d.ts +0 -13
- package/lib/components/layout/euim-header-details/index.d.ts +0 -10
- package/lib/components/layout/euim-language-selector/euim-language-list.component.d.ts +0 -65
- package/lib/components/layout/euim-language-selector/euim-language-selector.component.d.ts +0 -55
- package/lib/components/layout/euim-language-selector/euim-language-selector.module.d.ts +0 -11
- package/lib/components/layout/euim-language-selector/index.d.ts +0 -6
- package/lib/components/layout/euim-sidebar/euim-sidebar-content/euim-sidebar-content.component.d.ts +0 -43
- package/lib/components/layout/euim-sidebar/euim-sidebar.component.d.ts +0 -18
- package/lib/components/layout/euim-sidebar/euim-sidebar.module.d.ts +0 -11
- package/lib/components/layout/euim-sidebar/index.d.ts +0 -6
- package/lib/components/layout/euim-toolbar/euim-toolbar-action-items/euim-toolbar-action-items.component.d.ts +0 -6
- package/lib/components/layout/euim-toolbar/euim-toolbar-title/euim-toolbar-title.component.d.ts +0 -11
- package/lib/components/layout/euim-toolbar/euim-toolbar.component.d.ts +0 -21
- package/lib/components/layout/euim-toolbar/euim-toolbar.module.d.ts +0 -12
- package/lib/components/layout/euim-toolbar/index.d.ts +0 -8
- package/lib/components/layout/euim-user-profile/euim-user-profile-action/euim-user-profile-action.component.d.ts +0 -6
- package/lib/components/layout/euim-user-profile/euim-user-profile-avatar/euim-user-profile-avatar.component.d.ts +0 -6
- package/lib/components/layout/euim-user-profile/euim-user-profile-infos/euim-user-profile-infos.component.d.ts +0 -8
- package/lib/components/layout/euim-user-profile/euim-user-profile-infos-item/euim-user-profile-infos-item.component.d.ts +0 -6
- package/lib/components/layout/euim-user-profile/euim-user-profile.component.d.ts +0 -8
- package/lib/components/layout/euim-user-profile/euim-user-profile.module.d.ts +0 -14
- package/lib/components/layout/euim-user-profile/index.d.ts +0 -12
- package/lib/euim-all.module.d.ts +0 -48
- package/lib/services/euim-app.service.d.ts +0 -15
- package/lib/services/index.d.ts +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
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, Input, Directive, numberAttribute, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule, ViewChild, Inject, EventEmitter, Output, ContentChild, ContentChildren, HostListener, input } from '@angular/core';
|
|
4
|
+
import { Injectable, booleanAttribute, Input, Directive, numberAttribute, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule, ViewChild, Inject, EventEmitter, Output, ContentChild, ContentChildren, signal, HostListener, input } from '@angular/core';
|
|
5
5
|
import { BehaviorSubject, Subject, startWith, throwError } from 'rxjs';
|
|
6
6
|
import * as i1 from '@ionic/angular';
|
|
7
7
|
import { IonicModule, IonSearchbar } from '@ionic/angular';
|
|
@@ -49,10 +49,10 @@ class EuimAppService {
|
|
|
49
49
|
...nextState,
|
|
50
50
|
});
|
|
51
51
|
}
|
|
52
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
53
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
52
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAppService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
53
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAppService, providedIn: 'root' }); }
|
|
54
54
|
}
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
55
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAppService, decorators: [{
|
|
56
56
|
type: Injectable,
|
|
57
57
|
args: [{ providedIn: 'root' }]
|
|
58
58
|
}], ctorParameters: () => [] });
|
|
@@ -131,13 +131,12 @@ class BaseStatesDirective {
|
|
|
131
131
|
.join(' ')
|
|
132
132
|
.trim();
|
|
133
133
|
}
|
|
134
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
135
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "
|
|
134
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: BaseStatesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
135
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.1.0", 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 }); }
|
|
136
136
|
}
|
|
137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
137
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: BaseStatesDirective, decorators: [{
|
|
138
138
|
type: Directive,
|
|
139
139
|
args: [{
|
|
140
|
-
standalone: true,
|
|
141
140
|
selector: '[euimBase]',
|
|
142
141
|
host: {
|
|
143
142
|
'[attr.aria-disabled]': 'this.euimDisabled.toString()',
|
|
@@ -223,10 +222,10 @@ class EuimLabelComponent {
|
|
|
223
222
|
this.euimLabelTruncateWithLines > 0 ? 'euim-label__euiTextTruncateWithLines euim-label__truncate' : '',
|
|
224
223
|
].join(' ');
|
|
225
224
|
}
|
|
226
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
227
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "
|
|
225
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLabelComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
226
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.1.0", type: EuimLabelComponent, isStandalone: true, 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: ["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:var(--eui-s-none);padding:var(--eui-s-none);font:var(--eui-f-m)}.euim-label ion-icon{vertical-align:text-bottom;margin-right: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-is-s);min-width:var(--eui-is-s)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s);color:var(--eui-c-text-lighter)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-xs);min-width:var(--eui-is-xs)}.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-4xs)}.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-secondary)}.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--danger{color:var(--eui-c-danger)}.euim-label--white{color:var(--eui-c-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
228
227
|
}
|
|
229
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
228
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLabelComponent, decorators: [{
|
|
230
229
|
type: Component,
|
|
231
230
|
args: [{ selector: 'div[euimLabel], p[euimLabel], span[euimLabel], euim-label', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
232
231
|
{
|
|
@@ -243,7 +242,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
243
242
|
'color',
|
|
244
243
|
],
|
|
245
244
|
},
|
|
246
|
-
],
|
|
245
|
+
], styles: [".euim-label{display:block;align-items:center;margin:var(--eui-s-none);padding:var(--eui-s-none);font:var(--eui-f-m)}.euim-label ion-icon{vertical-align:text-bottom;margin-right: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-is-s);min-width:var(--eui-is-s)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s);color:var(--eui-c-text-lighter)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-xs);min-width:var(--eui-is-xs)}.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-4xs)}.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-secondary)}.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--danger{color:var(--eui-c-danger)}.euim-label--white{color:var(--eui-c-white)}\n"] }]
|
|
247
246
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimLabelTruncateWithLines: [{
|
|
248
247
|
type: HostBinding,
|
|
249
248
|
args: ['style.--euimLabelTruncateWithLines']
|
|
@@ -274,11 +273,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
274
273
|
* @deprecated Use {@link EUIM_LABEL} instead.
|
|
275
274
|
*/
|
|
276
275
|
class EuimLabelModule {
|
|
277
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
278
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
279
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
276
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
277
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimLabelModule, imports: [EuimLabelComponent], exports: [EuimLabelComponent] }); }
|
|
278
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLabelModule }); }
|
|
280
279
|
}
|
|
281
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
280
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLabelModule, decorators: [{
|
|
282
281
|
type: NgModule,
|
|
283
282
|
args: [{
|
|
284
283
|
imports: [EuimLabelComponent],
|
|
@@ -302,10 +301,10 @@ class EuimNotificationItemComponent {
|
|
|
302
301
|
this.baseStatesDirective.getCssClasses('euim-notification-item'),
|
|
303
302
|
].join(' ');
|
|
304
303
|
}
|
|
305
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
306
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
304
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimNotificationItemComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
305
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimNotificationItemComponent, isStandalone: true, 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-surface)}.euim-notification-item--default{background:var(--eui-c-neutral-surface-dark)}.euim-notification-item--info{background:var(--eui-c-info-surface)}.euim-notification-item--success{background:var(--eui-c-success-surface)}.euim-notification-item--warning{background:var(--eui-c-warning-surface)}.euim-notification-item--danger{background:var(--eui-c-danger-surface)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
307
306
|
}
|
|
308
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
307
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimNotificationItemComponent, decorators: [{
|
|
309
308
|
type: Component,
|
|
310
309
|
args: [{ selector: 'euim-notification-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
311
310
|
{
|
|
@@ -314,7 +313,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
314
313
|
'color',
|
|
315
314
|
],
|
|
316
315
|
},
|
|
317
|
-
],
|
|
316
|
+
], 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-surface)}.euim-notification-item--default{background:var(--eui-c-neutral-surface-dark)}.euim-notification-item--info{background:var(--eui-c-info-surface)}.euim-notification-item--success{background:var(--eui-c-success-surface)}.euim-notification-item--warning{background:var(--eui-c-warning-surface)}.euim-notification-item--danger{background:var(--eui-c-danger-surface)}\n"] }]
|
|
318
317
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
319
318
|
type: HostBinding,
|
|
320
319
|
args: ['class']
|
|
@@ -324,11 +323,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
324
323
|
* @deprecated Use {@link EUIM_NOTIFICATION_ITEM} instead.
|
|
325
324
|
*/
|
|
326
325
|
class EuimNotificationItemModule {
|
|
327
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
328
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
329
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
326
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimNotificationItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
327
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimNotificationItemModule, imports: [EuimNotificationItemComponent], exports: [EuimNotificationItemComponent] }); }
|
|
328
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimNotificationItemModule }); }
|
|
330
329
|
}
|
|
331
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
330
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimNotificationItemModule, decorators: [{
|
|
332
331
|
type: NgModule,
|
|
333
332
|
args: [{
|
|
334
333
|
imports: [EuimNotificationItemComponent],
|
|
@@ -345,12 +344,12 @@ class EuimAppComponent {
|
|
|
345
344
|
this.asService = asService;
|
|
346
345
|
this.ionMenuId = 'main';
|
|
347
346
|
}
|
|
348
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
349
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
347
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAppComponent, deps: [{ token: EuimAppService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
348
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimAppComponent, isStandalone: true, 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: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonApp, selector: "ion-app" }, { kind: "component", type: i1.IonRouterOutlet, selector: "ion-router-outlet" }] }); }
|
|
350
349
|
}
|
|
351
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
350
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAppComponent, decorators: [{
|
|
352
351
|
type: Component,
|
|
353
|
-
args: [{ selector: 'euim-app',
|
|
352
|
+
args: [{ selector: 'euim-app', imports: [IonicModule], template: "<ion-app>\n <ng-content></ng-content>\n <ion-router-outlet id=\"{{ionMenuId}}\"></ion-router-outlet>\n</ion-app>\n" }]
|
|
354
353
|
}], ctorParameters: () => [{ type: EuimAppService }], propDecorators: { ionMenuId: [{
|
|
355
354
|
type: Input
|
|
356
355
|
}] } });
|
|
@@ -359,11 +358,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
359
358
|
* @deprecated Use {@link EUIM_APP} instead.
|
|
360
359
|
*/
|
|
361
360
|
class EuimAppModule {
|
|
362
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
363
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
364
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
361
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAppModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
362
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimAppModule, imports: [EuimAppComponent], exports: [EuimAppComponent] }); }
|
|
363
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAppModule, imports: [EuimAppComponent] }); }
|
|
365
364
|
}
|
|
366
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
365
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAppModule, decorators: [{
|
|
367
366
|
type: NgModule,
|
|
368
367
|
args: [{
|
|
369
368
|
imports: [EuimAppComponent],
|
|
@@ -396,12 +395,12 @@ class EuimAvatarComponent {
|
|
|
396
395
|
this.borderColor ? `euim-avatar--border-color-${this.borderColor}` : '',
|
|
397
396
|
].join(' ');
|
|
398
397
|
}
|
|
399
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
400
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
398
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
399
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimAvatarComponent, isStandalone: true, 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-c-neutral);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:var(--eui-bw-s);border-style:solid;border-color:var(--eui-c-neutral-surface-dark)}.euim-avatar--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar--color-default{background-color:var(--eui-c-neutral-surface-light);color:var(--eui-c-neutral-on-surface-light)}.euim-avatar--color-branding{background-color:var(--eui-c-branding-surface);color:var(--eui-c-branding-on-surface)}.euim-avatar--color-primary{background-color:var(--eui-c-primary-surface);color:var(--eui-c-primary-on-surface)}.euim-avatar--color-info{background-color:var(--eui-c-info-surface);color:var(--eui-c-info-on-surface)}.euim-avatar--color-success{background-color:var(--eui-c-success-surface);color:var(--eui-c-success-on-surface)}.euim-avatar--color-warning{background-color:var(--eui-c-warning-surface);color:var(--eui-c-warning-on-surface)}.euim-avatar--color-danger{background-color:var(--eui-c-danger-surface);color:var(--eui-c-danger-on-surface)}.euim-avatar--border-color-primary{border-color:var(--eui-c-primary)}.euim-avatar--border-color-info{border-color:var(--eui-c-info)}.euim-avatar--border-color-success{border-color:var(--eui-c-success)}.euim-avatar--border-color-warning{border-color:var(--eui-c-warning)}.euim-avatar--border-color-danger{border-color:var(--eui-c-danger)}.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-c-primary)}.euim-avatar--color-success.euim-avatar--fill-outline,.euim-avatar--color-success.euim-avatar--fill-clear{color:var(--eui-c-success)}.euim-avatar--color-warning.euim-avatar--fill-outline,.euim-avatar--color-warning.euim-avatar--fill-clear{color:var(--eui-c-warning)}.euim-avatar--color-danger.euim-avatar--fill-outline,.euim-avatar--color-danger.euim-avatar--fill-clear{color:var(--eui-c-danger)}.euim-avatar--color-default.euim-avatar--fill-outline,.euim-avatar--color-default.euim-avatar--fill-clear{color:var(--eui-c-neutral-surface-dark)}.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:var(--eui-s-none)}.euim-avatar[slot=end] euim-avatar{margin-inline-start:var(--eui-s-none)}.euim-avatar--size-default,.euim-avatar--size-auto{width:var(--eui-s-5xl);height:var(--eui-s-5xl);font:var(--eui-f-m)}.euim-avatar--size-default ion-icon,.euim-avatar--size-auto ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar--size-m{width:var(--eui-s-5xl);height:var(--eui-s-5xl);font:var(--eui-f-m)}.euim-avatar--size-m ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar--size-s{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs)}.euim-avatar--size-s ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar--size-l{width:var(--eui-is-4xl);height:var(--eui-is-4xl);font:var(--eui-f-xl)}.euim-avatar--size-l ion-icon{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-avatar--fill-default,.euim-avatar--fill-solid{border:none}.euim-avatar--fill-outline{background-color:transparent!important;border-width:var(--eui-bw-s);border-style:solid}.euim-avatar--fill-clear{background-color:transparent!important;border:none}.euim-avatar--fill-outline-solid{border-width:var(--eui-bw-s);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:var(--eui-br-none)}.euim-avatar-icon-sub--size-default,.euim-avatar-icon-sub--size-auto{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs)}.euim-avatar-icon-sub--size-default ion-icon,.euim-avatar-icon-sub--size-auto ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar-icon-sub--size-m{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs)}.euim-avatar-icon-sub--size-m ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar-icon-sub--size-l{width:var(--eui-s-5xl);height:var(--eui-s-5xl);font:var(--eui-f-m)}.euim-avatar-icon-sub--size-l ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.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-c-neutral-surface-dark);border-color:var(--eui-c-neutral-on-surface-dark);color:var(--eui-c-neutral-on-surface-dark)}.euim-avatar-icon-sub--color-primary{background-color:var(--eui-c-primary-surface);border-color:var(--eui-c-primary-on-surface);color:var(--eui-c-primary-on-surface)}.euim-avatar-icon-sub--color-info{background-color:var(--eui-c-info-surface);border-color:var(--eui-c-info-on-surface);color:var(--eui-c-info-on-surface)}.euim-avatar-icon-sub--color-success{background-color:var(--eui-c-success-surface);border-color:var(--eui-c-success-on-surface);color:var(--eui-c-success-on-surface)}.euim-avatar-icon-sub--color-warning{background-color:var(--eui-c-warning-surface);border-color:var(--eui-c-warning-on-surface);color:var(--eui-c-warning-on-surface)}.euim-avatar-icon-sub--color-danger{background-color:var(--eui-c-danger-surface);border-color:var(--eui-c-danger-on-surface);color:var(--eui-c-danger-on-surface)}.euim-avatar-icon-sub--border-color-primary{border-color:var(--eui-c-primary)}.euim-avatar-icon-sub--border-color-info{border-color:var(--eui-c-info)}.euim-avatar-icon-sub--border-color-success{border-color:var(--eui-c-success)}.euim-avatar-icon-sub--border-color-warning{border-color:var(--eui-c-warning)}.euim-avatar-icon-sub--border-color-danger{border-color:var(--eui-c-danger)}.euim-avatar-icon-sub--fill-default,.euim-avatar-icon-sub--fill-outline-solid{border-width:var(--eui-bw-s);border-style:solid}.euim-avatar-icon-sub--fill-outline{background-color:transparent!important;border-width:var(--eui-bw-s);border-style:solid}.euim-avatar-icon-sub--fill-clear{background-color:transparent!important;border:var(--eui-bw-none)}.euim-avatar-icon-sub--fill-outline-solid{border-width:var(--eui-bw-s);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-s) / 2);top:calc(-1 * var(--eui-s-m) / 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:50%;height:100%;width:100%}.euim-avatar-text--color-default{color:var(--eui-c-neutral-surface-dark)}.euim-avatar-text--color-primary{color:var(--eui-c-primary)}.euim-avatar-text--color-info{color:var(--eui-c-info)}.euim-avatar-text--color-success{color:var(--eui-c-success)}.euim-avatar-text--color-warning{color:var(--eui-c-warning)}.euim-avatar-text--color-danger{color:var(--eui-c-danger)}.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 }); }
|
|
401
400
|
}
|
|
402
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
401
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarComponent, decorators: [{
|
|
403
402
|
type: Component,
|
|
404
|
-
args: [{ selector: 'euim-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush,
|
|
403
|
+
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-c-neutral);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:var(--eui-bw-s);border-style:solid;border-color:var(--eui-c-neutral-surface-dark)}.euim-avatar--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar--color-default{background-color:var(--eui-c-neutral-surface-light);color:var(--eui-c-neutral-on-surface-light)}.euim-avatar--color-branding{background-color:var(--eui-c-branding-surface);color:var(--eui-c-branding-on-surface)}.euim-avatar--color-primary{background-color:var(--eui-c-primary-surface);color:var(--eui-c-primary-on-surface)}.euim-avatar--color-info{background-color:var(--eui-c-info-surface);color:var(--eui-c-info-on-surface)}.euim-avatar--color-success{background-color:var(--eui-c-success-surface);color:var(--eui-c-success-on-surface)}.euim-avatar--color-warning{background-color:var(--eui-c-warning-surface);color:var(--eui-c-warning-on-surface)}.euim-avatar--color-danger{background-color:var(--eui-c-danger-surface);color:var(--eui-c-danger-on-surface)}.euim-avatar--border-color-primary{border-color:var(--eui-c-primary)}.euim-avatar--border-color-info{border-color:var(--eui-c-info)}.euim-avatar--border-color-success{border-color:var(--eui-c-success)}.euim-avatar--border-color-warning{border-color:var(--eui-c-warning)}.euim-avatar--border-color-danger{border-color:var(--eui-c-danger)}.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-c-primary)}.euim-avatar--color-success.euim-avatar--fill-outline,.euim-avatar--color-success.euim-avatar--fill-clear{color:var(--eui-c-success)}.euim-avatar--color-warning.euim-avatar--fill-outline,.euim-avatar--color-warning.euim-avatar--fill-clear{color:var(--eui-c-warning)}.euim-avatar--color-danger.euim-avatar--fill-outline,.euim-avatar--color-danger.euim-avatar--fill-clear{color:var(--eui-c-danger)}.euim-avatar--color-default.euim-avatar--fill-outline,.euim-avatar--color-default.euim-avatar--fill-clear{color:var(--eui-c-neutral-surface-dark)}.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:var(--eui-s-none)}.euim-avatar[slot=end] euim-avatar{margin-inline-start:var(--eui-s-none)}.euim-avatar--size-default,.euim-avatar--size-auto{width:var(--eui-s-5xl);height:var(--eui-s-5xl);font:var(--eui-f-m)}.euim-avatar--size-default ion-icon,.euim-avatar--size-auto ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar--size-m{width:var(--eui-s-5xl);height:var(--eui-s-5xl);font:var(--eui-f-m)}.euim-avatar--size-m ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar--size-s{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs)}.euim-avatar--size-s ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar--size-l{width:var(--eui-is-4xl);height:var(--eui-is-4xl);font:var(--eui-f-xl)}.euim-avatar--size-l ion-icon{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-avatar--fill-default,.euim-avatar--fill-solid{border:none}.euim-avatar--fill-outline{background-color:transparent!important;border-width:var(--eui-bw-s);border-style:solid}.euim-avatar--fill-clear{background-color:transparent!important;border:none}.euim-avatar--fill-outline-solid{border-width:var(--eui-bw-s);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:var(--eui-br-none)}.euim-avatar-icon-sub--size-default,.euim-avatar-icon-sub--size-auto{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs)}.euim-avatar-icon-sub--size-default ion-icon,.euim-avatar-icon-sub--size-auto ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar-icon-sub--size-m{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs)}.euim-avatar-icon-sub--size-m ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar-icon-sub--size-l{width:var(--eui-s-5xl);height:var(--eui-s-5xl);font:var(--eui-f-m)}.euim-avatar-icon-sub--size-l ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.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-c-neutral-surface-dark);border-color:var(--eui-c-neutral-on-surface-dark);color:var(--eui-c-neutral-on-surface-dark)}.euim-avatar-icon-sub--color-primary{background-color:var(--eui-c-primary-surface);border-color:var(--eui-c-primary-on-surface);color:var(--eui-c-primary-on-surface)}.euim-avatar-icon-sub--color-info{background-color:var(--eui-c-info-surface);border-color:var(--eui-c-info-on-surface);color:var(--eui-c-info-on-surface)}.euim-avatar-icon-sub--color-success{background-color:var(--eui-c-success-surface);border-color:var(--eui-c-success-on-surface);color:var(--eui-c-success-on-surface)}.euim-avatar-icon-sub--color-warning{background-color:var(--eui-c-warning-surface);border-color:var(--eui-c-warning-on-surface);color:var(--eui-c-warning-on-surface)}.euim-avatar-icon-sub--color-danger{background-color:var(--eui-c-danger-surface);border-color:var(--eui-c-danger-on-surface);color:var(--eui-c-danger-on-surface)}.euim-avatar-icon-sub--border-color-primary{border-color:var(--eui-c-primary)}.euim-avatar-icon-sub--border-color-info{border-color:var(--eui-c-info)}.euim-avatar-icon-sub--border-color-success{border-color:var(--eui-c-success)}.euim-avatar-icon-sub--border-color-warning{border-color:var(--eui-c-warning)}.euim-avatar-icon-sub--border-color-danger{border-color:var(--eui-c-danger)}.euim-avatar-icon-sub--fill-default,.euim-avatar-icon-sub--fill-outline-solid{border-width:var(--eui-bw-s);border-style:solid}.euim-avatar-icon-sub--fill-outline{background-color:transparent!important;border-width:var(--eui-bw-s);border-style:solid}.euim-avatar-icon-sub--fill-clear{background-color:transparent!important;border:var(--eui-bw-none)}.euim-avatar-icon-sub--fill-outline-solid{border-width:var(--eui-bw-s);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-s) / 2);top:calc(-1 * var(--eui-s-m) / 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:50%;height:100%;width:100%}.euim-avatar-text--color-default{color:var(--eui-c-neutral-surface-dark)}.euim-avatar-text--color-primary{color:var(--eui-c-primary)}.euim-avatar-text--color-info{color:var(--eui-c-info)}.euim-avatar-text--color-success{color:var(--eui-c-success)}.euim-avatar-text--color-warning{color:var(--eui-c-warning)}.euim-avatar-text--color-danger{color:var(--eui-c-danger)}.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"] }]
|
|
405
404
|
}], propDecorators: { color: [{
|
|
406
405
|
type: Input
|
|
407
406
|
}], size: [{
|
|
@@ -421,12 +420,15 @@ class EuimAvatarIconComponent {
|
|
|
421
420
|
constructor() {
|
|
422
421
|
this.string = 'euim-avatar-icon';
|
|
423
422
|
}
|
|
424
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
425
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
423
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
424
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimAvatarIconComponent, isStandalone: true, selector: "euim-avatar-icon", host: { properties: { "class": "this.string" } }, ngImport: i0, template: '<ng-content/>', isInline: true }); }
|
|
426
425
|
}
|
|
427
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
426
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarIconComponent, decorators: [{
|
|
428
427
|
type: Component,
|
|
429
|
-
args: [{
|
|
428
|
+
args: [{
|
|
429
|
+
selector: 'euim-avatar-icon',
|
|
430
|
+
template: '<ng-content/>',
|
|
431
|
+
}]
|
|
430
432
|
}], propDecorators: { string: [{
|
|
431
433
|
type: HostBinding,
|
|
432
434
|
args: ['class']
|
|
@@ -453,12 +455,15 @@ class EuimAvatarIconSubComponent {
|
|
|
453
455
|
this.borderColor ? `euim-avatar-icon-sub--border-color-${this.borderColor}` : '',
|
|
454
456
|
].join(' ');
|
|
455
457
|
}
|
|
456
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
457
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
458
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarIconSubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
459
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimAvatarIconSubComponent, isStandalone: true, 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/>', isInline: true }); }
|
|
458
460
|
}
|
|
459
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
461
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarIconSubComponent, decorators: [{
|
|
460
462
|
type: Component,
|
|
461
|
-
args: [{
|
|
463
|
+
args: [{
|
|
464
|
+
selector: 'euim-avatar-icon-sub',
|
|
465
|
+
template: '<ng-content/>',
|
|
466
|
+
}]
|
|
462
467
|
}], propDecorators: { color: [{
|
|
463
468
|
type: Input
|
|
464
469
|
}], size: [{
|
|
@@ -487,12 +492,15 @@ class EuimAvatarTextComponent {
|
|
|
487
492
|
this.color ? `euim-avatar-text--color-${this.color}` : '',
|
|
488
493
|
].join(' ');
|
|
489
494
|
}
|
|
490
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
491
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
495
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
496
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimAvatarTextComponent, isStandalone: true, selector: "euim-avatar-text", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true }); }
|
|
492
497
|
}
|
|
493
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
498
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarTextComponent, decorators: [{
|
|
494
499
|
type: Component,
|
|
495
|
-
args: [{
|
|
500
|
+
args: [{
|
|
501
|
+
selector: 'euim-avatar-text',
|
|
502
|
+
template: '<ng-content/>',
|
|
503
|
+
}]
|
|
496
504
|
}], propDecorators: { color: [{
|
|
497
505
|
type: Input
|
|
498
506
|
}], cssClasses: [{
|
|
@@ -504,12 +512,12 @@ class EuimAvatarImageComponent {
|
|
|
504
512
|
constructor() {
|
|
505
513
|
this.string = 'euim-avatar-image';
|
|
506
514
|
}
|
|
507
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
508
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
515
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
516
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimAvatarImageComponent, isStandalone: true, 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" }); }
|
|
509
517
|
}
|
|
510
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
518
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarImageComponent, decorators: [{
|
|
511
519
|
type: Component,
|
|
512
|
-
args: [{ selector: 'euim-avatar-image',
|
|
520
|
+
args: [{ selector: 'euim-avatar-image', template: "@if (imageUrl) {\n <img [src]=\"imageUrl\" alt=\"Avatar\"/>\n} @else {\n <ng-content></ng-content>\n}\n" }]
|
|
513
521
|
}], propDecorators: { string: [{
|
|
514
522
|
type: HostBinding,
|
|
515
523
|
args: ['class']
|
|
@@ -527,12 +535,15 @@ class EuimAvatarBadgeComponent {
|
|
|
527
535
|
`euim-avatar-badge--position-${this.position}`,
|
|
528
536
|
].join(' ').trim();
|
|
529
537
|
}
|
|
530
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
531
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
538
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
539
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimAvatarBadgeComponent, isStandalone: true, selector: "euim-avatar-badge", inputs: { position: "position" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true }); }
|
|
532
540
|
}
|
|
533
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
541
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarBadgeComponent, decorators: [{
|
|
534
542
|
type: Component,
|
|
535
|
-
args: [{
|
|
543
|
+
args: [{
|
|
544
|
+
selector: 'euim-avatar-badge',
|
|
545
|
+
template: '<ng-content/>',
|
|
546
|
+
}]
|
|
536
547
|
}], propDecorators: { cssClasses: [{
|
|
537
548
|
type: HostBinding,
|
|
538
549
|
args: ['class']
|
|
@@ -544,8 +555,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
544
555
|
* @deprecated Use {@link EUIM_AVATAR} instead.
|
|
545
556
|
*/
|
|
546
557
|
class EuimAvatarModule {
|
|
547
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
548
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
558
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
559
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarModule, imports: [EuimAvatarComponent,
|
|
549
560
|
EuimAvatarIconComponent,
|
|
550
561
|
EuimAvatarIconSubComponent,
|
|
551
562
|
EuimAvatarTextComponent,
|
|
@@ -556,9 +567,9 @@ class EuimAvatarModule {
|
|
|
556
567
|
EuimAvatarTextComponent,
|
|
557
568
|
EuimAvatarImageComponent,
|
|
558
569
|
EuimAvatarBadgeComponent] }); }
|
|
559
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
570
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarModule }); }
|
|
560
571
|
}
|
|
561
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
572
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarModule, decorators: [{
|
|
562
573
|
type: NgModule,
|
|
563
574
|
args: [{
|
|
564
575
|
imports: [
|
|
@@ -593,14 +604,13 @@ class EuimEmptyListPlaceholderTitleDirective {
|
|
|
593
604
|
constructor() {
|
|
594
605
|
this.className = 'euim-empty-list-placeholder__message';
|
|
595
606
|
}
|
|
596
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
597
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
607
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
608
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimEmptyListPlaceholderTitleDirective, isStandalone: true, selector: "[euimEmptyListPlaceholderTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
598
609
|
}
|
|
599
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
610
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderTitleDirective, decorators: [{
|
|
600
611
|
type: Directive,
|
|
601
612
|
args: [{
|
|
602
613
|
selector: '[euimEmptyListPlaceholderTitle]',
|
|
603
|
-
standalone: true,
|
|
604
614
|
}]
|
|
605
615
|
}], propDecorators: { className: [{
|
|
606
616
|
type: HostBinding,
|
|
@@ -611,14 +621,13 @@ class EuimEmptyListPlaceholderSubtitleDirective {
|
|
|
611
621
|
constructor() {
|
|
612
622
|
this.className = 'euim-empty-list-placeholder__description';
|
|
613
623
|
}
|
|
614
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
615
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
624
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
625
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimEmptyListPlaceholderSubtitleDirective, isStandalone: true, selector: "[euimEmptyListPlaceholderSubtitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
616
626
|
}
|
|
617
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
627
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderSubtitleDirective, decorators: [{
|
|
618
628
|
type: Directive,
|
|
619
629
|
args: [{
|
|
620
630
|
selector: '[euimEmptyListPlaceholderSubtitle]',
|
|
621
|
-
standalone: true,
|
|
622
631
|
}]
|
|
623
632
|
}], propDecorators: { className: [{
|
|
624
633
|
type: HostBinding,
|
|
@@ -629,14 +638,13 @@ class EuimEmptyListPlaceholderIconDirective {
|
|
|
629
638
|
constructor() {
|
|
630
639
|
this.className = 'euim-empty-list-placeholder__icon';
|
|
631
640
|
}
|
|
632
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
633
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
641
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
642
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimEmptyListPlaceholderIconDirective, isStandalone: true, selector: "[euimEmptyListPlaceholderIcon]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
634
643
|
}
|
|
635
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
644
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderIconDirective, decorators: [{
|
|
636
645
|
type: Directive,
|
|
637
646
|
args: [{
|
|
638
647
|
selector: '[euimEmptyListPlaceholderIcon]',
|
|
639
|
-
standalone: true,
|
|
640
648
|
}]
|
|
641
649
|
}], propDecorators: { className: [{
|
|
642
650
|
type: HostBinding,
|
|
@@ -663,12 +671,12 @@ class EuimEmptyListPlaceholderComponent {
|
|
|
663
671
|
this.euimMarginBottomSmall ? 'euim-empty-list-placeholder--margin-bottom-small' : '',
|
|
664
672
|
].join(' ');
|
|
665
673
|
}
|
|
666
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
667
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
674
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
675
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimEmptyListPlaceholderComponent, isStandalone: true, 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" } }, viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true }], ngImport: i0, template: "@if (icon) {\n <ion-icon [name]=\"icon\" class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if ((!icon && !message && !description && isEmptyContent)) {\n <ion-icon name=\"search\"\n class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if (message || (!icon && !message && !description) && isEmptyContent) {\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) && isEmptyContent) {\n <div class=\"euim-empty-list-placeholder__description\">\n {{ description || 'euim.empty-list-placeholder.description' | translate }}\n </div>\n}\n<div #contentWrapper>\n <ng-content></ng-content>\n</div>\n\n", styles: [".euim-empty-list-placeholder div,.euim-empty-list-placeholder{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0;justify-content:center;justify-items:center;align-items:center}.euim-empty-list-placeholder div--margin-top-large,.euim-empty-list-placeholder--margin-top-large{margin-top:calc(9 * var(--eui-s-m))}.euim-empty-list-placeholder div--margin-top-small,.euim-empty-list-placeholder--margin-top-small{margin-top:var(--eui-s-m)}.euim-empty-list-placeholder div--margin-bottom-small,.euim-empty-list-placeholder--margin-bottom-small{margin-bottom:var(--eui-s-m)}.euim-empty-list-placeholder div__icon,.euim-empty-list-placeholder__icon{color:var(--eui-c-text-lighter);width:var(--eui-is-l);height:var(--eui-is-l);margin-bottom:var(--eui-s-3xs)}.euim-empty-list-placeholder div__message,.euim-empty-list-placeholder__message{font:var(--eui-f-m-bold);color:var(--eui-c-text-lighter);margin-bottom:var(--eui-s-4xs)}.euim-empty-list-placeholder div__description,.euim-empty-list-placeholder__description{font:var(--eui-f-s);color:var(--eui-c-text-lighter)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
668
676
|
}
|
|
669
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
677
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderComponent, decorators: [{
|
|
670
678
|
type: Component,
|
|
671
|
-
args: [{ selector: 'euim-empty-list-placeholder', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush,
|
|
679
|
+
args: [{ selector: 'euim-empty-list-placeholder', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [IonicModule, TranslateModule], template: "@if (icon) {\n <ion-icon [name]=\"icon\" class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if ((!icon && !message && !description && isEmptyContent)) {\n <ion-icon name=\"search\"\n class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if (message || (!icon && !message && !description) && isEmptyContent) {\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) && isEmptyContent) {\n <div class=\"euim-empty-list-placeholder__description\">\n {{ description || 'euim.empty-list-placeholder.description' | translate }}\n </div>\n}\n<div #contentWrapper>\n <ng-content></ng-content>\n</div>\n\n", styles: [".euim-empty-list-placeholder div,.euim-empty-list-placeholder{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0;justify-content:center;justify-items:center;align-items:center}.euim-empty-list-placeholder div--margin-top-large,.euim-empty-list-placeholder--margin-top-large{margin-top:calc(9 * var(--eui-s-m))}.euim-empty-list-placeholder div--margin-top-small,.euim-empty-list-placeholder--margin-top-small{margin-top:var(--eui-s-m)}.euim-empty-list-placeholder div--margin-bottom-small,.euim-empty-list-placeholder--margin-bottom-small{margin-bottom:var(--eui-s-m)}.euim-empty-list-placeholder div__icon,.euim-empty-list-placeholder__icon{color:var(--eui-c-text-lighter);width:var(--eui-is-l);height:var(--eui-is-l);margin-bottom:var(--eui-s-3xs)}.euim-empty-list-placeholder div__message,.euim-empty-list-placeholder__message{font:var(--eui-f-m-bold);color:var(--eui-c-text-lighter);margin-bottom:var(--eui-s-4xs)}.euim-empty-list-placeholder div__description,.euim-empty-list-placeholder__description{font:var(--eui-f-s);color:var(--eui-c-text-lighter)}\n"] }]
|
|
672
680
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { message: [{
|
|
673
681
|
type: Input
|
|
674
682
|
}], icon: [{
|
|
@@ -698,17 +706,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
698
706
|
* @deprecated Use {@link EUIM_EMPTY_LIST_PLACEHOLDER} instead.
|
|
699
707
|
*/
|
|
700
708
|
class EuimEmptyListPlaceholderModule {
|
|
701
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
702
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
709
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
710
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderModule, imports: [EuimEmptyListPlaceholderComponent,
|
|
703
711
|
EuimEmptyListPlaceholderTitleDirective,
|
|
704
712
|
EuimEmptyListPlaceholderSubtitleDirective,
|
|
705
713
|
EuimEmptyListPlaceholderIconDirective], exports: [EuimEmptyListPlaceholderComponent,
|
|
706
714
|
EuimEmptyListPlaceholderTitleDirective,
|
|
707
715
|
EuimEmptyListPlaceholderSubtitleDirective,
|
|
708
716
|
EuimEmptyListPlaceholderIconDirective] }); }
|
|
709
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
717
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderModule, imports: [EuimEmptyListPlaceholderComponent] }); }
|
|
710
718
|
}
|
|
711
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
719
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderModule, decorators: [{
|
|
712
720
|
type: NgModule,
|
|
713
721
|
args: [{
|
|
714
722
|
imports: [
|
|
@@ -734,17 +742,7 @@ const EUIM_EMPTY_LIST_PLACEHOLDER = [
|
|
|
734
742
|
];
|
|
735
743
|
|
|
736
744
|
class EuimLanguageListComponent {
|
|
737
|
-
constructor(
|
|
738
|
-
/**
|
|
739
|
-
* @deprecated will be removed in eUI Mobile v19.
|
|
740
|
-
*/
|
|
741
|
-
appShellService,
|
|
742
|
-
/**
|
|
743
|
-
* @deprecated will be removed in eUI Mobile v19.
|
|
744
|
-
*/
|
|
745
|
-
appService, modalCtrl, i18nService) {
|
|
746
|
-
this.appShellService = appShellService;
|
|
747
|
-
this.appService = appService;
|
|
745
|
+
constructor(modalCtrl, i18nService) {
|
|
748
746
|
this.modalCtrl = modalCtrl;
|
|
749
747
|
this.i18nService = i18nService;
|
|
750
748
|
}
|
|
@@ -779,27 +777,17 @@ class EuimLanguageListComponent {
|
|
|
779
777
|
d.label.toLowerCase().indexOf(query) > -1;
|
|
780
778
|
});
|
|
781
779
|
}
|
|
782
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
783
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
780
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLanguageListComponent, deps: [{ token: i1.ModalController }, { token: i1$1.I18nService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
781
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimLanguageListComponent, isStandalone: true, selector: "euim-language-list", ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"branding\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onClose()\">\n <ion-icon name=\"close\" 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 @if (hasSearchbar) {\n <ion-toolbar color=\"branding\" class=\"euim-language-selector__search\">\n <ion-searchbar (ionInput)=\"handleChange($event)\"></ion-searchbar>\n </ion-toolbar>\n }\n</ion-header>\n<ion-content>\n @if (results.length > 0) {\n <ion-list>\n @for (item of results; track item) {\n @if (euLanguageList[0]?.code === item.code\n || nonEULanguageList[0]?.code === item.code) {\n <ion-item-divider>\n {{ (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]=\"isLastElementOfArray(euLanguageList, item) || isLastElementOfArray(nonEULanguageList, item) ? 'none' : 'inset'\">\n <euim-avatar fill=\"solid\" slot=\"start\" variant=\"rounded\" class=\"euim-language-selector__avatar\">\n <euim-avatar-icon>\n <ion-icon name=\"language\" class=\"euim-language-selector__internal-icon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n <ion-label>\n <div euimLabel euimLabelTitle>{{item.label}}</div>\n <div euimLabel euimLabelMeta class=\"eui-u-text-uppercase\">\n {{item.code}}\n </div>\n </ion-label>\n @if (selectedLanguage?.code===item.code) {\n <ion-buttons>\n <ion-button fill=\"clear\" >\n <ion-icon name=\"checkmark\" 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: "ngmodule", type: EuimAvatarModule }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "ngmodule", type: EuimLabelModule }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }, { kind: "ngmodule", type: EuimEmptyListPlaceholderModule }, { kind: "component", type: EuimEmptyListPlaceholderComponent, selector: "euim-empty-list-placeholder", inputs: ["message", "icon", "description", "button", "euimMarginTopLarge", "euimMarginTopSmall", "euimMarginBottomSmall"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
784
782
|
}
|
|
785
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
783
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLanguageListComponent, decorators: [{
|
|
786
784
|
type: Component,
|
|
787
|
-
args: [{ selector: 'euim-language-list', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
788
|
-
}], ctorParameters: () => [{ type: i1
|
|
785
|
+
args: [{ selector: 'euim-language-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [EuimAvatarModule, EuimLabelModule, IonicModule, EuimEmptyListPlaceholderModule, TranslateModule], template: "<ion-header>\n <ion-toolbar color=\"branding\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onClose()\">\n <ion-icon name=\"close\" 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 @if (hasSearchbar) {\n <ion-toolbar color=\"branding\" class=\"euim-language-selector__search\">\n <ion-searchbar (ionInput)=\"handleChange($event)\"></ion-searchbar>\n </ion-toolbar>\n }\n</ion-header>\n<ion-content>\n @if (results.length > 0) {\n <ion-list>\n @for (item of results; track item) {\n @if (euLanguageList[0]?.code === item.code\n || nonEULanguageList[0]?.code === item.code) {\n <ion-item-divider>\n {{ (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]=\"isLastElementOfArray(euLanguageList, item) || isLastElementOfArray(nonEULanguageList, item) ? 'none' : 'inset'\">\n <euim-avatar fill=\"solid\" slot=\"start\" variant=\"rounded\" class=\"euim-language-selector__avatar\">\n <euim-avatar-icon>\n <ion-icon name=\"language\" class=\"euim-language-selector__internal-icon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n <ion-label>\n <div euimLabel euimLabelTitle>{{item.label}}</div>\n <div euimLabel euimLabelMeta class=\"eui-u-text-uppercase\">\n {{item.code}}\n </div>\n </ion-label>\n @if (selectedLanguage?.code===item.code) {\n <ion-buttons>\n <ion-button fill=\"clear\" >\n <ion-icon name=\"checkmark\" 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" }]
|
|
786
|
+
}], ctorParameters: () => [{ type: i1.ModalController }, { type: i1$1.I18nService }] });
|
|
789
787
|
|
|
790
788
|
class EuimLanguageSelectorComponent {
|
|
791
|
-
constructor(cd,
|
|
792
|
-
/**
|
|
793
|
-
* @deprecated will be removed in eUI Mobile v19.
|
|
794
|
-
*/
|
|
795
|
-
appShellService,
|
|
796
|
-
/**
|
|
797
|
-
* @deprecated will be removed in eUI Mobile v19.
|
|
798
|
-
*/
|
|
799
|
-
appService, i18nService, modalCtrl, baseStatesDirective, baseGlobalConfig) {
|
|
789
|
+
constructor(cd, i18nService, modalCtrl, baseStatesDirective, baseGlobalConfig) {
|
|
800
790
|
this.cd = cd;
|
|
801
|
-
this.appShellService = appShellService;
|
|
802
|
-
this.appService = appService;
|
|
803
791
|
this.i18nService = i18nService;
|
|
804
792
|
this.modalCtrl = modalCtrl;
|
|
805
793
|
this.baseStatesDirective = baseStatesDirective;
|
|
@@ -807,7 +795,6 @@ class EuimLanguageSelectorComponent {
|
|
|
807
795
|
this.hasSearchbar = true;
|
|
808
796
|
this.destroy$ = new Subject();
|
|
809
797
|
this.config = getI18nServiceConfig(this.baseGlobalConfig.i18n.i18nService);
|
|
810
|
-
this._euimPrimary = this.baseStatesDirective.color === 'primary';
|
|
811
798
|
this._euimBranding = this.baseStatesDirective.color === 'branding';
|
|
812
799
|
}
|
|
813
800
|
get cssClasses() {
|
|
@@ -853,10 +840,10 @@ class EuimLanguageSelectorComponent {
|
|
|
853
840
|
}
|
|
854
841
|
return null;
|
|
855
842
|
}
|
|
856
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
857
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "
|
|
843
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLanguageSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.I18nService }, { token: i1.ModalController }, { token: BaseStatesDirective }, { token: GLOBAL_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
844
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.1.0", type: EuimLanguageSelectorComponent, isStandalone: true, selector: "euim-language-selector", inputs: { hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ion-button (click)=\"onShowLanguageList()\" fill=\"clear\" shape=\"round\">\n <ion-icon class=\"euim-language-selector__icon {{_euimBranding ? 'euim-language-selector__icon--branding' : ''}}\"\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 {{_euimBranding ? 'euim-language-selector__text--branding' : ''}}\">\n {{ selectedLanguage?.code?.toUpperCase() }}\n </span>\n</ion-button>\n", styles: [".euim-language-selector span.euim-language-selector__text{font:var(--eui-f-xs-bold);margin-bottom:var(--eui-s-3xs);position:absolute;color:var(--eui-c-branding)}.euim-language-selector span.euim-language-selector__text--branding{color:var(--eui-c-branding-on-surface)}.euim-language-selector__icon{color:var(--eui-c-branding-on-surface);width:var(--eui-is-m);height:var(--eui-is-m);font-size:var(--eui-f-s-m)}.euim-language-selector__icon--branding{color:var(--eui-c-branding)}.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: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
858
845
|
}
|
|
859
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
846
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLanguageSelectorComponent, decorators: [{
|
|
860
847
|
type: Component,
|
|
861
848
|
args: [{ selector: 'euim-language-selector', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
862
849
|
{
|
|
@@ -865,12 +852,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
865
852
|
'color',
|
|
866
853
|
],
|
|
867
854
|
},
|
|
868
|
-
],
|
|
855
|
+
], imports: [
|
|
869
856
|
IonicModule,
|
|
870
857
|
TranslateModule,
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.EuiAppShellService }, { type: EuimAppService }, { type: i1$1.I18nService }, { type: i1.ModalController }, { type: BaseStatesDirective }, { type: undefined, decorators: [{
|
|
858
|
+
], template: "<ion-button (click)=\"onShowLanguageList()\" fill=\"clear\" shape=\"round\">\n <ion-icon class=\"euim-language-selector__icon {{_euimBranding ? 'euim-language-selector__icon--branding' : ''}}\"\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 {{_euimBranding ? 'euim-language-selector__text--branding' : ''}}\">\n {{ selectedLanguage?.code?.toUpperCase() }}\n </span>\n</ion-button>\n", styles: [".euim-language-selector span.euim-language-selector__text{font:var(--eui-f-xs-bold);margin-bottom:var(--eui-s-3xs);position:absolute;color:var(--eui-c-branding)}.euim-language-selector span.euim-language-selector__text--branding{color:var(--eui-c-branding-on-surface)}.euim-language-selector__icon{color:var(--eui-c-branding-on-surface);width:var(--eui-is-m);height:var(--eui-is-m);font-size:var(--eui-f-s-m)}.euim-language-selector__icon--branding{color:var(--eui-c-branding)}.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"] }]
|
|
859
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.I18nService }, { type: i1.ModalController }, { type: BaseStatesDirective }, { type: undefined, decorators: [{
|
|
874
860
|
type: Inject,
|
|
875
861
|
args: [GLOBAL_CONFIG_TOKEN]
|
|
876
862
|
}] }], propDecorators: { hasSearchbar: [{
|
|
@@ -885,13 +871,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
885
871
|
* @deprecated Use {@link EUIM_LANGUAGE_SELECTOR} instead.
|
|
886
872
|
*/
|
|
887
873
|
class EuimLanguageSelectorModule {
|
|
888
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
889
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
874
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLanguageSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
875
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimLanguageSelectorModule, imports: [EuimLanguageSelectorComponent,
|
|
890
876
|
EuimLanguageListComponent], exports: [EuimLanguageSelectorComponent, EuimLanguageListComponent] }); }
|
|
891
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
877
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLanguageSelectorModule, imports: [EuimLanguageSelectorComponent,
|
|
892
878
|
EuimLanguageListComponent] }); }
|
|
893
879
|
}
|
|
894
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
880
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLanguageSelectorModule, decorators: [{
|
|
895
881
|
type: NgModule,
|
|
896
882
|
args: [{
|
|
897
883
|
imports: [
|
|
@@ -917,12 +903,12 @@ class EuimUserProfileComponent {
|
|
|
917
903
|
this.color ? `euim-user-profile__backgroundcolor-${this.color}` : '',
|
|
918
904
|
].join(' ').trim();
|
|
919
905
|
}
|
|
920
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
921
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
906
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
907
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimUserProfileComponent, isStandalone: true, 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-c-neutral-surface-light)}.euim-user-profile__backgroundcolor-primary,.euim-user-profile__backgroundcolor-branding{background-color:var(--eui-c-branding)}.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));color:var(--eui-c-branding)}.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],.euim-user-profile-infos [euimLabelTitle]{color:var(--eui-c-text)}.euim-user-profile-infos__color-white [euimLabel]{color:var(--eui-c-branding-on-surface)}.euim-user-profile-infos euim-user-profile-infos-item:not(:last-child){margin-bottom:var(--eui-s-4xs)}.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 }); }
|
|
922
908
|
}
|
|
923
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
909
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimUserProfileComponent, decorators: [{
|
|
924
910
|
type: Component,
|
|
925
|
-
args: [{ selector: 'euim-user-profile', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
911
|
+
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-c-neutral-surface-light)}.euim-user-profile__backgroundcolor-primary,.euim-user-profile__backgroundcolor-branding{background-color:var(--eui-c-branding)}.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));color:var(--eui-c-branding)}.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],.euim-user-profile-infos [euimLabelTitle]{color:var(--eui-c-text)}.euim-user-profile-infos__color-white [euimLabel]{color:var(--eui-c-branding-on-surface)}.euim-user-profile-infos euim-user-profile-infos-item:not(:last-child){margin-bottom:var(--eui-s-4xs)}.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"] }]
|
|
926
912
|
}], propDecorators: { color: [{
|
|
927
913
|
type: Input
|
|
928
914
|
}], cssClasses: [{
|
|
@@ -934,12 +920,16 @@ class EuiMUserProfileAvatarComponent {
|
|
|
934
920
|
constructor() {
|
|
935
921
|
this.class = 'euim-user-profile-avatar';
|
|
936
922
|
}
|
|
937
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
938
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
923
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuiMUserProfileAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
924
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuiMUserProfileAvatarComponent, isStandalone: true, selector: "euim-user-profile-avatar", host: { properties: { "class": "this.class" } }, ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
939
925
|
}
|
|
940
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
926
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuiMUserProfileAvatarComponent, decorators: [{
|
|
941
927
|
type: Component,
|
|
942
|
-
args: [{
|
|
928
|
+
args: [{
|
|
929
|
+
selector: 'euim-user-profile-avatar',
|
|
930
|
+
template: '<ng-content/>',
|
|
931
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
932
|
+
}]
|
|
943
933
|
}], propDecorators: { class: [{
|
|
944
934
|
type: HostBinding
|
|
945
935
|
}] } });
|
|
@@ -954,12 +944,17 @@ class EuiMUserProfileInfosComponent {
|
|
|
954
944
|
this.color ? `euim-user-profile-infos__color-${this.color}` : '',
|
|
955
945
|
].join(' ').trim();
|
|
956
946
|
}
|
|
957
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
958
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
947
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuiMUserProfileInfosComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
948
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuiMUserProfileInfosComponent, isStandalone: true, selector: "euim-user-profile-infos", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
959
949
|
}
|
|
960
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
950
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuiMUserProfileInfosComponent, decorators: [{
|
|
961
951
|
type: Component,
|
|
962
|
-
args: [{
|
|
952
|
+
args: [{
|
|
953
|
+
selector: 'euim-user-profile-infos',
|
|
954
|
+
template: '<ng-content/>',
|
|
955
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
956
|
+
encapsulation: ViewEncapsulation.None,
|
|
957
|
+
}]
|
|
963
958
|
}], propDecorators: { color: [{
|
|
964
959
|
type: Input
|
|
965
960
|
}], cssClasses: [{
|
|
@@ -971,12 +966,17 @@ class EuiMUserProfileInfosItemComponent {
|
|
|
971
966
|
constructor() {
|
|
972
967
|
this.class = 'euim-user-profile-infos-item';
|
|
973
968
|
}
|
|
974
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
975
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
969
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuiMUserProfileInfosItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
970
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuiMUserProfileInfosItemComponent, isStandalone: true, selector: "euim-user-profile-infos-item", host: { properties: { "class": "this.class" } }, ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
976
971
|
}
|
|
977
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
972
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuiMUserProfileInfosItemComponent, decorators: [{
|
|
978
973
|
type: Component,
|
|
979
|
-
args: [{
|
|
974
|
+
args: [{
|
|
975
|
+
selector: 'euim-user-profile-infos-item',
|
|
976
|
+
template: '<ng-content/>',
|
|
977
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
978
|
+
encapsulation: ViewEncapsulation.None,
|
|
979
|
+
}]
|
|
980
980
|
}], propDecorators: { class: [{
|
|
981
981
|
type: HostBinding
|
|
982
982
|
}] } });
|
|
@@ -985,12 +985,12 @@ class EuiMUserProfileActionComponent {
|
|
|
985
985
|
constructor() {
|
|
986
986
|
this.className = 'euim-user-profile-action';
|
|
987
987
|
}
|
|
988
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
989
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
988
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuiMUserProfileActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
989
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuiMUserProfileActionComponent, isStandalone: true, 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: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
990
990
|
}
|
|
991
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
991
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuiMUserProfileActionComponent, decorators: [{
|
|
992
992
|
type: Component,
|
|
993
|
-
args: [{ selector: 'euim-user-profile-action', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
993
|
+
args: [{ selector: 'euim-user-profile-action', changeDetection: ChangeDetectionStrategy.OnPush, imports: [IonicModule], template: "<ion-buttons>\n <ng-content></ng-content>\n</ion-buttons>\n" }]
|
|
994
994
|
}], propDecorators: { className: [{
|
|
995
995
|
type: HostBinding
|
|
996
996
|
}] } });
|
|
@@ -999,8 +999,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
999
999
|
* @deprecated Use {@link EUIM_USER_PROFILE} instead.
|
|
1000
1000
|
*/
|
|
1001
1001
|
class EuimUserProfileModule {
|
|
1002
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1003
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1002
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimUserProfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1003
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimUserProfileModule, imports: [EuimUserProfileComponent,
|
|
1004
1004
|
EuiMUserProfileAvatarComponent,
|
|
1005
1005
|
EuiMUserProfileInfosComponent,
|
|
1006
1006
|
EuiMUserProfileInfosItemComponent,
|
|
@@ -1009,9 +1009,9 @@ class EuimUserProfileModule {
|
|
|
1009
1009
|
EuiMUserProfileInfosComponent,
|
|
1010
1010
|
EuiMUserProfileInfosItemComponent,
|
|
1011
1011
|
EuiMUserProfileActionComponent] }); }
|
|
1012
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1012
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimUserProfileModule, imports: [EuiMUserProfileActionComponent] }); }
|
|
1013
1013
|
}
|
|
1014
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1014
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimUserProfileModule, decorators: [{
|
|
1015
1015
|
type: NgModule,
|
|
1016
1016
|
args: [{
|
|
1017
1017
|
imports: [
|
|
@@ -1065,12 +1065,12 @@ class EuimToolbarComponent {
|
|
|
1065
1065
|
this.navCtrl.navigateBack('/');
|
|
1066
1066
|
}
|
|
1067
1067
|
}
|
|
1068
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1069
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "
|
|
1068
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarComponent, deps: [{ token: i1.NavController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1069
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.1.0", type: EuimToolbarComponent, isStandalone: true, selector: "euim-toolbar", inputs: { hasBackButton: ["hasBackButton", "hasBackButton", booleanAttribute], backButtonDefaultHref: "backButtonDefaultHref", ionMenuId: "ionMenuId", 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\" [menu]=\"ionMenuId\"></ion-menu-button>\n <ion-back-button (click)=\"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;padding-inline:var(--eui-s-s)}.euim-toolbar ion-menu-button{display:block}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonMenuButton, selector: "ion-menu-button", inputs: ["autoHide", "color", "disabled", "menu", "mode", "type"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonBackButton, selector: "ion-back-button" }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: EuimLanguageSelectorModule }, { kind: "component", type: EuimLanguageSelectorComponent, selector: "euim-language-selector", inputs: ["hasSearchbar"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1070
1070
|
}
|
|
1071
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1071
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarComponent, decorators: [{
|
|
1072
1072
|
type: Component,
|
|
1073
|
-
args: [{ selector: 'euim-toolbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1073
|
+
args: [{ selector: 'euim-toolbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
1074
1074
|
IonicModule,
|
|
1075
1075
|
TranslateModule,
|
|
1076
1076
|
CommonModule,
|
|
@@ -1107,16 +1107,21 @@ class EuimToolbarTitleComponent {
|
|
|
1107
1107
|
this.baseStatesDirective.getCssClasses('euim-toolbar__title'),
|
|
1108
1108
|
].join(' ');
|
|
1109
1109
|
}
|
|
1110
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1111
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1110
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarTitleComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1111
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimToolbarTitleComponent, isStandalone: true, selector: "euim-toolbar-title", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective }], ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1112
1112
|
}
|
|
1113
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1113
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarTitleComponent, decorators: [{
|
|
1114
1114
|
type: Component,
|
|
1115
|
-
args: [{
|
|
1115
|
+
args: [{
|
|
1116
|
+
selector: 'euim-toolbar-title',
|
|
1117
|
+
template: '<ng-content/>',
|
|
1118
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1119
|
+
hostDirectives: [
|
|
1116
1120
|
{
|
|
1117
1121
|
directive: BaseStatesDirective,
|
|
1118
1122
|
},
|
|
1119
|
-
],
|
|
1123
|
+
],
|
|
1124
|
+
}]
|
|
1120
1125
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
1121
1126
|
type: HostBinding,
|
|
1122
1127
|
args: ['class']
|
|
@@ -1126,12 +1131,16 @@ class EuimToolbarActionItemsComponent {
|
|
|
1126
1131
|
constructor() {
|
|
1127
1132
|
this.className = 'euim-toolbar-action-items';
|
|
1128
1133
|
}
|
|
1129
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1130
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1134
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarActionItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1135
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimToolbarActionItemsComponent, isStandalone: true, selector: "euim-toolbar-action-items", host: { properties: { "className": "this.className" } }, ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1131
1136
|
}
|
|
1132
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1137
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarActionItemsComponent, decorators: [{
|
|
1133
1138
|
type: Component,
|
|
1134
|
-
args: [{
|
|
1139
|
+
args: [{
|
|
1140
|
+
selector: 'euim-toolbar-action-items',
|
|
1141
|
+
template: '<ng-content/>',
|
|
1142
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1143
|
+
}]
|
|
1135
1144
|
}], propDecorators: { className: [{
|
|
1136
1145
|
type: HostBinding
|
|
1137
1146
|
}] } });
|
|
@@ -1140,13 +1149,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1140
1149
|
* @deprecated Use {@link EUIM_TOOLBAR} instead.
|
|
1141
1150
|
*/
|
|
1142
1151
|
class EuimToolbarComponentModule {
|
|
1143
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1144
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1152
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1153
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarComponentModule, imports: [EuimToolbarComponent,
|
|
1145
1154
|
EuimToolbarTitleComponent,
|
|
1146
1155
|
EuimToolbarActionItemsComponent], exports: [EuimToolbarComponent, EuimToolbarTitleComponent, EuimToolbarActionItemsComponent] }); }
|
|
1147
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1156
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarComponentModule, imports: [EuimToolbarComponent] }); }
|
|
1148
1157
|
}
|
|
1149
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1158
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarComponentModule, decorators: [{
|
|
1150
1159
|
type: NgModule,
|
|
1151
1160
|
args: [{
|
|
1152
1161
|
imports: [
|
|
@@ -1219,12 +1228,12 @@ class EuimSidebarContentComponent {
|
|
|
1219
1228
|
return labelMatch || typeMatch;
|
|
1220
1229
|
});
|
|
1221
1230
|
}
|
|
1222
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1223
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1231
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarContentComponent, deps: [{ token: i1$1.I18nService }, { token: i1$1.EuiAppShellService }, { token: i1.MenuController }, { token: i1.NavController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1232
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimSidebarContentComponent, isStandalone: true, selector: "euim-sidebar-content", inputs: { sidebarItems: "sidebarItems", ionMenuId: "ionMenuId", hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute], isSearchbarSticky: ["isSearchbarSticky", "isSearchbarSticky", 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 <div class=\"euim-sidebar-content__searchbar\" [ngClass]=\"{ 'euim-sidebar-content__searchbar--sticky': isSearchbarSticky }\">\n <ion-searchbar (ionInput)=\"handleInput($event)\"></ion-searchbar>\n </div>\n }\n <ion-menu-toggle auto-hide=\"true\" (click)=\"closeMenu()\" menu=\"{{ionMenuId}}\">\n <ng-content></ng-content>\n </ion-menu-toggle>\n</ion-list>\n\n", dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1224
1233
|
}
|
|
1225
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1234
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarContentComponent, decorators: [{
|
|
1226
1235
|
type: Component,
|
|
1227
|
-
args: [{ selector: 'euim-sidebar-content', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1236
|
+
args: [{ selector: 'euim-sidebar-content', changeDetection: ChangeDetectionStrategy.OnPush, imports: [IonicModule, CommonModule], template: "<ion-list class=\"euim-sidebar-content__list\">\n @if (hasSearchbar) {\n <div class=\"euim-sidebar-content__searchbar\" [ngClass]=\"{ 'euim-sidebar-content__searchbar--sticky': isSearchbarSticky }\">\n <ion-searchbar (ionInput)=\"handleInput($event)\"></ion-searchbar>\n </div>\n }\n <ion-menu-toggle auto-hide=\"true\" (click)=\"closeMenu()\" menu=\"{{ionMenuId}}\">\n <ng-content></ng-content>\n </ion-menu-toggle>\n</ion-list>\n\n" }]
|
|
1228
1237
|
}], ctorParameters: () => [{ type: i1$1.I18nService }, { type: i1$1.EuiAppShellService }, { type: i1.MenuController }, { type: i1.NavController }], propDecorators: { className: [{
|
|
1229
1238
|
type: HostBinding
|
|
1230
1239
|
}], sidebarItems: [{
|
|
@@ -1276,15 +1285,15 @@ class EuimSidebarComponent {
|
|
|
1276
1285
|
this.sidebarContent.ionMenuId = this.ionMenuId;
|
|
1277
1286
|
}
|
|
1278
1287
|
}
|
|
1279
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1280
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1288
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarComponent, deps: [{ token: i1$2.Router }, { token: i1.MenuController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1289
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimSidebarComponent, isStandalone: true, selector: "euim-sidebar", inputs: { ionMenuId: "ionMenuId", routerPath: "routerPath" }, host: { properties: { "className": "this.className" } }, queries: [{ propertyName: "sidebarContent", first: true, predicate: EuimSidebarContentComponent, descendants: true }], 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{box-shadow:none}.euim-sidebar ion-header.header-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:var(--eui-s-none);position:relative}.euim-sidebar-content__searchbar--sticky{position:sticky;top:0;z-index:var(--eui-zi-sticky)}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-item .euim-avatar--color-success{background-color:var(--eui-c-success-surface)}.euim-sidebar-content ion-item .euim-avatar--color-danger{background-color:var(--eui-c-danger-surface)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-s-m) var(--eui-s-none) var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-s-m);height:var(--eui-s-m);opacity:1;color:var(--eui-c-text-lighter);margin-left:var(--eui-s-xs)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }, { kind: "ngmodule", type: RouterModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1281
1290
|
}
|
|
1282
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1291
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarComponent, decorators: [{
|
|
1283
1292
|
type: Component,
|
|
1284
|
-
args: [{ selector: 'euim-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
1293
|
+
args: [{ selector: 'euim-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
|
|
1285
1294
|
IonicModule,
|
|
1286
1295
|
RouterModule,
|
|
1287
|
-
], 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{box-shadow:none}.euim-sidebar ion-header.header-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:
|
|
1296
|
+
], 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{box-shadow:none}.euim-sidebar ion-header.header-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:var(--eui-s-none);position:relative}.euim-sidebar-content__searchbar--sticky{position:sticky;top:0;z-index:var(--eui-zi-sticky)}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-item .euim-avatar--color-success{background-color:var(--eui-c-success-surface)}.euim-sidebar-content ion-item .euim-avatar--color-danger{background-color:var(--eui-c-danger-surface)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-s-m) var(--eui-s-none) var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-s-m);height:var(--eui-s-m);opacity:1;color:var(--eui-c-text-lighter);margin-left:var(--eui-s-xs)}\n"] }]
|
|
1288
1297
|
}], ctorParameters: () => [{ type: i1$2.Router }, { type: i1.MenuController }], propDecorators: { sidebarContent: [{
|
|
1289
1298
|
type: ContentChild,
|
|
1290
1299
|
args: [EuimSidebarContentComponent]
|
|
@@ -1300,13 +1309,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1300
1309
|
* @deprecated Use {@link EUIM_SIDEBAR} instead.
|
|
1301
1310
|
*/
|
|
1302
1311
|
class EuimSidebarModule {
|
|
1303
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1304
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1312
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1313
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarModule, imports: [EuimSidebarComponent,
|
|
1305
1314
|
EuimSidebarContentComponent], exports: [EuimSidebarComponent, EuimSidebarContentComponent] }); }
|
|
1306
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1315
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarModule, imports: [EuimSidebarComponent,
|
|
1307
1316
|
EuimSidebarContentComponent] }); }
|
|
1308
1317
|
}
|
|
1309
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1318
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarModule, decorators: [{
|
|
1310
1319
|
type: NgModule,
|
|
1311
1320
|
args: [{
|
|
1312
1321
|
imports: [
|
|
@@ -1336,19 +1345,19 @@ class EuimHeaderDetailsComponent {
|
|
|
1336
1345
|
!this.hasBorderBottom ? 'euim-header-details--no-border-bottom' : '',
|
|
1337
1346
|
].join(' ');
|
|
1338
1347
|
}
|
|
1339
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1340
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "
|
|
1348
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1349
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.1.0", type: EuimHeaderDetailsComponent, isStandalone: true, 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/>', isInline: true, styles: [".euim-header-details{padding:var(--eui-s-m);display:block;text-align:center;background-color:var(--eui-c-neutral-surface-light);border-bottom:1px solid var(--eui-c-neutral-border-lighter)}.euim-header-details--no-border-bottom{border-bottom:none}.euim-header-details--branding{background-color:var(--eui-c-branding);border-bottom:none}.euim-header-details--branding .euim-header-details__title,.euim-header-details--branding .euim-header-details__meta{color:var(--eui-c-branding-on-surface)}.euim-header-details--branding .euim-avatar{background-color:var(--eui-c-branding-on-surface)}.euim-header-details--branding .euim-avatar .euim-avatar-icon ion-icon{color:var(--eui-c-branding)}.euim-header-details__title{font:var(--eui-f-m);color:var(--eui-c-text)}.euim-header-details__meta{color:var(--eui-c-text-lighter);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-3xs)}.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 }); }
|
|
1341
1350
|
}
|
|
1342
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1351
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsComponent, decorators: [{
|
|
1343
1352
|
type: Component,
|
|
1344
|
-
args: [{ selector: 'euim-header-details', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1353
|
+
args: [{ selector: 'euim-header-details', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1345
1354
|
{
|
|
1346
1355
|
directive: BaseStatesDirective,
|
|
1347
1356
|
inputs: [
|
|
1348
1357
|
'color',
|
|
1349
1358
|
],
|
|
1350
1359
|
},
|
|
1351
|
-
],
|
|
1360
|
+
], styles: [".euim-header-details{padding:var(--eui-s-m);display:block;text-align:center;background-color:var(--eui-c-neutral-surface-light);border-bottom:1px solid var(--eui-c-neutral-border-lighter)}.euim-header-details--no-border-bottom{border-bottom:none}.euim-header-details--branding{background-color:var(--eui-c-branding);border-bottom:none}.euim-header-details--branding .euim-header-details__title,.euim-header-details--branding .euim-header-details__meta{color:var(--eui-c-branding-on-surface)}.euim-header-details--branding .euim-avatar{background-color:var(--eui-c-branding-on-surface)}.euim-header-details--branding .euim-avatar .euim-avatar-icon ion-icon{color:var(--eui-c-branding)}.euim-header-details__title{font:var(--eui-f-m);color:var(--eui-c-text)}.euim-header-details__meta{color:var(--eui-c-text-lighter);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-3xs)}.euim-header-details p,.euim-header-details span{margin:0}.euim-header-details span[euimHeaderDetailsTitle],.euim-header-details span[euimHeaderDetailsMeta]{display:block}\n"] }]
|
|
1352
1361
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { hasBorderBottom: [{
|
|
1353
1362
|
type: Input,
|
|
1354
1363
|
args: [{ transform: booleanAttribute }]
|
|
@@ -1361,14 +1370,13 @@ class EuimHeaderDetailsMetaDirective {
|
|
|
1361
1370
|
constructor() {
|
|
1362
1371
|
this.className = 'euim-header-details__meta';
|
|
1363
1372
|
}
|
|
1364
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1365
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1373
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsMetaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1374
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimHeaderDetailsMetaDirective, isStandalone: true, selector: "[euimHeaderDetailsMeta]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1366
1375
|
}
|
|
1367
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1376
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsMetaDirective, decorators: [{
|
|
1368
1377
|
type: Directive,
|
|
1369
1378
|
args: [{
|
|
1370
1379
|
selector: '[euimHeaderDetailsMeta]',
|
|
1371
|
-
standalone: true,
|
|
1372
1380
|
}]
|
|
1373
1381
|
}], propDecorators: { className: [{
|
|
1374
1382
|
type: HostBinding,
|
|
@@ -1379,14 +1387,13 @@ class EuimHeaderDetailsTitleDirective {
|
|
|
1379
1387
|
constructor() {
|
|
1380
1388
|
this.className = 'euim-header-details__title';
|
|
1381
1389
|
}
|
|
1382
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1383
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1390
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1391
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimHeaderDetailsTitleDirective, isStandalone: true, selector: "[euimHeaderDetailsTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1384
1392
|
}
|
|
1385
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1393
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsTitleDirective, decorators: [{
|
|
1386
1394
|
type: Directive,
|
|
1387
1395
|
args: [{
|
|
1388
1396
|
selector: '[euimHeaderDetailsTitle]',
|
|
1389
|
-
standalone: true,
|
|
1390
1397
|
}]
|
|
1391
1398
|
}], propDecorators: { className: [{
|
|
1392
1399
|
type: HostBinding,
|
|
@@ -1397,14 +1404,13 @@ class EuimHeaderDetailsIconDirective {
|
|
|
1397
1404
|
constructor() {
|
|
1398
1405
|
this.className = 'euim-header-details__icon';
|
|
1399
1406
|
}
|
|
1400
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1401
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1407
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1408
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimHeaderDetailsIconDirective, isStandalone: true, selector: "[euimHeaderDetailsIcon]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1402
1409
|
}
|
|
1403
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1410
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsIconDirective, decorators: [{
|
|
1404
1411
|
type: Directive,
|
|
1405
1412
|
args: [{
|
|
1406
1413
|
selector: '[euimHeaderDetailsIcon]',
|
|
1407
|
-
standalone: true,
|
|
1408
1414
|
}]
|
|
1409
1415
|
}], propDecorators: { className: [{
|
|
1410
1416
|
type: HostBinding,
|
|
@@ -1415,11 +1421,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1415
1421
|
* @deprecated Use {@link EUIM_HEADER_DETAILS} instead.
|
|
1416
1422
|
*/
|
|
1417
1423
|
class EuimHeaderDetailsModule {
|
|
1418
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1419
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1420
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1424
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1425
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsModule, imports: [EuimHeaderDetailsComponent, EuimHeaderDetailsTitleDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsIconDirective], exports: [EuimHeaderDetailsComponent, EuimHeaderDetailsTitleDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsIconDirective] }); }
|
|
1426
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsModule }); }
|
|
1421
1427
|
}
|
|
1422
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1428
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsModule, decorators: [{
|
|
1423
1429
|
type: NgModule,
|
|
1424
1430
|
args: [{
|
|
1425
1431
|
imports: [EuimHeaderDetailsComponent, EuimHeaderDetailsTitleDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsIconDirective],
|
|
@@ -1446,12 +1452,12 @@ class EuimBadgeComponent {
|
|
|
1446
1452
|
this.baseStatesDirective.getCssClasses('euim-badge'),
|
|
1447
1453
|
].join(' ').trim();
|
|
1448
1454
|
}
|
|
1449
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1450
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1455
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimBadgeComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1456
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimBadgeComponent, isStandalone: true, selector: "euim-badge", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimPositionTopEnd", "euimPositionTopEnd", "euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "color", "color"] }], ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);height:var(--eui-is-m);min-width:var(--eui-is-m);padding:var(--eui-s-none) 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-m)}ion-button:has(euim-badge)::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-surface)}.euim-badge--primary{background:var(--eui-c-primary-surface)}.euim-badge--success{background:var(--eui-c-success-surface)}.euim-badge--warning{background:var(--eui-c-warning-surface);color:var(--eui-c-warning-on-surface)}.euim-badge--danger{background:var(--eui-c-danger-surface)}.euim-badge--default{background:var(--eui-c-neutral-surface);color:var(--eui-c-neutral-on-surface)}.euim-badge--size-s{min-width:var(--eui-is-xs);height:var(--eui-is-xs);padding:var(--eui-s-none) var(--eui-s-3xs);font:var(--eui-f-xs-bold)!important}.euim-badge--size-m{min-width:var(--eui-is-s);height:var(--eui-is-s);padding:var(--eui-s-none) var(--eui-s-2xs);font:var(--eui-f-s-bold)!important}.euim-badge--size-l{height:var(--eui-is-m);min-width:var(--eui-is-m);font:var(--eui-f-s-bold)!important}.euim-badge--size-xl{height:var(--eui-is-xl);min-width:var(--eui-is-xl);padding:var(--eui-s-none) var(--eui-s-xs);font:var(--eui-f-l-bold)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1451
1457
|
}
|
|
1452
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1458
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimBadgeComponent, decorators: [{
|
|
1453
1459
|
type: Component,
|
|
1454
|
-
args: [{ selector: 'euim-badge', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
1460
|
+
args: [{ selector: 'euim-badge', template: '<ng-content/>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
1455
1461
|
{
|
|
1456
1462
|
directive: BaseStatesDirective,
|
|
1457
1463
|
inputs: [
|
|
@@ -1463,7 +1469,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1463
1469
|
'color',
|
|
1464
1470
|
],
|
|
1465
1471
|
},
|
|
1466
|
-
],
|
|
1472
|
+
], styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);height:var(--eui-is-m);min-width:var(--eui-is-m);padding:var(--eui-s-none) 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-m)}ion-button:has(euim-badge)::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-surface)}.euim-badge--primary{background:var(--eui-c-primary-surface)}.euim-badge--success{background:var(--eui-c-success-surface)}.euim-badge--warning{background:var(--eui-c-warning-surface);color:var(--eui-c-warning-on-surface)}.euim-badge--danger{background:var(--eui-c-danger-surface)}.euim-badge--default{background:var(--eui-c-neutral-surface);color:var(--eui-c-neutral-on-surface)}.euim-badge--size-s{min-width:var(--eui-is-xs);height:var(--eui-is-xs);padding:var(--eui-s-none) var(--eui-s-3xs);font:var(--eui-f-xs-bold)!important}.euim-badge--size-m{min-width:var(--eui-is-s);height:var(--eui-is-s);padding:var(--eui-s-none) var(--eui-s-2xs);font:var(--eui-f-s-bold)!important}.euim-badge--size-l{height:var(--eui-is-m);min-width:var(--eui-is-m);font:var(--eui-f-s-bold)!important}.euim-badge--size-xl{height:var(--eui-is-xl);min-width:var(--eui-is-xl);padding:var(--eui-s-none) var(--eui-s-xs);font:var(--eui-f-l-bold)!important}\n"] }]
|
|
1467
1473
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
1468
1474
|
type: HostBinding,
|
|
1469
1475
|
args: ['class']
|
|
@@ -1473,11 +1479,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1473
1479
|
* @deprecated Use {@link EUIM_BADGE} instead.
|
|
1474
1480
|
*/
|
|
1475
1481
|
class EuimBadgeModule {
|
|
1476
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1477
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1478
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1482
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1483
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimBadgeModule, imports: [EuimBadgeComponent], exports: [EuimBadgeComponent] }); }
|
|
1484
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimBadgeModule }); }
|
|
1479
1485
|
}
|
|
1480
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1486
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimBadgeModule, decorators: [{
|
|
1481
1487
|
type: NgModule,
|
|
1482
1488
|
args: [{
|
|
1483
1489
|
imports: [EuimBadgeComponent],
|
|
@@ -1490,7 +1496,7 @@ const EUIM_BADGE = [
|
|
|
1490
1496
|
];
|
|
1491
1497
|
|
|
1492
1498
|
/**
|
|
1493
|
-
* @deprecated It will be removed
|
|
1499
|
+
* @deprecated It will be removed. Use {@link EuimAlertMessageComponent} instead.
|
|
1494
1500
|
*/
|
|
1495
1501
|
class EuimMessageComponent {
|
|
1496
1502
|
get icon() {
|
|
@@ -1520,10 +1526,10 @@ class EuimMessageComponent {
|
|
|
1520
1526
|
this.baseStatesDirective.color !== 'info' ? 'euim-message--info' : '',
|
|
1521
1527
|
].join(' ');
|
|
1522
1528
|
}
|
|
1523
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1524
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1529
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMessageComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1530
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimMessageComponent, isStandalone: true, 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:var(--eui-bw-s);border-style:solid;display:flex;padding:var(--eui-s-m)}.euim-message__wrappericon{width:var(--eui-is-m);height:var(--eui-is-m);padding:var(--eui-s-none);margin:var(--eui-s-none)}.euim-message__icon{padding:var(--eui-s-none);margin:var(--eui-s-none);width:var(--eui-is-m);height:var(--eui-is-m)}.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-bold);padding:var(--eui-s-none);margin:var(--eui-s-none) var(--eui-s-none) var(--eui-s-xs)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1525
1531
|
}
|
|
1526
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1532
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMessageComponent, decorators: [{
|
|
1527
1533
|
type: Component,
|
|
1528
1534
|
args: [{ selector: 'euim-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1529
1535
|
{
|
|
@@ -1532,7 +1538,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1532
1538
|
'color',
|
|
1533
1539
|
],
|
|
1534
1540
|
},
|
|
1535
|
-
],
|
|
1541
|
+
], imports: [IonicModule], 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:var(--eui-bw-s);border-style:solid;display:flex;padding:var(--eui-s-m)}.euim-message__wrappericon{width:var(--eui-is-m);height:var(--eui-is-m);padding:var(--eui-s-none);margin:var(--eui-s-none)}.euim-message__icon{padding:var(--eui-s-none);margin:var(--eui-s-none);width:var(--eui-is-m);height:var(--eui-is-m)}.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-bold);padding:var(--eui-s-none);margin:var(--eui-s-none) var(--eui-s-none) var(--eui-s-xs)}\n"] }]
|
|
1536
1542
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
1537
1543
|
type: HostBinding,
|
|
1538
1544
|
args: ['class']
|
|
@@ -1542,12 +1548,17 @@ class EuimMessageTitleComponent {
|
|
|
1542
1548
|
constructor() {
|
|
1543
1549
|
this.className = 'euim-message-title';
|
|
1544
1550
|
}
|
|
1545
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1546
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1551
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMessageTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1552
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimMessageTitleComponent, isStandalone: true, selector: "euim-message-title", host: { properties: { "className": "this.className" } }, ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1547
1553
|
}
|
|
1548
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1554
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMessageTitleComponent, decorators: [{
|
|
1549
1555
|
type: Component,
|
|
1550
|
-
args: [{
|
|
1556
|
+
args: [{
|
|
1557
|
+
selector: 'euim-message-title',
|
|
1558
|
+
template: '<ng-content/>',
|
|
1559
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1560
|
+
encapsulation: ViewEncapsulation.None,
|
|
1561
|
+
}]
|
|
1551
1562
|
}], propDecorators: { className: [{
|
|
1552
1563
|
type: HostBinding
|
|
1553
1564
|
}] } });
|
|
@@ -1556,11 +1567,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1556
1567
|
* @deprecated Use {@link EUIM_MESSAGE} instead.
|
|
1557
1568
|
*/
|
|
1558
1569
|
class EuimMessageModule {
|
|
1559
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1560
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1561
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1570
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1571
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimMessageModule, imports: [EuimMessageComponent, EuimMessageTitleComponent], exports: [EuimMessageComponent, EuimMessageTitleComponent] }); }
|
|
1572
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMessageModule, imports: [EuimMessageComponent] }); }
|
|
1562
1573
|
}
|
|
1563
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1574
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMessageModule, decorators: [{
|
|
1564
1575
|
type: NgModule,
|
|
1565
1576
|
args: [{
|
|
1566
1577
|
imports: [EuimMessageComponent, EuimMessageTitleComponent],
|
|
@@ -1586,15 +1597,15 @@ class EuimSpinnerComponent {
|
|
|
1586
1597
|
this.variant ? `euim-spinner--variant-${this.variant}` : '',
|
|
1587
1598
|
].join(' ');
|
|
1588
1599
|
}
|
|
1589
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1590
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1600
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1601
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimSpinnerComponent, isStandalone: true, selector: "euim-spinner", inputs: { variant: "variant" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ion-spinner class=\"euim-spinner__icon\"></ion-spinner>\n<ng-content></ng-content>\n", styles: [".euim-spinner{width:100%;margin:var(--eui-s-none);padding:var(--eui-s-none);display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center}.euim-spinner__icon{width:var(--eui-is-m);height:var(--eui-is-m);color:var(--eui-c-primary)}.euim-spinner--variant-inverted .euim-spinner-description,.euim-spinner--variant-inverted .euim-spinner-message{color:var(--eui-c-white)}.euim-spinner--variant-inverted ion-spinner{color:var(--eui-c-white)}.euim-spinner-message{font:var(--eui-f-m);display:flex;justify-content:center;color:var(--eui-c-text);margin-top:var(--eui-s-3xs)}.euim-spinner-description{font:var(--eui-f-s);display:flex;justify-content:center;color:var(--eui-c-text-lighter);margin-top:var(--eui-s-4xs)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }, { kind: "ngmodule", type: TranslateModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1591
1602
|
}
|
|
1592
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1603
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerComponent, decorators: [{
|
|
1593
1604
|
type: Component,
|
|
1594
|
-
args: [{ selector: 'euim-spinner', encapsulation: ViewEncapsulation.None,
|
|
1605
|
+
args: [{ selector: 'euim-spinner', encapsulation: ViewEncapsulation.None, imports: [
|
|
1595
1606
|
IonicModule,
|
|
1596
1607
|
TranslateModule,
|
|
1597
|
-
], template: "<ion-spinner class=\"euim-spinner__icon\"></ion-spinner>\n<ng-content></ng-content>\n", styles: [".euim-spinner{width:100%;margin:
|
|
1608
|
+
], template: "<ion-spinner class=\"euim-spinner__icon\"></ion-spinner>\n<ng-content></ng-content>\n", styles: [".euim-spinner{width:100%;margin:var(--eui-s-none);padding:var(--eui-s-none);display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center}.euim-spinner__icon{width:var(--eui-is-m);height:var(--eui-is-m);color:var(--eui-c-primary)}.euim-spinner--variant-inverted .euim-spinner-description,.euim-spinner--variant-inverted .euim-spinner-message{color:var(--eui-c-white)}.euim-spinner--variant-inverted ion-spinner{color:var(--eui-c-white)}.euim-spinner-message{font:var(--eui-f-m);display:flex;justify-content:center;color:var(--eui-c-text);margin-top:var(--eui-s-3xs)}.euim-spinner-description{font:var(--eui-f-s);display:flex;justify-content:center;color:var(--eui-c-text-lighter);margin-top:var(--eui-s-4xs)}\n"] }]
|
|
1598
1609
|
}], propDecorators: { variant: [{
|
|
1599
1610
|
type: Input
|
|
1600
1611
|
}], cssClasses: [{
|
|
@@ -1607,12 +1618,12 @@ class EuimSpinnerMessageComponent {
|
|
|
1607
1618
|
constructor() {
|
|
1608
1619
|
this.className = 'euim-spinner-message';
|
|
1609
1620
|
}
|
|
1610
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1611
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1621
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1622
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimSpinnerMessageComponent, isStandalone: true, selector: "[euimSpinnerMessage]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".euim-spinner-message{font:var(--eui-f-m);display:flex;justify-content:center;color:var(--eui-c-text);margin-top:var(--eui-s-3xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1612
1623
|
}
|
|
1613
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1624
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerMessageComponent, decorators: [{
|
|
1614
1625
|
type: Component,
|
|
1615
|
-
args: [{ selector: '[euimSpinnerMessage]', template: '<ng-content
|
|
1626
|
+
args: [{ selector: '[euimSpinnerMessage]', template: '<ng-content/>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".euim-spinner-message{font:var(--eui-f-m);display:flex;justify-content:center;color:var(--eui-c-text);margin-top:var(--eui-s-3xs)}\n"] }]
|
|
1616
1627
|
}], propDecorators: { className: [{
|
|
1617
1628
|
type: HostBinding,
|
|
1618
1629
|
args: ['class']
|
|
@@ -1623,12 +1634,12 @@ class EuimSpinnerDescriptionComponent {
|
|
|
1623
1634
|
constructor() {
|
|
1624
1635
|
this.className = 'euim-spinner-description';
|
|
1625
1636
|
}
|
|
1626
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1627
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1637
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1638
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimSpinnerDescriptionComponent, isStandalone: true, selector: "[euimSpinnerDescription]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".euim-spinner-description{font:var(--eui-f-s);display:flex;justify-content:center;color:var(--eui-c-text-lighter);margin-top:var(--eui-s-4xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1628
1639
|
}
|
|
1629
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1640
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerDescriptionComponent, decorators: [{
|
|
1630
1641
|
type: Component,
|
|
1631
|
-
args: [{ selector: '[euimSpinnerDescription]', template: '<ng-content
|
|
1642
|
+
args: [{ selector: '[euimSpinnerDescription]', template: '<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-text-lighter);margin-top:var(--eui-s-4xs)}\n"] }]
|
|
1632
1643
|
}], propDecorators: { className: [{
|
|
1633
1644
|
type: HostBinding,
|
|
1634
1645
|
args: ['class']
|
|
@@ -1638,15 +1649,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1638
1649
|
* @deprecated Use {@link EUIM_SPINNER} instead.
|
|
1639
1650
|
*/
|
|
1640
1651
|
class EuimSpinnerComponentModule {
|
|
1641
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1642
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1652
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1653
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerComponentModule, imports: [EuimSpinnerComponent,
|
|
1643
1654
|
EuimSpinnerMessageComponent,
|
|
1644
1655
|
EuimSpinnerDescriptionComponent], exports: [EuimSpinnerComponent,
|
|
1645
1656
|
EuimSpinnerMessageComponent,
|
|
1646
1657
|
EuimSpinnerDescriptionComponent] }); }
|
|
1647
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1658
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerComponentModule, imports: [EuimSpinnerComponent] }); }
|
|
1648
1659
|
}
|
|
1649
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1660
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerComponentModule, decorators: [{
|
|
1650
1661
|
type: NgModule,
|
|
1651
1662
|
args: [{
|
|
1652
1663
|
imports: [
|
|
@@ -1694,10 +1705,10 @@ class EuimMediaHeaderComponent {
|
|
|
1694
1705
|
size ? `euim-media-header__size-${size}` : '',
|
|
1695
1706
|
].join(' ').trim();
|
|
1696
1707
|
}
|
|
1697
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1698
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1708
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1709
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimMediaHeaderComponent, isStandalone: true, 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;overflow-y:auto;max-height:100vh}.euim-media-header__content{position:absolute;bottom:var(--eui-s-m);color:var(--eui-c-white);padding-left:var(--eui-s-m);padding-right:var(--eui-s-m)}.euim-media-header__content .euim-media-header__title{font:var(--eui-f-l-bold);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:var(--eui-s-none);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__custom-content,.euim-media-header .euim-media-header__blur,.euim-media-header .euim-media-header__gradient{padding:var(--eui-s-none);top:0;right:0;left:0;overflow:auto}.euim-media-header .euim-media-header__image{height:auto}.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-bold);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:var(--eui-s-none)}.euim-media-header span[euimMediaHeaderTitle],.euim-media-header span[euimMediaHeaderSubTitle]{display:block}.euim-media-header__size-s .euim-media-header__image,.euim-media-header__size-s .euim-media-header__blur,.euim-media-header__size-s .euim-media-header__gradient{height:calc(var(--eui-s-m) * 8)}.euim-media-header__size-m .euim-media-header__image,.euim-media-header__size-m .euim-media-header__blur,.euim-media-header__size-m .euim-media-header__gradient{height:calc(var(--eui-s-m) * 16)}.euim-media-header__size-l .euim-media-header__image,.euim-media-header__size-l .euim-media-header__blur,.euim-media-header__size-l .euim-media-header__gradient{height:calc(var(--eui-s-m) * 25)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1699
1710
|
}
|
|
1700
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1711
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderComponent, decorators: [{
|
|
1701
1712
|
type: Component,
|
|
1702
1713
|
args: [{ selector: 'euim-media-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1703
1714
|
{
|
|
@@ -1708,7 +1719,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1708
1719
|
'euimSizeL',
|
|
1709
1720
|
],
|
|
1710
1721
|
},
|
|
1711
|
-
],
|
|
1722
|
+
], imports: [CommonModule], 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;overflow-y:auto;max-height:100vh}.euim-media-header__content{position:absolute;bottom:var(--eui-s-m);color:var(--eui-c-white);padding-left:var(--eui-s-m);padding-right:var(--eui-s-m)}.euim-media-header__content .euim-media-header__title{font:var(--eui-f-l-bold);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:var(--eui-s-none);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__custom-content,.euim-media-header .euim-media-header__blur,.euim-media-header .euim-media-header__gradient{padding:var(--eui-s-none);top:0;right:0;left:0;overflow:auto}.euim-media-header .euim-media-header__image{height:auto}.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-bold);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:var(--eui-s-none)}.euim-media-header span[euimMediaHeaderTitle],.euim-media-header span[euimMediaHeaderSubTitle]{display:block}.euim-media-header__size-s .euim-media-header__image,.euim-media-header__size-s .euim-media-header__blur,.euim-media-header__size-s .euim-media-header__gradient{height:calc(var(--eui-s-m) * 8)}.euim-media-header__size-m .euim-media-header__image,.euim-media-header__size-m .euim-media-header__blur,.euim-media-header__size-m .euim-media-header__gradient{height:calc(var(--eui-s-m) * 16)}.euim-media-header__size-l .euim-media-header__image,.euim-media-header__size-l .euim-media-header__blur,.euim-media-header__size-l .euim-media-header__gradient{height:calc(var(--eui-s-m) * 25)}\n"] }]
|
|
1712
1723
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimNoGradient: [{
|
|
1713
1724
|
type: Input,
|
|
1714
1725
|
args: [{ transform: booleanAttribute }]
|
|
@@ -1727,14 +1738,13 @@ class EuimMediaHeaderSubTitleDirective {
|
|
|
1727
1738
|
constructor() {
|
|
1728
1739
|
this.className = 'euim-media-header__sub-title';
|
|
1729
1740
|
}
|
|
1730
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1731
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1741
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderSubTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1742
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimMediaHeaderSubTitleDirective, isStandalone: true, selector: "[euimMediaHeaderSubTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1732
1743
|
}
|
|
1733
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1744
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderSubTitleDirective, decorators: [{
|
|
1734
1745
|
type: Directive,
|
|
1735
1746
|
args: [{
|
|
1736
1747
|
selector: '[euimMediaHeaderSubTitle]',
|
|
1737
|
-
standalone: true,
|
|
1738
1748
|
}]
|
|
1739
1749
|
}], propDecorators: { className: [{
|
|
1740
1750
|
type: HostBinding,
|
|
@@ -1745,14 +1755,13 @@ class EuimMediaHeaderTitleDirective {
|
|
|
1745
1755
|
constructor() {
|
|
1746
1756
|
this.className = 'euim-media-header__title';
|
|
1747
1757
|
}
|
|
1748
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1749
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1758
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1759
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimMediaHeaderTitleDirective, isStandalone: true, selector: "[euimMediaHeaderTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1750
1760
|
}
|
|
1751
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1761
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderTitleDirective, decorators: [{
|
|
1752
1762
|
type: Directive,
|
|
1753
1763
|
args: [{
|
|
1754
1764
|
selector: '[euimMediaHeaderTitle]',
|
|
1755
|
-
standalone: true,
|
|
1756
1765
|
}]
|
|
1757
1766
|
}], propDecorators: { className: [{
|
|
1758
1767
|
type: HostBinding,
|
|
@@ -1763,14 +1772,13 @@ class EuimMediaHeaderImageDirective {
|
|
|
1763
1772
|
constructor() {
|
|
1764
1773
|
this.className = 'euim-media-header__image';
|
|
1765
1774
|
}
|
|
1766
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1767
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1775
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1776
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimMediaHeaderImageDirective, isStandalone: true, selector: "[euimMediaHeaderImage]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1768
1777
|
}
|
|
1769
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1778
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderImageDirective, decorators: [{
|
|
1770
1779
|
type: Directive,
|
|
1771
1780
|
args: [{
|
|
1772
1781
|
selector: '[euimMediaHeaderImage]',
|
|
1773
|
-
standalone: true,
|
|
1774
1782
|
}]
|
|
1775
1783
|
}], propDecorators: { className: [{
|
|
1776
1784
|
type: HostBinding,
|
|
@@ -1781,14 +1789,13 @@ class EuimMediaHeaderCustomContentDirective {
|
|
|
1781
1789
|
constructor() {
|
|
1782
1790
|
this.className = 'euim-media-header__custom-content';
|
|
1783
1791
|
}
|
|
1784
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1785
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1792
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderCustomContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1793
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimMediaHeaderCustomContentDirective, isStandalone: true, selector: "[euimMediaHeaderCustomContent]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1786
1794
|
}
|
|
1787
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1795
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderCustomContentDirective, decorators: [{
|
|
1788
1796
|
type: Directive,
|
|
1789
1797
|
args: [{
|
|
1790
1798
|
selector: '[euimMediaHeaderCustomContent]',
|
|
1791
|
-
standalone: true,
|
|
1792
1799
|
}]
|
|
1793
1800
|
}], propDecorators: { className: [{
|
|
1794
1801
|
type: HostBinding,
|
|
@@ -1799,8 +1806,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1799
1806
|
* @deprecated Use {@link EUIM_MEDIA_HEADER} instead.
|
|
1800
1807
|
*/
|
|
1801
1808
|
class EuimMediaHeaderModule {
|
|
1802
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1803
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1809
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1810
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderModule, imports: [EuimMediaHeaderCustomContentDirective,
|
|
1804
1811
|
EuimMediaHeaderComponent,
|
|
1805
1812
|
EuimMediaHeaderTitleDirective,
|
|
1806
1813
|
EuimMediaHeaderSubTitleDirective,
|
|
@@ -1809,9 +1816,9 @@ class EuimMediaHeaderModule {
|
|
|
1809
1816
|
EuimMediaHeaderSubTitleDirective,
|
|
1810
1817
|
EuimMediaHeaderImageDirective,
|
|
1811
1818
|
EuimMediaHeaderCustomContentDirective] }); }
|
|
1812
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1819
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderModule, imports: [EuimMediaHeaderComponent] }); }
|
|
1813
1820
|
}
|
|
1814
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1821
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderModule, decorators: [{
|
|
1815
1822
|
type: NgModule,
|
|
1816
1823
|
args: [{
|
|
1817
1824
|
imports: [
|
|
@@ -1851,10 +1858,10 @@ class EuimDataSummaryColLabelDirective {
|
|
|
1851
1858
|
this.baseStatesDirective.getCssClasses('euim-data-summary__col-label'),
|
|
1852
1859
|
].join(' ').trim();
|
|
1853
1860
|
}
|
|
1854
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1855
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1861
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDataSummaryColLabelDirective, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1862
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimDataSummaryColLabelDirective, isStandalone: true, selector: "[euimDataSummaryColLabel]", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0 }); }
|
|
1856
1863
|
}
|
|
1857
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1864
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDataSummaryColLabelDirective, decorators: [{
|
|
1858
1865
|
type: Directive,
|
|
1859
1866
|
args: [{
|
|
1860
1867
|
selector: '[euimDataSummaryColLabel]',
|
|
@@ -1866,7 +1873,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1866
1873
|
],
|
|
1867
1874
|
},
|
|
1868
1875
|
],
|
|
1869
|
-
standalone: true,
|
|
1870
1876
|
}]
|
|
1871
1877
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
1872
1878
|
type: HostBinding,
|
|
@@ -1885,14 +1891,13 @@ class EuimDataSummaryColValueDirective {
|
|
|
1885
1891
|
this.baseStatesDirective.getCssClasses('euim-data-summary__col-value'),
|
|
1886
1892
|
].join(' ').trim();
|
|
1887
1893
|
}
|
|
1888
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1889
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1894
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDataSummaryColValueDirective, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1895
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimDataSummaryColValueDirective, isStandalone: true, selector: "[euimDataSummaryColValue]", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
|
|
1890
1896
|
}
|
|
1891
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1897
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDataSummaryColValueDirective, decorators: [{
|
|
1892
1898
|
type: Directive,
|
|
1893
1899
|
args: [{
|
|
1894
1900
|
selector: '[euimDataSummaryColValue]',
|
|
1895
|
-
standalone: true,
|
|
1896
1901
|
}]
|
|
1897
1902
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
1898
1903
|
type: HostBinding,
|
|
@@ -1924,10 +1929,10 @@ class EuimDataSummaryComponent {
|
|
|
1924
1929
|
}
|
|
1925
1930
|
}
|
|
1926
1931
|
}
|
|
1927
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1928
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1932
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDataSummaryComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1933
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimDataSummaryComponent, isStandalone: true, 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;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-summary{display:flex}.euim-data-summary__col{text-align:center;flex:1}.euim-data-summary__col:has([slot=start]),.euim-data-summary__col:has([slot=end]){display:flex;align-items:center;justify-content:center}.euim-data-summary__col [slot=start],.euim-data-summary__col [slot=end]{margin-left:var(--eui-s-m);margin-right:var(--eui-s-m);flex-shrink:0}.euim-data-summary__col>div{display:grid}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding .euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-branding-contrast)}.euim-data-summary__col-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold-compact);margin:0 0 var(--eui-s-2xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.euim-data-summary__col-label--branding{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-light);font:var(--eui-f-s-compact);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.euim-data-summary__col-value ion-icon{min-height:var(--eui-is-s);min-width:var(--eui-is-s);vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-data-summary__col-value--branding{color:var(--eui-c-branding-contrast)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1929
1934
|
}
|
|
1930
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1935
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDataSummaryComponent, decorators: [{
|
|
1931
1936
|
type: Component,
|
|
1932
1937
|
args: [{ selector: 'euim-data-summary', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1933
1938
|
{
|
|
@@ -1936,7 +1941,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1936
1941
|
'color',
|
|
1937
1942
|
],
|
|
1938
1943
|
},
|
|
1939
|
-
],
|
|
1944
|
+
], template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-summary{display:flex}.euim-data-summary__col{text-align:center;flex:1}.euim-data-summary__col:has([slot=start]),.euim-data-summary__col:has([slot=end]){display:flex;align-items:center;justify-content:center}.euim-data-summary__col [slot=start],.euim-data-summary__col [slot=end]{margin-left:var(--eui-s-m);margin-right:var(--eui-s-m);flex-shrink:0}.euim-data-summary__col>div{display:grid}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding .euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-branding-contrast)}.euim-data-summary__col-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold-compact);margin:0 0 var(--eui-s-2xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.euim-data-summary__col-label--branding{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-light);font:var(--eui-f-s-compact);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.euim-data-summary__col-value ion-icon{min-height:var(--eui-is-s);min-width:var(--eui-is-s);vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-data-summary__col-value--branding{color:var(--eui-c-branding-contrast)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"] }]
|
|
1940
1945
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimDataSummaryColLabelComponent: [{
|
|
1941
1946
|
type: ContentChildren,
|
|
1942
1947
|
args: [EuimDataSummaryColLabelDirective, { descendants: true }]
|
|
@@ -1952,14 +1957,13 @@ class EuimDataSummaryColComponent {
|
|
|
1952
1957
|
constructor() {
|
|
1953
1958
|
this.className = 'euim-data-summary__col';
|
|
1954
1959
|
}
|
|
1955
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1956
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1960
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDataSummaryColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1961
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimDataSummaryColComponent, isStandalone: true, selector: "euim-data-summary-col", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
1957
1962
|
}
|
|
1958
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1963
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDataSummaryColComponent, decorators: [{
|
|
1959
1964
|
type: Component,
|
|
1960
1965
|
args: [{
|
|
1961
1966
|
selector: 'euim-data-summary-col',
|
|
1962
|
-
standalone: true,
|
|
1963
1967
|
template: '<ng-content></ng-content>',
|
|
1964
1968
|
}]
|
|
1965
1969
|
}], propDecorators: { className: [{
|
|
@@ -1971,14 +1975,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1971
1975
|
* @deprecated Use {@link EUIM_DATA_SUMMARY} instead.
|
|
1972
1976
|
*/
|
|
1973
1977
|
class EuimDataSummaryModule {
|
|
1974
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1975
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1978
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDataSummaryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1979
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimDataSummaryModule, imports: [EuimDataSummaryComponent,
|
|
1976
1980
|
EuimDataSummaryColComponent,
|
|
1977
1981
|
EuimDataSummaryColLabelDirective,
|
|
1978
1982
|
EuimDataSummaryColValueDirective], exports: [EuimDataSummaryComponent, EuimDataSummaryColComponent, EuimDataSummaryColLabelDirective, EuimDataSummaryColValueDirective] }); }
|
|
1979
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1983
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDataSummaryModule }); }
|
|
1980
1984
|
}
|
|
1981
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1985
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDataSummaryModule, decorators: [{
|
|
1982
1986
|
type: NgModule,
|
|
1983
1987
|
args: [{
|
|
1984
1988
|
imports: [
|
|
@@ -2002,14 +2006,13 @@ class EuimCardImageDirective {
|
|
|
2002
2006
|
constructor() {
|
|
2003
2007
|
this.className = 'euim-card__image';
|
|
2004
2008
|
}
|
|
2005
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2006
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2009
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2010
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimCardImageDirective, isStandalone: true, selector: "[euimCardImage]", inputs: { euimCardImageHeight: "euimCardImageHeight", euimCardImageWidth: "euimCardImageWidth" }, host: { properties: { "style.--euimImageHeight": "this.euimCardImageHeight", "style.--euimImageWidth": "this.euimCardImageWidth", "class": "this.className" } }, ngImport: i0 }); }
|
|
2007
2011
|
}
|
|
2008
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2012
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardImageDirective, decorators: [{
|
|
2009
2013
|
type: Directive,
|
|
2010
2014
|
args: [{
|
|
2011
2015
|
selector: '[euimCardImage]',
|
|
2012
|
-
standalone: true,
|
|
2013
2016
|
}]
|
|
2014
2017
|
}], propDecorators: { euimCardImageHeight: [{
|
|
2015
2018
|
type: HostBinding,
|
|
@@ -2043,10 +2046,10 @@ class EuimCardComponent {
|
|
|
2043
2046
|
this.imageWidth = this.cardImageDirective.euimCardImageWidth;
|
|
2044
2047
|
}
|
|
2045
2048
|
}
|
|
2046
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2047
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2049
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2050
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimCardComponent, isStandalone: true, 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:var(--eui-s-none);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:var(--eui-s-none)}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:var(--eui-s-none)}.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__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-s .euim-card__content ion-item{--inner-padding-end: var(--eui-s-none);--padding-start: var(--eui-s-none);padding:var(--eui-s-none) var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 1px)}.euim-card--size-s .euim-card__content ion-item::part(native){padding:var(--eui-s-none)}.euim-card--size-s .euim-card__content ion-item:has([slot=end]){padding:var(--eui-s-none) var(--eui-s-none) var(--eui-s-none) var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 17px)}.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__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-m .euim-card__content ion-item{--inner-padding-end: var(--eui-s-none);--padding-start: var(--eui-s-none);padding:var(--eui-s-none) 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:var(--eui-s-none)}.euim-card--size-m .euim-card__content ion-item:has([slot=end]){padding:0 0 0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 17px);width:211px}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2048
2051
|
}
|
|
2049
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2052
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardComponent, decorators: [{
|
|
2050
2053
|
type: Component,
|
|
2051
2054
|
args: [{ selector: 'euim-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
2052
2055
|
{
|
|
@@ -2057,7 +2060,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2057
2060
|
'euimSizeL',
|
|
2058
2061
|
],
|
|
2059
2062
|
},
|
|
2060
|
-
],
|
|
2063
|
+
], imports: [IonicModule], 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:var(--eui-s-none);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:var(--eui-s-none)}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:var(--eui-s-none)}.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__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-s .euim-card__content ion-item{--inner-padding-end: var(--eui-s-none);--padding-start: var(--eui-s-none);padding:var(--eui-s-none) var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 1px)}.euim-card--size-s .euim-card__content ion-item::part(native){padding:var(--eui-s-none)}.euim-card--size-s .euim-card__content ion-item:has([slot=end]){padding:var(--eui-s-none) var(--eui-s-none) var(--eui-s-none) var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 17px)}.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__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-m .euim-card__content ion-item{--inner-padding-end: var(--eui-s-none);--padding-start: var(--eui-s-none);padding:var(--eui-s-none) 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:var(--eui-s-none)}.euim-card--size-m .euim-card__content ion-item:has([slot=end]){padding:0 0 0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 17px);width:211px}\n"] }]
|
|
2061
2064
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cardImageDirective: [{
|
|
2062
2065
|
type: ContentChild,
|
|
2063
2066
|
args: [EuimCardImageDirective]
|
|
@@ -2070,11 +2073,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2070
2073
|
* @deprecated Use {@link EUIM_CARD} instead.
|
|
2071
2074
|
*/
|
|
2072
2075
|
class EuimCardModule {
|
|
2073
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2074
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2075
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2076
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2077
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimCardModule, imports: [EuimCardComponent, EuimCardImageDirective], exports: [EuimCardComponent, EuimCardImageDirective] }); }
|
|
2078
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardModule, imports: [EuimCardComponent] }); }
|
|
2076
2079
|
}
|
|
2077
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2080
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardModule, decorators: [{
|
|
2078
2081
|
type: NgModule,
|
|
2079
2082
|
args: [{
|
|
2080
2083
|
imports: [EuimCardComponent, EuimCardImageDirective],
|
|
@@ -2100,12 +2103,12 @@ class EuimCardListComponent {
|
|
|
2100
2103
|
this.direction ? `euim-card-list--direction-${this.direction}` : '',
|
|
2101
2104
|
].join(' ').trim();
|
|
2102
2105
|
}
|
|
2103
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2104
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2106
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2107
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimCardListComponent, isStandalone: true, selector: "euim-card-list", inputs: { direction: "direction" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".euim-card-list{padding:var(--eui-s-xs) var(--eui-s-none) var(--eui-s-xs) var(--eui-s-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-s-m)}.euim-card-list--direction-column{flex-direction:column;padding:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card{padding-right:var(--eui-s-none);margin-bottom:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card:first-child{padding-left:var(--eui-s-none)}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}.euim-card-list .euim-card{margin-bottom:var(--eui-s-m)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2105
2108
|
}
|
|
2106
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2109
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardListComponent, decorators: [{
|
|
2107
2110
|
type: Component,
|
|
2108
|
-
args: [{ selector: 'euim-card-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
2111
|
+
args: [{ selector: 'euim-card-list', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".euim-card-list{padding:var(--eui-s-xs) var(--eui-s-none) var(--eui-s-xs) var(--eui-s-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-s-m)}.euim-card-list--direction-column{flex-direction:column;padding:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card{padding-right:var(--eui-s-none);margin-bottom:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card:first-child{padding-left:var(--eui-s-none)}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}.euim-card-list .euim-card{margin-bottom:var(--eui-s-m)}}\n"] }]
|
|
2109
2112
|
}], propDecorators: { direction: [{
|
|
2110
2113
|
type: Input
|
|
2111
2114
|
}], cssClasses: [{
|
|
@@ -2117,11 +2120,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2117
2120
|
* @deprecated Use {@link EUIM_CARD_LIST} instead.
|
|
2118
2121
|
*/
|
|
2119
2122
|
class EuimCardListModule {
|
|
2120
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2121
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2122
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2123
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2124
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimCardListModule, imports: [EuimCardListComponent], exports: [EuimCardListComponent] }); }
|
|
2125
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardListModule }); }
|
|
2123
2126
|
}
|
|
2124
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2127
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardListModule, decorators: [{
|
|
2125
2128
|
type: NgModule,
|
|
2126
2129
|
args: [{
|
|
2127
2130
|
imports: [EuimCardListComponent],
|
|
@@ -2194,19 +2197,19 @@ class EuimAlertMessageComponent {
|
|
|
2194
2197
|
this.isVisible = false;
|
|
2195
2198
|
this.euimClose.emit();
|
|
2196
2199
|
}
|
|
2197
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2198
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2200
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAlertMessageComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2201
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimAlertMessageComponent, isStandalone: true, 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\" 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:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-m)}.euim-alert-message__wrapper{padding:var(--eui-s-none);margin:var(--eui-s-none);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:var(--eui-s-none)}.euim-alert-message__wrapper .euim-label{font:var(--eui-f-s)}.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-is-xs);height:var(--eui-is-xs);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:var(--eui-s-none);margin:var(--eui-s-none);width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__close ion-icon.euim-alert-message__closeIcon{color:var(--eui-c-neutral)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex;align-items:center}.euim-alert-message--danger{color:var(--eui-c-danger-on-surface-light);background:var(--eui-c-danger-surface-light)}.euim-alert-message--danger .euim-label{color:var(--eui-c-danger-on-surface-light)}.euim-alert-message--danger ion-icon{color:var(--eui-c-danger-on-surface-light)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline),.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-c-danger-surface);color:var(--eui-c-danger-on-surface)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-danger-on-surface-light)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-c-danger-on-surface)}.euim-alert-message--info{color:var(--eui-c-info-on-surface-light);background:var(--eui-c-info-surface-light)}.euim-alert-message--info .euim-label{color:var(--eui-c-info-on-surface-light)}.euim-alert-message--info ion-icon{color:var(--eui-c-info-on-surface-light)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd]:not(.button-outline),.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-c-info-surface);color:var(--eui-c-info-on-surface)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-info-on-surface)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-c-info-on-surface)}.euim-alert-message--success{color:var(--eui-c-success-on-surface-light);background:var(--eui-c-success-surface-light)}.euim-alert-message--success .euim-label{color:var(--eui-c-success-on-surface-light)}.euim-alert-message--success ion-icon{color:var(--eui-c-success-on-surface-light)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd]:not(.button-outline),.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-c-success-surface);color:var(--eui-c-success-on-surface)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-success-on-surface)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-c-success-on-surface)}.euim-alert-message--warning{color:var(--eui-c-warning-on-surface-light);background:var(--eui-c-warning-surface-light)}.euim-alert-message--warning .euim-label{color:var(--eui-c-warning-on-surface-light)}.euim-alert-message--warning ion-icon{color:var(--eui-c-warning-on-surface-light)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline),.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-c-warning-surface);color:var(--eui-c-warning-contrast)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-warning-on-surface)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-c-warning-on-surface)}.euim-alert-message--dark{color:var(--eui-c-neutral-on-surface-dark);background:var(--eui-c-neutral-surface-dark)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-neutral-on-surface-dark)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-c-neutral-surface);color:var(--eui-c-neutral-on-surface)}.euim-alert-message--primary{color:var(--eui-c-primary-on-surface-light);background:var(--eui-c-primary-surface-light)}.euim-alert-message--primary .euim-label{color:var(--eui-c-primary-on-surface-light)}.euim-alert-message--primary ion-icon{color:var(--eui-c-primary-on-surface-light)}.euim-alert-message--primary ion-badge[slotEnd],.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline),.euim-alert-message--primary ion-chip[slotEnd]{--background: var(--eui-c-primary-surface);color:var(--eui-c-primary-on-surface)}.euim-alert-message--primary ion-badge[slotEnd] ion-icon,.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--primary ion-chip[slotEnd] ion-icon{color:var(--eui-c-primary-on-surface)}.euim-alert-message--primary [slotEnd] ion-icon{color:var(--eui-c-primary-on-surface)}.euim-alert-message--branding{color:var(--eui-c-branding-on-surface);background:var(--eui-c-branding-surface)}.euim-alert-message--branding ion-icon,.euim-alert-message--branding .euim-label{color:var(--eui-c-branding-on-surface)}.euim-alert-message--branding [slotEnd]{--background: none;--border-color: var(--eui-c-branding-on-surface);color:var(--eui-c-branding-on-surface)}.euim-alert-message--light{color:var(--eui-c-neutral-on-surface-light);background:var(--eui-c-neutral-surface-light)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-c-neutral-on-surface-light)}.euim-alert-message--light [slotEnd]{--background: var(--eui-c-neutral-surface-light);color:var(--eui-c-neutral-on-surface-light)}.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: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "ngmodule", type: EuimLabelModule }, { 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 }); }
|
|
2199
2202
|
}
|
|
2200
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2203
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAlertMessageComponent, decorators: [{
|
|
2201
2204
|
type: Component,
|
|
2202
|
-
args: [{ selector: 'euim-alert-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
2205
|
+
args: [{ selector: 'euim-alert-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IonicModule, EuimLabelModule], hostDirectives: [
|
|
2203
2206
|
{
|
|
2204
2207
|
directive: BaseStatesDirective,
|
|
2205
2208
|
inputs: [
|
|
2206
2209
|
'color',
|
|
2207
2210
|
],
|
|
2208
2211
|
},
|
|
2209
|
-
], 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\" 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
|
|
2212
|
+
], 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\" 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:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-m)}.euim-alert-message__wrapper{padding:var(--eui-s-none);margin:var(--eui-s-none);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:var(--eui-s-none)}.euim-alert-message__wrapper .euim-label{font:var(--eui-f-s)}.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-is-xs);height:var(--eui-is-xs);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-is-m);height:var(--eui-is-m);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:var(--eui-s-none);margin:var(--eui-s-none);width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-alert-message__close ion-icon.euim-alert-message__closeIcon{color:var(--eui-c-neutral)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex;align-items:center}.euim-alert-message--danger{color:var(--eui-c-danger-on-surface-light);background:var(--eui-c-danger-surface-light)}.euim-alert-message--danger .euim-label{color:var(--eui-c-danger-on-surface-light)}.euim-alert-message--danger ion-icon{color:var(--eui-c-danger-on-surface-light)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline),.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-c-danger-surface);color:var(--eui-c-danger-on-surface)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-danger-on-surface-light)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-c-danger-on-surface)}.euim-alert-message--info{color:var(--eui-c-info-on-surface-light);background:var(--eui-c-info-surface-light)}.euim-alert-message--info .euim-label{color:var(--eui-c-info-on-surface-light)}.euim-alert-message--info ion-icon{color:var(--eui-c-info-on-surface-light)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd]:not(.button-outline),.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-c-info-surface);color:var(--eui-c-info-on-surface)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-info-on-surface)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-c-info-on-surface)}.euim-alert-message--success{color:var(--eui-c-success-on-surface-light);background:var(--eui-c-success-surface-light)}.euim-alert-message--success .euim-label{color:var(--eui-c-success-on-surface-light)}.euim-alert-message--success ion-icon{color:var(--eui-c-success-on-surface-light)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd]:not(.button-outline),.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-c-success-surface);color:var(--eui-c-success-on-surface)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-success-on-surface)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-c-success-on-surface)}.euim-alert-message--warning{color:var(--eui-c-warning-on-surface-light);background:var(--eui-c-warning-surface-light)}.euim-alert-message--warning .euim-label{color:var(--eui-c-warning-on-surface-light)}.euim-alert-message--warning ion-icon{color:var(--eui-c-warning-on-surface-light)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline),.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-c-warning-surface);color:var(--eui-c-warning-contrast)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-warning-on-surface)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-c-warning-on-surface)}.euim-alert-message--dark{color:var(--eui-c-neutral-on-surface-dark);background:var(--eui-c-neutral-surface-dark)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-neutral-on-surface-dark)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-c-neutral-surface);color:var(--eui-c-neutral-on-surface)}.euim-alert-message--primary{color:var(--eui-c-primary-on-surface-light);background:var(--eui-c-primary-surface-light)}.euim-alert-message--primary .euim-label{color:var(--eui-c-primary-on-surface-light)}.euim-alert-message--primary ion-icon{color:var(--eui-c-primary-on-surface-light)}.euim-alert-message--primary ion-badge[slotEnd],.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline),.euim-alert-message--primary ion-chip[slotEnd]{--background: var(--eui-c-primary-surface);color:var(--eui-c-primary-on-surface)}.euim-alert-message--primary ion-badge[slotEnd] ion-icon,.euim-alert-message--primary ion-button[slotEnd]:not(.button-outline) ion-icon,.euim-alert-message--primary ion-chip[slotEnd] ion-icon{color:var(--eui-c-primary-on-surface)}.euim-alert-message--primary [slotEnd] ion-icon{color:var(--eui-c-primary-on-surface)}.euim-alert-message--branding{color:var(--eui-c-branding-on-surface);background:var(--eui-c-branding-surface)}.euim-alert-message--branding ion-icon,.euim-alert-message--branding .euim-label{color:var(--eui-c-branding-on-surface)}.euim-alert-message--branding [slotEnd]{--background: none;--border-color: var(--eui-c-branding-on-surface);color:var(--eui-c-branding-on-surface)}.euim-alert-message--light{color:var(--eui-c-neutral-on-surface-light);background:var(--eui-c-neutral-surface-light)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-c-neutral-on-surface-light)}.euim-alert-message--light [slotEnd]{--background: var(--eui-c-neutral-surface-light);color:var(--eui-c-neutral-on-surface-light)}.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"] }]
|
|
2210
2213
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimClose: [{
|
|
2211
2214
|
type: Output
|
|
2212
2215
|
}], euimLabelTruncate: [{
|
|
@@ -2227,11 +2230,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2227
2230
|
* @deprecated Use {@link EUIM_ALERT_MESSAGE} instead.
|
|
2228
2231
|
*/
|
|
2229
2232
|
class EuimAlertMessageModule {
|
|
2230
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2231
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2232
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2233
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAlertMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2234
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimAlertMessageModule, imports: [EuimAlertMessageComponent], exports: [EuimAlertMessageComponent] }); }
|
|
2235
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAlertMessageModule, imports: [EuimAlertMessageComponent] }); }
|
|
2233
2236
|
}
|
|
2234
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2237
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAlertMessageModule, decorators: [{
|
|
2235
2238
|
type: NgModule,
|
|
2236
2239
|
args: [{
|
|
2237
2240
|
imports: [EuimAlertMessageComponent],
|
|
@@ -2243,6 +2246,30 @@ const EUIM_ALERT_MESSAGE = [
|
|
|
2243
2246
|
EuimAlertMessageComponent,
|
|
2244
2247
|
];
|
|
2245
2248
|
|
|
2249
|
+
class EuimSlideInfoScreenComponent {
|
|
2250
|
+
constructor() {
|
|
2251
|
+
this.className = 'euim-slider-info-screen__slide';
|
|
2252
|
+
}
|
|
2253
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSlideInfoScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2254
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimSlideInfoScreenComponent, isStandalone: true, selector: "euim-slide-info-screen", host: { properties: { "class": "this.className" } }, ngImport: i0, template: `
|
|
2255
|
+
<div #slide>
|
|
2256
|
+
<ng-content></ng-content>
|
|
2257
|
+
</div>`, isInline: true }); }
|
|
2258
|
+
}
|
|
2259
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSlideInfoScreenComponent, decorators: [{
|
|
2260
|
+
type: Component,
|
|
2261
|
+
args: [{
|
|
2262
|
+
selector: 'euim-slide-info-screen',
|
|
2263
|
+
template: `
|
|
2264
|
+
<div #slide>
|
|
2265
|
+
<ng-content></ng-content>
|
|
2266
|
+
</div>`,
|
|
2267
|
+
}]
|
|
2268
|
+
}], propDecorators: { className: [{
|
|
2269
|
+
type: HostBinding,
|
|
2270
|
+
args: ['class']
|
|
2271
|
+
}] } });
|
|
2272
|
+
|
|
2246
2273
|
class EuimSliderInfoScreenComponent {
|
|
2247
2274
|
constructor(renderer, gestureCtrl, sliderElement, cdr) {
|
|
2248
2275
|
this.renderer = renderer;
|
|
@@ -2272,6 +2299,16 @@ class EuimSliderInfoScreenComponent {
|
|
|
2272
2299
|
this.slidesArray = [];
|
|
2273
2300
|
this.currentSlide = 0;
|
|
2274
2301
|
this.startX = 0;
|
|
2302
|
+
this.isDataLoaded = signal(false, ...(ngDevMode ? [{ debugName: "isDataLoaded" }] : []));
|
|
2303
|
+
this.hasNoContent = signal(false, ...(ngDevMode ? [{ debugName: "hasNoContent" }] : []));
|
|
2304
|
+
this.destroy$ = new Subject();
|
|
2305
|
+
this.isImageWithNoContent = () => {
|
|
2306
|
+
const isImageWithNoContent = this.slidesArray.length > 0 &&
|
|
2307
|
+
!document.querySelector('.euim-slider-info-screen__title') &&
|
|
2308
|
+
!document.querySelector('.euim-slider-info-screen__sub-title') &&
|
|
2309
|
+
!document.querySelector('.euim-slider-info-screen__content');
|
|
2310
|
+
this.hasNoContent.set(isImageWithNoContent);
|
|
2311
|
+
};
|
|
2275
2312
|
}
|
|
2276
2313
|
onResize(event) {
|
|
2277
2314
|
this.setSliderStyles();
|
|
@@ -2280,7 +2317,23 @@ class EuimSliderInfoScreenComponent {
|
|
|
2280
2317
|
return this.getCssClasses();
|
|
2281
2318
|
}
|
|
2282
2319
|
ngAfterViewInit() {
|
|
2283
|
-
this.
|
|
2320
|
+
if (this.slideChild.length > 0) {
|
|
2321
|
+
this.isDataLoaded.set(true);
|
|
2322
|
+
this.setSliderStyles();
|
|
2323
|
+
this.isImageWithNoContent();
|
|
2324
|
+
}
|
|
2325
|
+
this.slideChild.changes.pipe(takeUntil(this.destroy$)).subscribe(() => {
|
|
2326
|
+
if (this.slideChild.length > 0) {
|
|
2327
|
+
this.isDataLoaded.set(true);
|
|
2328
|
+
this.setSliderStyles();
|
|
2329
|
+
this.isImageWithNoContent();
|
|
2330
|
+
}
|
|
2331
|
+
});
|
|
2332
|
+
this.cdr.detectChanges();
|
|
2333
|
+
}
|
|
2334
|
+
ngOnDestroy() {
|
|
2335
|
+
this.destroy$.next(true);
|
|
2336
|
+
this.destroy$.unsubscribe();
|
|
2284
2337
|
}
|
|
2285
2338
|
ngOnInit() {
|
|
2286
2339
|
const gesture = this.gestureCtrl.create({
|
|
@@ -2300,8 +2353,8 @@ class EuimSliderInfoScreenComponent {
|
|
|
2300
2353
|
const windowHeight = window.innerHeight;
|
|
2301
2354
|
const paginationHeight = 60;
|
|
2302
2355
|
const slideHeight = windowHeight - paginationHeight;
|
|
2303
|
-
this.slidesArray = this.slides
|
|
2304
|
-
this.renderer.setStyle(this.slides
|
|
2356
|
+
this.slidesArray = this.slides?.nativeElement.children;
|
|
2357
|
+
this.renderer.setStyle(this.slides?.nativeElement, 'width', `${this.slidesArray.length * 100}%`);
|
|
2305
2358
|
for (const slide of this.slidesArray) {
|
|
2306
2359
|
this.renderer.setStyle(slide, 'width', `${100 / this.slidesArray.length}%`);
|
|
2307
2360
|
if (!this.isImageOnly()) {
|
|
@@ -2381,10 +2434,7 @@ class EuimSliderInfoScreenComponent {
|
|
|
2381
2434
|
this.leftActionClicked.emit(event);
|
|
2382
2435
|
}
|
|
2383
2436
|
isImageOnly() {
|
|
2384
|
-
return
|
|
2385
|
-
!document.querySelector('.euim-slider-info-screen__title') &&
|
|
2386
|
-
!document.querySelector('.euim-slider-info-screen__sub-title') &&
|
|
2387
|
-
!document.querySelector('.euim-slider-info-screen__content'));
|
|
2437
|
+
return this.hasNoContent();
|
|
2388
2438
|
}
|
|
2389
2439
|
getCssClasses() {
|
|
2390
2440
|
const paginationClass = !this.paginationColor
|
|
@@ -2396,16 +2446,16 @@ class EuimSliderInfoScreenComponent {
|
|
|
2396
2446
|
paginationClass,
|
|
2397
2447
|
].join(' ').trim();
|
|
2398
2448
|
}
|
|
2399
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2400
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuimSliderInfoScreenComponent, isStandalone: true, 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;z-index:99}.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-c-primary)}.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-c-primary)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span.active{background-color:var(--eui-c-primary)!important}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span{border:1px solid var(--eui-c-white)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span.active{background-color:var(--eui-c-white)!important}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span{border:1px solid var(--eui-c-success-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span.active{background-color:var(--eui-c-success-dark)!important}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span{border:1px solid var(--eui-c-warning)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span.active{background-color:var(--eui-c-warning)!important}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span{border:1px solid var(--eui-c-info)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span.active{background-color:var(--eui-c-info)!important}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span{border:1px solid var(--eui-c-neutral)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span.active{background-color:var(--eui-c-neutral)!important}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span{border:1px solid var(--eui-c-danger-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span.active{background-color:var(--eui-c-danger-dark)!important}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-c-primary);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-c-primary)}.euim-slider-info-screen__title{font:var(--eui-f-xl-bold-compact);color:var(--eui-c-neutral);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-c-neutral-light);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m-compact)}.euim-slider-info-screen__content{color:var(--eui-c-neutral);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m-compact);display:flex;flex-direction:column}.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: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "ngmodule", type: CommonModule }, { 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: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2449
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenComponent, deps: [{ token: i0.Renderer2 }, { token: i1.GestureController }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2450
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimSliderInfoScreenComponent, isStandalone: true, 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" } }, queries: [{ propertyName: "slideChild", predicate: EuimSlideInfoScreenComponent, descendants: true }], viewQueries: [{ propertyName: "slides", first: true, predicate: ["slides"], descendants: true, static: true }], ngImport: i0, template: "<div [hidden]=\"!isDataLoaded()\" #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</div>\n\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;z-index:99}.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:var(--eui-bw-xs) solid var(--eui-c-primary)}.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:var(--eui-bw-xs) solid var(--eui-c-primary)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span.active{background-color:var(--eui-c-primary)!important}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-white)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span.active{background-color:var(--eui-c-white)!important}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-success-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span.active{background-color:var(--eui-c-success-dark)!important}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-warning)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span.active{background-color:var(--eui-c-warning)!important}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-info)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span.active{background-color:var(--eui-c-info)!important}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-neutral)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span.active{background-color:var(--eui-c-neutral)!important}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-danger-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span.active{background-color:var(--eui-c-danger-dark)!important}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-c-primary);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider-info-screen__action-button::part(native){padding:var(--eui-s-none) var(--eui-s-m)}.euim-slider-info-screen__action-button--right{right:0;margin:var(--eui-s-none) var(--eui-s-xs) var(--eui-s-none) var(--eui-s-m)}.euim-slider-info-screen__action-button--left{margin:var(--eui-s-none) var(--eui-s-m) var(--eui-s-none) var(--eui-s-xs);left:0}.euim-slider-info-screen__action-button ion-icon{color:var(--eui-c-primary)}.euim-slider-info-screen__title{font:var(--eui-f-2xl-bold);color:var(--eui-c-text);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-c-text-lighter);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m)}.euim-slider-info-screen__content{color:var(--eui-c-text);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m);display:flex;flex-direction:column}.euim-slider-info-screen__content--centered{text-align:center}.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: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "ngmodule", type: CommonModule }, { 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: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2401
2451
|
}
|
|
2402
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2452
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenComponent, decorators: [{
|
|
2403
2453
|
type: Component,
|
|
2404
|
-
args: [{ selector: 'euim-slider-info-screen', encapsulation: ViewEncapsulation.None,
|
|
2454
|
+
args: [{ selector: 'euim-slider-info-screen', encapsulation: ViewEncapsulation.None, imports: [
|
|
2405
2455
|
IonicModule,
|
|
2406
2456
|
CommonModule,
|
|
2407
2457
|
TranslateModule,
|
|
2408
|
-
], 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
|
|
2458
|
+
], template: "<div [hidden]=\"!isDataLoaded()\" #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</div>\n\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;z-index:99}.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:var(--eui-bw-xs) solid var(--eui-c-primary)}.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:var(--eui-bw-xs) solid var(--eui-c-primary)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span.active{background-color:var(--eui-c-primary)!important}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-white)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span.active{background-color:var(--eui-c-white)!important}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-success-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span.active{background-color:var(--eui-c-success-dark)!important}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-warning)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span.active{background-color:var(--eui-c-warning)!important}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-info)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span.active{background-color:var(--eui-c-info)!important}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-neutral)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span.active{background-color:var(--eui-c-neutral)!important}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-danger-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span.active{background-color:var(--eui-c-danger-dark)!important}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-c-primary);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider-info-screen__action-button::part(native){padding:var(--eui-s-none) var(--eui-s-m)}.euim-slider-info-screen__action-button--right{right:0;margin:var(--eui-s-none) var(--eui-s-xs) var(--eui-s-none) var(--eui-s-m)}.euim-slider-info-screen__action-button--left{margin:var(--eui-s-none) var(--eui-s-m) var(--eui-s-none) var(--eui-s-xs);left:0}.euim-slider-info-screen__action-button ion-icon{color:var(--eui-c-primary)}.euim-slider-info-screen__title{font:var(--eui-f-2xl-bold);color:var(--eui-c-text);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-c-text-lighter);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m)}.euim-slider-info-screen__content{color:var(--eui-c-text);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m);display:flex;flex-direction:column}.euim-slider-info-screen__content--centered{text-align:center}.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"] }]
|
|
2409
2459
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1.GestureController }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { slides: [{
|
|
2410
2460
|
type: ViewChild,
|
|
2411
2461
|
args: ['slides', { static: true }]
|
|
@@ -2436,6 +2486,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2436
2486
|
type: Input
|
|
2437
2487
|
}], actionBtnIconsNames: [{
|
|
2438
2488
|
type: Input
|
|
2489
|
+
}], slideChild: [{
|
|
2490
|
+
type: ContentChildren,
|
|
2491
|
+
args: [EuimSlideInfoScreenComponent, { descendants: true }]
|
|
2439
2492
|
}], onResize: [{
|
|
2440
2493
|
type: HostListener,
|
|
2441
2494
|
args: ['window:resize', ['$event']]
|
|
@@ -2444,31 +2497,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2444
2497
|
args: ['class']
|
|
2445
2498
|
}] } });
|
|
2446
2499
|
|
|
2447
|
-
class EuimSlideInfoScreenComponent {
|
|
2448
|
-
constructor() {
|
|
2449
|
-
this.className = 'euim-slider-info-screen__slide';
|
|
2450
|
-
}
|
|
2451
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSlideInfoScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2452
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: EuimSlideInfoScreenComponent, isStandalone: true, selector: "euim-slide-info-screen", host: { properties: { "class": "this.className" } }, ngImport: i0, template: `
|
|
2453
|
-
<div #slide>
|
|
2454
|
-
<ng-content></ng-content>
|
|
2455
|
-
</div>`, isInline: true }); }
|
|
2456
|
-
}
|
|
2457
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: EuimSlideInfoScreenComponent, decorators: [{
|
|
2458
|
-
type: Component,
|
|
2459
|
-
args: [{
|
|
2460
|
-
selector: 'euim-slide-info-screen',
|
|
2461
|
-
standalone: true,
|
|
2462
|
-
template: `
|
|
2463
|
-
<div #slide>
|
|
2464
|
-
<ng-content></ng-content>
|
|
2465
|
-
</div>`,
|
|
2466
|
-
}]
|
|
2467
|
-
}], propDecorators: { className: [{
|
|
2468
|
-
type: HostBinding,
|
|
2469
|
-
args: ['class']
|
|
2470
|
-
}] } });
|
|
2471
|
-
|
|
2472
2500
|
class EuimSliderInfoScreenContentDirective {
|
|
2473
2501
|
constructor() {
|
|
2474
2502
|
this.euimTextCenter = false;
|
|
@@ -2482,14 +2510,13 @@ class EuimSliderInfoScreenContentDirective {
|
|
|
2482
2510
|
this.euimTextCenter ? 'euim-slider-info-screen__content--centered' : '',
|
|
2483
2511
|
].join(' ').trim();
|
|
2484
2512
|
}
|
|
2485
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2486
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "
|
|
2513
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2514
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.1.0", type: EuimSliderInfoScreenContentDirective, isStandalone: true, selector: "[euimSliderInfoScreenContent]", inputs: { euimTextCenter: ["euimTextCenter", "euimTextCenter", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
|
|
2487
2515
|
}
|
|
2488
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2516
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenContentDirective, decorators: [{
|
|
2489
2517
|
type: Directive,
|
|
2490
2518
|
args: [{
|
|
2491
2519
|
selector: '[euimSliderInfoScreenContent]',
|
|
2492
|
-
standalone: true,
|
|
2493
2520
|
}]
|
|
2494
2521
|
}], propDecorators: { euimTextCenter: [{
|
|
2495
2522
|
type: Input,
|
|
@@ -2503,14 +2530,13 @@ class EuimSliderInfoScreenTitleDirective {
|
|
|
2503
2530
|
constructor() {
|
|
2504
2531
|
this.className = 'euim-slider-info-screen__title';
|
|
2505
2532
|
}
|
|
2506
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2507
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2533
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2534
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimSliderInfoScreenTitleDirective, isStandalone: true, selector: "[euimSliderInfoScreenTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
2508
2535
|
}
|
|
2509
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2536
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenTitleDirective, decorators: [{
|
|
2510
2537
|
type: Directive,
|
|
2511
2538
|
args: [{
|
|
2512
2539
|
selector: '[euimSliderInfoScreenTitle]',
|
|
2513
|
-
standalone: true,
|
|
2514
2540
|
}]
|
|
2515
2541
|
}], propDecorators: { className: [{
|
|
2516
2542
|
type: HostBinding,
|
|
@@ -2521,14 +2547,13 @@ class EuimSliderInfoScreenSubTitleDirective {
|
|
|
2521
2547
|
constructor() {
|
|
2522
2548
|
this.className = 'euim-slider-info-screen__sub-title';
|
|
2523
2549
|
}
|
|
2524
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2525
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2550
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenSubTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2551
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimSliderInfoScreenSubTitleDirective, isStandalone: true, selector: "[euimSliderInfoScreenSubTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
2526
2552
|
}
|
|
2527
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2553
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenSubTitleDirective, decorators: [{
|
|
2528
2554
|
type: Directive,
|
|
2529
2555
|
args: [{
|
|
2530
2556
|
selector: '[euimSliderInfoScreenSubTitle]',
|
|
2531
|
-
standalone: true,
|
|
2532
2557
|
}]
|
|
2533
2558
|
}], propDecorators: { className: [{
|
|
2534
2559
|
type: HostBinding,
|
|
@@ -2539,8 +2564,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2539
2564
|
* @deprecated Use {@link EUIM_SLIDER_INFO_SCREEN} instead.
|
|
2540
2565
|
*/
|
|
2541
2566
|
class EuimSliderInfoScreenModule {
|
|
2542
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2543
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2567
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2568
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenModule, imports: [EuimSliderInfoScreenComponent,
|
|
2544
2569
|
EuimSlideInfoScreenComponent,
|
|
2545
2570
|
EuimSliderInfoScreenContentDirective,
|
|
2546
2571
|
EuimSliderInfoScreenTitleDirective,
|
|
@@ -2549,9 +2574,9 @@ class EuimSliderInfoScreenModule {
|
|
|
2549
2574
|
EuimSliderInfoScreenContentDirective,
|
|
2550
2575
|
EuimSliderInfoScreenTitleDirective,
|
|
2551
2576
|
EuimSliderInfoScreenSubTitleDirective] }); }
|
|
2552
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2577
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenModule, imports: [EuimSliderInfoScreenComponent] }); }
|
|
2553
2578
|
}
|
|
2554
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2579
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenModule, decorators: [{
|
|
2555
2580
|
type: NgModule,
|
|
2556
2581
|
args: [{
|
|
2557
2582
|
imports: [
|
|
@@ -2583,12 +2608,12 @@ class EuimScrollerXComponent {
|
|
|
2583
2608
|
constructor() {
|
|
2584
2609
|
this.className = 'euim-scroller-x';
|
|
2585
2610
|
}
|
|
2586
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2587
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2611
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimScrollerXComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2612
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimScrollerXComponent, isStandalone: true, selector: "euim-scroller-x", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".euim-scroller-x{display:flex;overflow-x:auto;scrollbar-color:transparent transparent;scrollbar-width:none;width:100%}.euim-scroller-x::-webkit-scrollbar{height:0}.euim-scroller-x>*{flex:0 0 auto}.euim-scroller-x ion-chip{padding:var(--eui-s-none) var(--eui-s-s);margin:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) 0}.euim-scroller-x ion-chip:first-of-type{margin-left:var(--eui-s-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2588
2613
|
}
|
|
2589
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2614
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimScrollerXComponent, decorators: [{
|
|
2590
2615
|
type: Component,
|
|
2591
|
-
args: [{ selector: 'euim-scroller-x', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2616
|
+
args: [{ selector: 'euim-scroller-x', template: '<ng-content/>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".euim-scroller-x{display:flex;overflow-x:auto;scrollbar-color:transparent transparent;scrollbar-width:none;width:100%}.euim-scroller-x::-webkit-scrollbar{height:0}.euim-scroller-x>*{flex:0 0 auto}.euim-scroller-x ion-chip{padding:var(--eui-s-none) var(--eui-s-s);margin:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) 0}.euim-scroller-x ion-chip:first-of-type{margin-left:var(--eui-s-xs)}\n"] }]
|
|
2592
2617
|
}], propDecorators: { className: [{
|
|
2593
2618
|
type: HostBinding,
|
|
2594
2619
|
args: ['class']
|
|
@@ -2598,11 +2623,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2598
2623
|
* @deprecated Use {@link EUIM_SCROLLER_X} instead.
|
|
2599
2624
|
*/
|
|
2600
2625
|
class EuimScrollerXComponentModule {
|
|
2601
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2602
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2603
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2626
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimScrollerXComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2627
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimScrollerXComponentModule, imports: [EuimScrollerXComponent], exports: [EuimScrollerXComponent] }); }
|
|
2628
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimScrollerXComponentModule }); }
|
|
2604
2629
|
}
|
|
2605
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2630
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimScrollerXComponentModule, decorators: [{
|
|
2606
2631
|
type: NgModule,
|
|
2607
2632
|
args: [{
|
|
2608
2633
|
imports: [EuimScrollerXComponent],
|
|
@@ -2622,14 +2647,13 @@ class EuimChipSelectorItemDirective {
|
|
|
2622
2647
|
this.euimChipSelectorAll = false;
|
|
2623
2648
|
this.className = 'euim-chip-selector__item';
|
|
2624
2649
|
}
|
|
2625
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2626
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "
|
|
2650
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimChipSelectorItemDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2651
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "20.1.0", type: EuimChipSelectorItemDirective, isStandalone: true, selector: "[euimChipSelectorItem]", inputs: { id: ["id", "id", numberAttribute], euimChipSelectorAll: ["euimChipSelectorAll", "euimChipSelectorAll", booleanAttribute] }, host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
2627
2652
|
}
|
|
2628
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2653
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimChipSelectorItemDirective, decorators: [{
|
|
2629
2654
|
type: Directive,
|
|
2630
2655
|
args: [{
|
|
2631
2656
|
selector: '[euimChipSelectorItem]',
|
|
2632
|
-
standalone: true,
|
|
2633
2657
|
}]
|
|
2634
2658
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { id: [{
|
|
2635
2659
|
type: Input,
|
|
@@ -2914,12 +2938,12 @@ class EuimChipSelectorComponent {
|
|
|
2914
2938
|
return data;
|
|
2915
2939
|
return data.filter(item => multipleFilterConditions.includes(item.filterId));
|
|
2916
2940
|
}
|
|
2917
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2918
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: EuimChipSelectorComponent, isStandalone: true, 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 (hasSearchbar) {\n <ion-searchbar (ionInput)=\"handleChange($event)\"\n class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n@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", styles: [".euim-chip-selector{padding:var(--eui-s-xs) 0;display:flex;justify-content:center;flex-direction:column}.euim-chip-selector .euim-scroller-x ion-chip{margin:0 var(--eui-s-xs) 0 0;padding:0 var(--eui-s-s)}.euim-chip-selector ion-searchbar{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-s-xs)}.euim-chip-selector .euim-scroller-x ion-chip{margin:0}}.euim-chip-selector--has-no-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs);flex-direction:row;padding:var(--eui-s-xs);justify-content:left}.euim-chip-selector--has-no-scroller-x ion-chip{padding:0 var(--eui-s-s);margin:0}ion-chip.euim-chip-selector__item--has-box-shadow{box-shadow:0 calc(var(--eui-s-2xs) / 2) var(--eui-s-2xs) #0003;margin-bottom:var(--eui-s-2xs)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent;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-branding{background-color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-branding-contrast);background-color:transparent;border-color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-branding-contrast);border-color:var(--eui-c-branding-contrast);color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-branding)}.euim-chip-selector--background-color-transparent{background-color:transparent}.euim-chip-selector__item--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-success-dark);background-color:transparent;color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-warning);background-color:transparent;color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-danger-dark);background-color:transparent;color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary ion-icon{color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-primary);background-color:transparent;color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-branding);background-color:transparent;color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-info);background-color:transparent;color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark ion-icon{color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-neutral);background-color:transparent;color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-min);background-color:transparent;border-color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}.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-c-neutral-bg);border-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default ion-icon{color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-lighter);background-color:transparent;border-color:var(--eui-c-neutral-lighter)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-lighter)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }, { kind: "ngmodule", type: EuimScrollerXComponentModule }, { kind: "component", type: EuimScrollerXComponent, selector: "euim-scroller-x" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2941
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimChipSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2942
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimChipSelectorComponent, isStandalone: true, 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 (hasSearchbar) {\n <ion-searchbar (ionInput)=\"handleChange($event)\"\n class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n@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", styles: [".euim-chip-selector{padding:var(--eui-s-xs) var(--eui-s-none);display:flex;justify-content:center;flex-direction:column}.euim-chip-selector .euim-scroller-x ion-chip{margin:var(--eui-s-none) var(--eui-s-xs) var(--eui-s-none) var(--eui-s-none);padding:var(--eui-s-none) var(--eui-s-s)}.euim-chip-selector ion-searchbar{padding-top:var(--eui-s-none);padding-bottom:var(--eui-s-s)}@media (min-width: 768px){.euim-chip-selector .euim-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs)}.euim-chip-selector .euim-scroller-x ion-chip{margin:var(--eui-s-none)}}.euim-chip-selector--has-no-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs);flex-direction:row;padding:var(--eui-s-xs);justify-content:left}.euim-chip-selector--has-no-scroller-x ion-chip{padding:var(--eui-s-none) var(--eui-s-s);margin:var(--eui-s-none)}ion-chip.euim-chip-selector__item--has-box-shadow{box-shadow:0 calc(var(--eui-s-2xs) / 2) var(--eui-s-2xs) #0003;margin-bottom:var(--eui-s-2xs)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:var(--eui-bw-none)}.euim-chip-selector__item--fill-outline{background-color:transparent;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:var(--eui-bw-none)}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-branding{background-color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-branding-on-surface);background-color:transparent;border-color:var(--eui-c-branding-on-surface)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding-on-surface)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-branding-on-surface);border-color:var(--eui-c-branding-on-surface);color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-branding)}.euim-chip-selector--background-color-transparent{background-color:transparent}.euim-chip-selector__item--color-success{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-success-on-surface)}.euim-chip-selector__item--color-success ion-icon{color:var(--eui-c-success-on-surface)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-success);background-color:transparent;color:var(--eui-c-success)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-success)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-success-on-surface)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-on-surface)}.euim-chip-selector__item--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-on-surface)}.euim-chip-selector__item--color-warning ion-icon{color:var(--eui-c-warning-on-surface)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-warning);background-color:transparent;color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-on-surface)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-on-surface)}.euim-chip-selector__item--color-danger{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-danger-on-surface)}.euim-chip-selector__item--color-danger ion-icon{color:var(--eui-c-danger-on-surface)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-danger);background-color:transparent;color:var(--eui-c-danger)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-danger)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-danger-on-surface)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-on-surface)}.euim-chip-selector__item--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-on-surface)}.euim-chip-selector__item--color-primary ion-icon{color:var(--eui-c-primary-on-surface)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-primary);background-color:transparent;color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-on-surface)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-c-white)}.euim-chip-selector__item--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-on-surface)}.euim-chip-selector__item--color-branding ion-icon{color:var(--eui-c-branding-on-surface)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-branding);background-color:transparent;color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-on-surface)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-on-surface)}.euim-chip-selector__item--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-on-surface)}.euim-chip-selector__item--color-info ion-icon{color:var(--eui-c-info-on-surface)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-info);background-color:transparent;color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-on-surface)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-on-surface)}.euim-chip-selector__item--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-on-surface)}.euim-chip-selector__item--color-dark ion-icon{color:var(--eui-c-neutral-on-surface)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-neutral);background-color:transparent;color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-white)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-white)}.euim-chip-selector__item--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white);color:var(--eui-c-black)}.euim-chip-selector__item--color-white ion-icon{color:var(--eui-c-black)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-white);background-color:transparent;border-color:var(--eui-c-white)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-white)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white);color:var(--eui-c-black)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-black)}.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-c-neutral-bg);border-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default ion-icon{color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-lighter);background-color:transparent;border-color:var(--eui-c-neutral-lighter)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-lighter)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-success-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-danger-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-c-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white);color:var(--eui-c-black)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-black)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }, { kind: "ngmodule", type: EuimScrollerXComponentModule }, { kind: "component", type: EuimScrollerXComponent, selector: "euim-scroller-x" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2919
2943
|
}
|
|
2920
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2944
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimChipSelectorComponent, decorators: [{
|
|
2921
2945
|
type: Component,
|
|
2922
|
-
args: [{ selector: 'euim-chip-selector', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IonicModule, EuimScrollerXComponentModule, CommonModule], template: "@if (hasSearchbar) {\n <ion-searchbar (ionInput)=\"handleChange($event)\"\n class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n@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", styles: [".euim-chip-selector{padding:var(--eui-s-xs) 0;display:flex;justify-content:center;flex-direction:column}.euim-chip-selector .euim-scroller-x ion-chip{margin:0 var(--eui-s-xs) 0 0;padding:0 var(--eui-s-s)}.euim-chip-selector ion-searchbar{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-s-xs)}.euim-chip-selector .euim-scroller-x ion-chip{margin:0}}.euim-chip-selector--has-no-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs);flex-direction:row;padding:var(--eui-s-xs);justify-content:left}.euim-chip-selector--has-no-scroller-x ion-chip{padding:0 var(--eui-s-s);margin:0}ion-chip.euim-chip-selector__item--has-box-shadow{box-shadow:0 calc(var(--eui-s-2xs) / 2) var(--eui-s-2xs) #0003;margin-bottom:var(--eui-s-2xs)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent;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-branding{background-color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-branding-contrast);background-color:transparent;border-color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-branding-contrast);border-color:var(--eui-c-branding-contrast);color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-branding)}.euim-chip-selector--background-color-transparent{background-color:transparent}.euim-chip-selector__item--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-success-dark);background-color:transparent;color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-warning);background-color:transparent;color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-danger-dark);background-color:transparent;color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary ion-icon{color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-primary);background-color:transparent;color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-branding);background-color:transparent;color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-info);background-color:transparent;color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark ion-icon{color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-neutral);background-color:transparent;color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-min);background-color:transparent;border-color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}.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-c-neutral-bg);border-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default ion-icon{color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-lighter);background-color:transparent;border-color:var(--eui-c-neutral-lighter)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-lighter)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}\n"] }]
|
|
2946
|
+
args: [{ selector: 'euim-chip-selector', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [IonicModule, EuimScrollerXComponentModule, CommonModule], template: "@if (hasSearchbar) {\n <ion-searchbar (ionInput)=\"handleChange($event)\"\n class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n@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", styles: [".euim-chip-selector{padding:var(--eui-s-xs) var(--eui-s-none);display:flex;justify-content:center;flex-direction:column}.euim-chip-selector .euim-scroller-x ion-chip{margin:var(--eui-s-none) var(--eui-s-xs) var(--eui-s-none) var(--eui-s-none);padding:var(--eui-s-none) var(--eui-s-s)}.euim-chip-selector ion-searchbar{padding-top:var(--eui-s-none);padding-bottom:var(--eui-s-s)}@media (min-width: 768px){.euim-chip-selector .euim-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs)}.euim-chip-selector .euim-scroller-x ion-chip{margin:var(--eui-s-none)}}.euim-chip-selector--has-no-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs);flex-direction:row;padding:var(--eui-s-xs);justify-content:left}.euim-chip-selector--has-no-scroller-x ion-chip{padding:var(--eui-s-none) var(--eui-s-s);margin:var(--eui-s-none)}ion-chip.euim-chip-selector__item--has-box-shadow{box-shadow:0 calc(var(--eui-s-2xs) / 2) var(--eui-s-2xs) #0003;margin-bottom:var(--eui-s-2xs)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:var(--eui-bw-none)}.euim-chip-selector__item--fill-outline{background-color:transparent;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:var(--eui-bw-none)}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-branding{background-color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-branding-on-surface);background-color:transparent;border-color:var(--eui-c-branding-on-surface)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding-on-surface)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-branding-on-surface);border-color:var(--eui-c-branding-on-surface);color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-branding)}.euim-chip-selector--background-color-transparent{background-color:transparent}.euim-chip-selector__item--color-success{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-success-on-surface)}.euim-chip-selector__item--color-success ion-icon{color:var(--eui-c-success-on-surface)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-success);background-color:transparent;color:var(--eui-c-success)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-success)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-success-on-surface)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-on-surface)}.euim-chip-selector__item--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-on-surface)}.euim-chip-selector__item--color-warning ion-icon{color:var(--eui-c-warning-on-surface)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-warning);background-color:transparent;color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-on-surface)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-on-surface)}.euim-chip-selector__item--color-danger{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-danger-on-surface)}.euim-chip-selector__item--color-danger ion-icon{color:var(--eui-c-danger-on-surface)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-danger);background-color:transparent;color:var(--eui-c-danger)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-danger)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-danger-on-surface)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-on-surface)}.euim-chip-selector__item--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-on-surface)}.euim-chip-selector__item--color-primary ion-icon{color:var(--eui-c-primary-on-surface)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-primary);background-color:transparent;color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-on-surface)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-c-white)}.euim-chip-selector__item--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-on-surface)}.euim-chip-selector__item--color-branding ion-icon{color:var(--eui-c-branding-on-surface)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-branding);background-color:transparent;color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-on-surface)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-on-surface)}.euim-chip-selector__item--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-on-surface)}.euim-chip-selector__item--color-info ion-icon{color:var(--eui-c-info-on-surface)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-info);background-color:transparent;color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-on-surface)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-on-surface)}.euim-chip-selector__item--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-on-surface)}.euim-chip-selector__item--color-dark ion-icon{color:var(--eui-c-neutral-on-surface)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-neutral);background-color:transparent;color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-white)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-white)}.euim-chip-selector__item--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white);color:var(--eui-c-black)}.euim-chip-selector__item--color-white ion-icon{color:var(--eui-c-black)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-white);background-color:transparent;border-color:var(--eui-c-white)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-white)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white);color:var(--eui-c-black)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-black)}.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-c-neutral-bg);border-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default ion-icon{color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-lighter);background-color:transparent;border-color:var(--eui-c-neutral-lighter)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-lighter)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-success-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-danger-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-c-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white);color:var(--eui-c-black)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-black)}\n"] }]
|
|
2923
2947
|
}], propDecorators: { backgroundColor: [{
|
|
2924
2948
|
type: Input
|
|
2925
2949
|
}], color: [{
|
|
@@ -2971,11 +2995,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2971
2995
|
* @deprecated Use {@link EUIM_CHIP_SELECTOR} instead.
|
|
2972
2996
|
*/
|
|
2973
2997
|
class EuimChipSelectorComponentModule {
|
|
2974
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2975
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2976
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2998
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimChipSelectorComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2999
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimChipSelectorComponentModule, imports: [EuimChipSelectorComponent, EuimChipSelectorItemDirective], exports: [EuimChipSelectorComponent, EuimChipSelectorItemDirective] }); }
|
|
3000
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimChipSelectorComponentModule, imports: [EuimChipSelectorComponent] }); }
|
|
2977
3001
|
}
|
|
2978
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3002
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimChipSelectorComponentModule, decorators: [{
|
|
2979
3003
|
type: NgModule,
|
|
2980
3004
|
args: [{
|
|
2981
3005
|
imports: [EuimChipSelectorComponent, EuimChipSelectorItemDirective],
|
|
@@ -3011,10 +3035,10 @@ class EuimSkeletonListItemComponent {
|
|
|
3011
3035
|
.join(' ')
|
|
3012
3036
|
.trim();
|
|
3013
3037
|
}
|
|
3014
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3015
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3038
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListItemComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3039
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimSkeletonListItemComponent, isStandalone: true, 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);margin-top:var(--eui-s-none)}.euim-skeleton-list-item ion-thumbnail{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-skeleton-list-item--size-l ion-thumbnail{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-skeleton-list-item--size-2xl ion-thumbnail{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-skeleton-list-item ion-thumbnail{--border-radius: 50%}.euim-skeleton-list-item--square ion-thumbnail{--border-radius: var(--eui-br-none)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }, { kind: "component", type: i1.IonThumbnail, selector: "ion-thumbnail" }, { kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3016
3040
|
}
|
|
3017
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3041
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListItemComponent, decorators: [{
|
|
3018
3042
|
type: Component,
|
|
3019
3043
|
args: [{ selector: 'euim-skeleton-list-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
3020
3044
|
{
|
|
@@ -3024,7 +3048,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3024
3048
|
'euimSizeL',
|
|
3025
3049
|
],
|
|
3026
3050
|
},
|
|
3027
|
-
],
|
|
3051
|
+
], imports: [IonicModule, CommonModule], 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);margin-top:var(--eui-s-none)}.euim-skeleton-list-item ion-thumbnail{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-skeleton-list-item--size-l ion-thumbnail{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-skeleton-list-item--size-2xl ion-thumbnail{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-skeleton-list-item ion-thumbnail{--border-radius: 50%}.euim-skeleton-list-item--square ion-thumbnail{--border-radius: var(--eui-br-none)}\n"] }]
|
|
3028
3052
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
3029
3053
|
type: HostBinding,
|
|
3030
3054
|
args: ['class']
|
|
@@ -3059,11 +3083,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3059
3083
|
* @deprecated Use {@link EUIM_SKELETON_LIST_ITEM} instead.
|
|
3060
3084
|
*/
|
|
3061
3085
|
class EuimSkeletonListItemModule {
|
|
3062
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3063
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3064
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3086
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3087
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListItemModule, imports: [EuimSkeletonListItemComponent], exports: [EuimSkeletonListItemComponent] }); }
|
|
3088
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListItemModule, imports: [EuimSkeletonListItemComponent] }); }
|
|
3065
3089
|
}
|
|
3066
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3090
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListItemModule, decorators: [{
|
|
3067
3091
|
type: NgModule,
|
|
3068
3092
|
args: [{
|
|
3069
3093
|
imports: [EuimSkeletonListItemComponent],
|
|
@@ -3099,12 +3123,12 @@ class EuimSkeletonListComponent {
|
|
|
3099
3123
|
get itemsArray() {
|
|
3100
3124
|
return Array.from({ length: this.items });
|
|
3101
3125
|
}
|
|
3102
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3103
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3126
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3127
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimSkeletonListComponent, isStandalone: true, 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: "component", type: EuimSkeletonListItemComponent, selector: "euim-skeleton-list-item", inputs: ["hasAvatar", "hasTitle", "hasSubtitle", "hasMetaLine", "isAnimated", "avatarType", "separator", "titleWidth", "subTitleWidth", "metaLineWidth"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3104
3128
|
}
|
|
3105
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3129
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListComponent, decorators: [{
|
|
3106
3130
|
type: Component,
|
|
3107
|
-
args: [{ selector: 'euim-skeleton-list', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
3131
|
+
args: [{ selector: 'euim-skeleton-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [EuimSkeletonListItemComponent, CommonModule], 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" }]
|
|
3108
3132
|
}], propDecorators: { items: [{
|
|
3109
3133
|
type: Input
|
|
3110
3134
|
}], skeletonListItem: [{
|
|
@@ -3116,11 +3140,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3116
3140
|
* @deprecated Use {@link EUIM_SKELETON_LIST} instead.
|
|
3117
3141
|
*/
|
|
3118
3142
|
class EuimSkeletonListModule {
|
|
3119
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3120
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3121
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3143
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3144
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListModule, imports: [EuimSkeletonListComponent], exports: [EuimSkeletonListComponent] }); }
|
|
3145
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListModule, imports: [EuimSkeletonListComponent] }); }
|
|
3122
3146
|
}
|
|
3123
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3147
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListModule, decorators: [{
|
|
3124
3148
|
type: NgModule,
|
|
3125
3149
|
args: [{
|
|
3126
3150
|
imports: [EuimSkeletonListComponent],
|
|
@@ -3189,16 +3213,16 @@ class EuimMultiselectComponent {
|
|
|
3189
3213
|
this.initialDataProvider = changes['currentDataProvider']?.currentValue;
|
|
3190
3214
|
}
|
|
3191
3215
|
}
|
|
3192
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3193
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3216
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3217
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimMultiselectComponent, isStandalone: true, 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\"></ng-content>\n}\n\n@if (currentDataProvider?.length === 0) {\n <ng-content select=\"euim-empty-list-placeholder\"></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: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "ngmodule", type: EuimEmptyListPlaceholderModule }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3194
3218
|
}
|
|
3195
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3219
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectComponent, decorators: [{
|
|
3196
3220
|
type: Component,
|
|
3197
|
-
args: [{ selector: 'euim-multiselect', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'euimMultiselect',
|
|
3221
|
+
args: [{ selector: 'euim-multiselect', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'euimMultiselect', imports: [
|
|
3198
3222
|
IonicModule,
|
|
3199
3223
|
EuimEmptyListPlaceholderModule,
|
|
3200
3224
|
TranslateModule,
|
|
3201
|
-
], 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\"></ng-content>\n}\n\n@if (currentDataProvider?.length === 0) {\n <ng-content select=\"euim-empty-list-placeholder\"></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
|
|
3225
|
+
], 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\"></ng-content>\n}\n\n@if (currentDataProvider?.length === 0) {\n <ng-content select=\"euim-empty-list-placeholder\"></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"] }]
|
|
3202
3226
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { className: [{
|
|
3203
3227
|
type: HostBinding,
|
|
3204
3228
|
args: ['class']
|
|
@@ -3259,12 +3283,12 @@ class EuimMultiselectFilterComponent {
|
|
|
3259
3283
|
this.multiselect.numberOfSelected = this.multiselect.countSelectedItems();
|
|
3260
3284
|
}
|
|
3261
3285
|
}
|
|
3262
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3263
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3286
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectFilterComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3287
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimMultiselectFilterComponent, isStandalone: true, selector: "euim-multiselect-filter", inputs: { filterByFieldsNames: "filterByFieldsNames" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-searchbar (ionInput)=\"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: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3264
3288
|
}
|
|
3265
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3289
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectFilterComponent, decorators: [{
|
|
3266
3290
|
type: Component,
|
|
3267
|
-
args: [{ selector: 'euim-multiselect-filter', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
3291
|
+
args: [{ selector: 'euim-multiselect-filter', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IonicModule], template: "<ion-searchbar (ionInput)=\"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"] }]
|
|
3268
3292
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
3269
3293
|
type: HostBinding,
|
|
3270
3294
|
args: ['class']
|
|
@@ -3293,14 +3317,13 @@ class EuimMultiselectAllDirective {
|
|
|
3293
3317
|
get checked() {
|
|
3294
3318
|
return this.euimMulti.selectAll;
|
|
3295
3319
|
}
|
|
3296
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3297
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3320
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectAllDirective, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3321
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimMultiselectAllDirective, isStandalone: true, selector: "[euimMultiselectAll]", host: { listeners: { "ionChange": "onIonChange($event)" }, properties: { "class": "this.className", "indeterminate": "this.indeterminate", "checked": "this.checked" } }, ngImport: i0 }); }
|
|
3298
3322
|
}
|
|
3299
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3323
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectAllDirective, decorators: [{
|
|
3300
3324
|
type: Directive,
|
|
3301
3325
|
args: [{
|
|
3302
3326
|
selector: '[euimMultiselectAll]',
|
|
3303
|
-
standalone: true,
|
|
3304
3327
|
}]
|
|
3305
3328
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
3306
3329
|
type: HostBinding,
|
|
@@ -3321,12 +3344,12 @@ class EuimMultiselectListComponent {
|
|
|
3321
3344
|
this.multiselect = multiselect;
|
|
3322
3345
|
this.className = 'euim-multiselect-list';
|
|
3323
3346
|
}
|
|
3324
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3325
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3347
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectListComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3348
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimMultiselectListComponent, isStandalone: true, 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: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3326
3349
|
}
|
|
3327
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3350
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectListComponent, decorators: [{
|
|
3328
3351
|
type: Component,
|
|
3329
|
-
args: [{ selector: 'euim-multiselect-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
3352
|
+
args: [{ selector: 'euim-multiselect-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IonicModule], template: "<ion-list>\n <ng-content></ng-content>\n</ion-list>\n" }]
|
|
3330
3353
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
3331
3354
|
type: HostBinding,
|
|
3332
3355
|
args: ['class']
|
|
@@ -3360,14 +3383,13 @@ class EuimMultiselectSelectFieldDirective {
|
|
|
3360
3383
|
this.euimMulti.numberOfSelected = this.euimMulti.countSelectedItems();
|
|
3361
3384
|
}
|
|
3362
3385
|
}
|
|
3363
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3364
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3386
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectSelectFieldDirective, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3387
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimMultiselectSelectFieldDirective, isStandalone: true, selector: "[euimMultiselectSelectField]", inputs: { item: "item" }, host: { listeners: { "ionChange": "onIonChange($event)" }, properties: { "class": "this.className", "item": "this.item" } }, ngImport: i0 }); }
|
|
3365
3388
|
}
|
|
3366
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3389
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectSelectFieldDirective, decorators: [{
|
|
3367
3390
|
type: Directive,
|
|
3368
3391
|
args: [{
|
|
3369
3392
|
selector: '[euimMultiselectSelectField]',
|
|
3370
|
-
standalone: true,
|
|
3371
3393
|
}]
|
|
3372
3394
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
3373
3395
|
type: HostBinding,
|
|
@@ -3391,12 +3413,12 @@ class EuimMultiselectInfoComponent {
|
|
|
3391
3413
|
ngAfterContentChecked() {
|
|
3392
3414
|
this.ref.detectChanges();
|
|
3393
3415
|
}
|
|
3394
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3395
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3416
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectInfoComponent, deps: [{ token: EuimMultiselectComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3417
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimMultiselectInfoComponent, isStandalone: true, 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: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3396
3418
|
}
|
|
3397
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3419
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectInfoComponent, decorators: [{
|
|
3398
3420
|
type: Component,
|
|
3399
|
-
args: [{ selector: 'euim-multiselect-info', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
3421
|
+
args: [{ selector: 'euim-multiselect-info', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [TranslateModule], 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"] }]
|
|
3400
3422
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }, { type: i0.ChangeDetectorRef }], propDecorators: { className: [{
|
|
3401
3423
|
type: HostBinding,
|
|
3402
3424
|
args: ['class']
|
|
@@ -3418,12 +3440,12 @@ class EuimMultiselectToolbarComponent {
|
|
|
3418
3440
|
onCancelClick() {
|
|
3419
3441
|
this.cancel.emit(true);
|
|
3420
3442
|
}
|
|
3421
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3422
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3443
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectToolbarComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3444
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimMultiselectToolbarComponent, isStandalone: true, 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\" 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\" 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: "ngmodule", type: EuimToolbarComponentModule }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "ionMenuId", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: EuimToolbarActionItemsComponent, selector: "euim-toolbar-action-items" }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3423
3445
|
}
|
|
3424
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3446
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectToolbarComponent, decorators: [{
|
|
3425
3447
|
type: Component,
|
|
3426
|
-
args: [{ selector: 'euim-multiselect-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
3448
|
+
args: [{ selector: 'euim-multiselect-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [EuimToolbarComponentModule, IonicModule], template: "@if (!euimCustomRender) {\n <euim-toolbar\n [hasBackButton]=\"false\" [hasSidebarTrigger]=\"false\" >\n <ion-button (click)=\"onCancelClick()\">\n <ion-icon name=\"close\" 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\" 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" }]
|
|
3427
3449
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
3428
3450
|
type: HostBinding,
|
|
3429
3451
|
args: ['class']
|
|
@@ -3442,8 +3464,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3442
3464
|
* @deprecated Use {@link EUIM_MULTISELECT} instead.
|
|
3443
3465
|
*/
|
|
3444
3466
|
class EuimMultiselectModule {
|
|
3445
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3446
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3467
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3468
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectModule, imports: [EuimMultiselectComponent,
|
|
3447
3469
|
EuimMultiselectFilterComponent,
|
|
3448
3470
|
EuimMultiselectListComponent,
|
|
3449
3471
|
EuimMultiselectInfoComponent,
|
|
@@ -3456,13 +3478,13 @@ class EuimMultiselectModule {
|
|
|
3456
3478
|
EuimMultiselectSelectFieldDirective,
|
|
3457
3479
|
EuimMultiselectAllDirective,
|
|
3458
3480
|
EuimMultiselectToolbarComponent] }); }
|
|
3459
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3481
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectModule, imports: [EuimMultiselectComponent,
|
|
3460
3482
|
EuimMultiselectFilterComponent,
|
|
3461
3483
|
EuimMultiselectListComponent,
|
|
3462
3484
|
EuimMultiselectInfoComponent,
|
|
3463
3485
|
EuimMultiselectToolbarComponent] }); }
|
|
3464
3486
|
}
|
|
3465
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3487
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectModule, decorators: [{
|
|
3466
3488
|
type: NgModule,
|
|
3467
3489
|
args: [{
|
|
3468
3490
|
imports: [
|
|
@@ -3612,12 +3634,12 @@ class EuimPdfViewerComponent {
|
|
|
3612
3634
|
return throwError(() => err);
|
|
3613
3635
|
}));
|
|
3614
3636
|
}
|
|
3615
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3616
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3637
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimPdfViewerComponent, deps: [{ token: i1.AlertController }, { token: i2$2.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3638
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimPdfViewerComponent, isStandalone: true, selector: "euim-pdf-viewer", inputs: { url: "url", page: "page" }, host: { properties: { "className": "this.className" } }, 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 class=\"euim-pdf-viewer__container\">\n @if (data) {\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 }\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>\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 <ion-icon name=\"refresh-circle-outline\" slot=\"icon-only\"></ion-icon>\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 </ion-buttons>\n <ion-buttons slot=\"end\">\n <ion-button (click)=\"prevPage()\" [disabled]=\"page === 1 || !pdf || !data\">\n <ion-icon name=\"arrow-back-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <span>{{ page }}/{{ pdfNumPages }}</span>\n <ion-button (click)=\"nextPage()\" [disabled]=\"page === pdfNumPages || !pdf || !data\">\n <ion-icon name=\"arrow-forward-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n </ion-toolbar>\n</ion-footer>\n", styles: [".euim-pdf-viewer{display:flex;flex-direction:column;height:100%;min-height:550px}.euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl))}.euim-pdf-viewer__footer-zoom-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.euim-pdf-viewer pinch-zoom .pz-zoom-button{display:none}ion-content .euim-pdf-viewer{display:flex;flex-direction:column;height:calc(100vh - var(--eui-s-5xl))}ion-content .euim-pdf-viewer__container{display:block;width:100%;height:calc(100vh - var(--eui-s-5xl) * 2)}ion-content .euim-pdf-viewer ion-footer{margin-top:auto}ion-modal .euim-pdf-viewer{height:100%;min-height:auto}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "ngmodule", type: PdfViewerModule }, { kind: "component", type: i3.PdfViewerComponent, selector: "pdf-viewer", inputs: ["src", "c-maps-url", "page", "render-text", "render-text-mode", "original-size", "show-all", "stick-to-page", "zoom", "zoom-scale", "rotation", "external-link-target", "autoresize", "fit-to-page", "show-borders"], outputs: ["after-load-complete", "page-rendered", "pages-initialized", "text-layer-rendered", "error", "on-progress", "pageChange"] }, { kind: "ngmodule", type: PinchZoomModule }, { 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: "ngmodule", type: EuimSpinnerComponentModule }, { kind: "component", type: EuimSpinnerComponent, selector: "euim-spinner", inputs: ["variant"] }, { kind: "component", type: EuimSpinnerMessageComponent, selector: "[euimSpinnerMessage]" }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: HttpClientModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3617
3639
|
}
|
|
3618
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3640
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimPdfViewerComponent, decorators: [{
|
|
3619
3641
|
type: Component,
|
|
3620
|
-
args: [{ selector: 'euim-pdf-viewer', encapsulation: ViewEncapsulation.None,
|
|
3642
|
+
args: [{ selector: 'euim-pdf-viewer', encapsulation: ViewEncapsulation.None, imports: [
|
|
3621
3643
|
IonicModule,
|
|
3622
3644
|
PdfViewerModule,
|
|
3623
3645
|
PinchZoomModule,
|
|
@@ -3640,11 +3662,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3640
3662
|
* @deprecated Use {@link EUIM_PDF_VIEWER} instead.
|
|
3641
3663
|
*/
|
|
3642
3664
|
class EuimPdfViewerModule {
|
|
3643
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3644
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3645
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3665
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimPdfViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3666
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimPdfViewerModule, imports: [EuimPdfViewerComponent], exports: [EuimPdfViewerComponent] }); }
|
|
3667
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimPdfViewerModule, imports: [EuimPdfViewerComponent] }); }
|
|
3646
3668
|
}
|
|
3647
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3669
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimPdfViewerModule, decorators: [{
|
|
3648
3670
|
type: NgModule,
|
|
3649
3671
|
args: [{
|
|
3650
3672
|
imports: [EuimPdfViewerComponent],
|
|
@@ -3660,16 +3682,16 @@ class EuimAboutComponent {
|
|
|
3660
3682
|
constructor() {
|
|
3661
3683
|
this.className = 'euim-about';
|
|
3662
3684
|
}
|
|
3663
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3664
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3685
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3686
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimAboutComponent, isStandalone: true, selector: "euim-about", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".euim-about euim-toolbar-title{font:var(--eui-f-l-bold)}.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-c-neutral);margin-inline-end:var(--eui-s-m)}.euim-about__app-img{width:var(--eui-s-6xl);height:var(--eui-s-6xl);border-radius:var(--eui-s-m);border:calc(var(--eui-s-2xs) / 2) solid var(--eui-c-white)}\n"], dependencies: [{ kind: "ngmodule", type: PinchZoomModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: RouterModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3665
3687
|
}
|
|
3666
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3688
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAboutComponent, decorators: [{
|
|
3667
3689
|
type: Component,
|
|
3668
|
-
args: [{ selector: 'euim-about', encapsulation: ViewEncapsulation.None,
|
|
3690
|
+
args: [{ selector: 'euim-about', encapsulation: ViewEncapsulation.None, imports: [
|
|
3669
3691
|
PinchZoomModule,
|
|
3670
3692
|
TranslateModule,
|
|
3671
3693
|
RouterModule,
|
|
3672
|
-
], template: "<ng-content></ng-content>\r\n", styles: [".euim-about euim-toolbar-title{font:var(--eui-f-l-bold
|
|
3694
|
+
], template: "<ng-content></ng-content>\r\n", styles: [".euim-about euim-toolbar-title{font:var(--eui-f-l-bold)}.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-c-neutral);margin-inline-end:var(--eui-s-m)}.euim-about__app-img{width:var(--eui-s-6xl);height:var(--eui-s-6xl);border-radius:var(--eui-s-m);border:calc(var(--eui-s-2xs) / 2) solid var(--eui-c-white)}\n"] }]
|
|
3673
3695
|
}], propDecorators: { className: [{
|
|
3674
3696
|
type: HostBinding,
|
|
3675
3697
|
args: ['class']
|
|
@@ -3680,12 +3702,12 @@ class EuimChangelogComponent {
|
|
|
3680
3702
|
this.className = 'euim-changelog';
|
|
3681
3703
|
this.changeLogs = [];
|
|
3682
3704
|
}
|
|
3683
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3684
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3705
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimChangelogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3706
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimChangelogComponent, isStandalone: true, selector: "euim-changelog", inputs: { changeLogs: "changeLogs" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<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\" 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>", styles: [".euim-changelog__euimVersionTitle{font:var(--eui-f-s);color:var(--eui-c-text)}.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-c-text)}.euim-changelog ion-item ion-icon{color:var(--eui-c-text)}.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-c-neutral)}.euim-changelog ion-list{flex:1;display:flex;flex-direction:column}.euim-changelog ion-content ion-list{max-height:calc(100vh - var(--eui-s-4xl));overflow-y:auto;overflow-x:hidden}.euim-changelog ion-accordion ion-item{--background: var(--eui-c-white)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonAccordion, selector: "ion-accordion", inputs: ["disabled", "mode", "readonly", "toggleIcon", "toggleIconSlot", "value"] }, { kind: "component", type: i1.IonAccordionGroup, selector: "ion-accordion-group", inputs: ["animated", "disabled", "expand", "mode", "multiple", "readonly", "value"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3685
3707
|
}
|
|
3686
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3708
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimChangelogComponent, decorators: [{
|
|
3687
3709
|
type: Component,
|
|
3688
|
-
args: [{ selector: 'euim-changelog', encapsulation: ViewEncapsulation.None,
|
|
3710
|
+
args: [{ selector: 'euim-changelog', encapsulation: ViewEncapsulation.None, imports: [TranslateModule, IonicModule], template: "<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\" 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>", styles: [".euim-changelog__euimVersionTitle{font:var(--eui-f-s);color:var(--eui-c-text)}.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-c-text)}.euim-changelog ion-item ion-icon{color:var(--eui-c-text)}.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-c-neutral)}.euim-changelog ion-list{flex:1;display:flex;flex-direction:column}.euim-changelog ion-content ion-list{max-height:calc(100vh - var(--eui-s-4xl));overflow-y:auto;overflow-x:hidden}.euim-changelog ion-accordion ion-item{--background: var(--eui-c-white)}\n"] }]
|
|
3689
3711
|
}], propDecorators: { className: [{
|
|
3690
3712
|
type: HostBinding,
|
|
3691
3713
|
args: ['class']
|
|
@@ -3739,12 +3761,12 @@ class EuimHelpSupportComponent {
|
|
|
3739
3761
|
}
|
|
3740
3762
|
return '_blank';
|
|
3741
3763
|
}
|
|
3742
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3743
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3764
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHelpSupportComponent, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3765
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimHelpSupportComponent, isStandalone: true, selector: "euim-help-support", inputs: { helpAndSupportItems: "helpAndSupportItems" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "@if (helpAndSupportItems.length > 0) {\n <ion-list>\n @for (helpSupportItem of helpAndSupportItems; track $index;) {\n <ion-item-divider>{{helpSupportItem.sectionTitle}}</ion-item-divider>\n @for (item of helpSupportItem.items; track item;) {\n <ion-item button [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 (!isEndIconLink(item)) {\n <div class=\"euim-help-support__title\">{{ item.title }}</div>\n }\n @if (isEndIconLink(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-c-link)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "ngmodule", type: EuimAvatarModule }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "ngmodule", type: EuimLabelModule }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3744
3766
|
}
|
|
3745
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3767
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHelpSupportComponent, decorators: [{
|
|
3746
3768
|
type: Component,
|
|
3747
|
-
args: [{ selector: 'euim-help-support', encapsulation: ViewEncapsulation.None,
|
|
3769
|
+
args: [{ selector: 'euim-help-support', encapsulation: ViewEncapsulation.None, imports: [TranslateModule, CommonModule, IonicModule, EuimAvatarModule, EuimLabelModule], template: "@if (helpAndSupportItems.length > 0) {\n <ion-list>\n @for (helpSupportItem of helpAndSupportItems; track $index;) {\n <ion-item-divider>{{helpSupportItem.sectionTitle}}</ion-item-divider>\n @for (item of helpSupportItem.items; track item;) {\n <ion-item button [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 (!isEndIconLink(item)) {\n <div class=\"euim-help-support__title\">{{ item.title }}</div>\n }\n @if (isEndIconLink(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-c-link)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"] }]
|
|
3748
3770
|
}], ctorParameters: () => [{ type: i1$2.Router }], propDecorators: { helpAndSupportItems: [{
|
|
3749
3771
|
type: Input
|
|
3750
3772
|
}], className: [{
|
|
@@ -3761,12 +3783,12 @@ class EuimOpenSourceLicencesComponent {
|
|
|
3761
3783
|
emitItemClick(itemName) {
|
|
3762
3784
|
this.clickItem.emit([itemName]);
|
|
3763
3785
|
}
|
|
3764
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3765
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3786
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimOpenSourceLicencesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3787
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimOpenSourceLicencesComponent, isStandalone: true, selector: "euim-opensource-licences", inputs: { items: "items" }, outputs: { clickItem: "clickItem" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\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>", styles: [".euim-opensource-licences ion-item ion-icon{margin-inline-end:var(--eui-s-m);color:var(--eui-c-text)}.euim-opensource-licences ion-item ion-icon__item{cursor:pointer!important}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3766
3788
|
}
|
|
3767
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3789
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimOpenSourceLicencesComponent, decorators: [{
|
|
3768
3790
|
type: Component,
|
|
3769
|
-
args: [{ selector: 'euim-opensource-licences', encapsulation: ViewEncapsulation.None,
|
|
3791
|
+
args: [{ selector: 'euim-opensource-licences', encapsulation: ViewEncapsulation.None, imports: [TranslateModule, IonicModule], template: "<ng-content></ng-content>\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>", styles: [".euim-opensource-licences ion-item ion-icon{margin-inline-end:var(--eui-s-m);color:var(--eui-c-text)}.euim-opensource-licences ion-item ion-icon__item{cursor:pointer!important}\n"] }]
|
|
3770
3792
|
}], propDecorators: { className: [{
|
|
3771
3793
|
type: HostBinding,
|
|
3772
3794
|
args: ['class']
|
|
@@ -3785,12 +3807,12 @@ class EuimAboutContentLoadingComponent {
|
|
|
3785
3807
|
ngOnInit() {
|
|
3786
3808
|
this.sanitizedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.webUrl);
|
|
3787
3809
|
}
|
|
3788
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3789
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3810
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAboutContentLoadingComponent, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3811
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimAboutContentLoadingComponent, isStandalone: true, selector: "euim-about-content-loading", inputs: { webUrl: "webUrl" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<div class=\"euim-about-content-loading__content\">\r\n <ng-content></ng-content>\r\n</div>\r\n@if(webUrl) {\r\n<div class=\"euim-about-content-loading__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-about-content-loading__iframe\" allowfullscreen></iframe>\r\n</div>\r\n}", styles: [".euim-about-content-loading__iframe-container{position:fixed;top:0;left:0;width:100vw;height:calc(100vh - var(--eui-s-5xl));overflow:hidden;z-index:1000;margin-top:var(--eui-s-5xl)}.euim-about-content-loading__iframe{width:100%;height:100%;border:none;overflow:auto}.euim-about-content-loading__content:not(:has(euim-pdf-viewer)){display:block;padding:var(--eui-s-2xs) var(--eui-s-m);font:var(--eui-f-s);color:var(--eui-c-text)}.euim-about-content-loading .euim-pdf-viewer{display:flex;flex-direction:column}.euim-about-content-loading .euim-pdf-viewer__container{height:calc(100vh - var(--eui-s-5xl) * 2)}.euim-about-content-loading .euim-pdf-viewer ion-footer{margin-top:0}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3790
3812
|
}
|
|
3791
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3813
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAboutContentLoadingComponent, decorators: [{
|
|
3792
3814
|
type: Component,
|
|
3793
|
-
args: [{ selector: 'euim-about-content-loading', encapsulation: ViewEncapsulation.None,
|
|
3815
|
+
args: [{ selector: 'euim-about-content-loading', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-about-content-loading__content\">\r\n <ng-content></ng-content>\r\n</div>\r\n@if(webUrl) {\r\n<div class=\"euim-about-content-loading__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-about-content-loading__iframe\" allowfullscreen></iframe>\r\n</div>\r\n}", styles: [".euim-about-content-loading__iframe-container{position:fixed;top:0;left:0;width:100vw;height:calc(100vh - var(--eui-s-5xl));overflow:hidden;z-index:1000;margin-top:var(--eui-s-5xl)}.euim-about-content-loading__iframe{width:100%;height:100%;border:none;overflow:auto}.euim-about-content-loading__content:not(:has(euim-pdf-viewer)){display:block;padding:var(--eui-s-2xs) var(--eui-s-m);font:var(--eui-f-s);color:var(--eui-c-text)}.euim-about-content-loading .euim-pdf-viewer{display:flex;flex-direction:column}.euim-about-content-loading .euim-pdf-viewer__container{height:calc(100vh - var(--eui-s-5xl) * 2)}.euim-about-content-loading .euim-pdf-viewer ion-footer{margin-top:0}\n"] }]
|
|
3794
3816
|
}], ctorParameters: () => [{ type: i1$3.DomSanitizer }], propDecorators: { className: [{
|
|
3795
3817
|
type: HostBinding,
|
|
3796
3818
|
args: ['class']
|
|
@@ -3802,8 +3824,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3802
3824
|
* @deprecated Use {@link EUIM_ABOUT} instead.
|
|
3803
3825
|
*/
|
|
3804
3826
|
class EuimAboutModule {
|
|
3805
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3806
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3827
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3828
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimAboutModule, imports: [PinchZoomModule,
|
|
3807
3829
|
TranslateModule,
|
|
3808
3830
|
RouterModule,
|
|
3809
3831
|
EuimAboutComponent,
|
|
@@ -3815,7 +3837,7 @@ class EuimAboutModule {
|
|
|
3815
3837
|
EuimOpenSourceLicencesComponent,
|
|
3816
3838
|
EuimHelpSupportComponent,
|
|
3817
3839
|
EuimAboutContentLoadingComponent] }); }
|
|
3818
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3840
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAboutModule, imports: [PinchZoomModule,
|
|
3819
3841
|
TranslateModule,
|
|
3820
3842
|
RouterModule,
|
|
3821
3843
|
EuimAboutComponent,
|
|
@@ -3823,7 +3845,7 @@ class EuimAboutModule {
|
|
|
3823
3845
|
EuimOpenSourceLicencesComponent,
|
|
3824
3846
|
EuimHelpSupportComponent] }); }
|
|
3825
3847
|
}
|
|
3826
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3848
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAboutModule, decorators: [{
|
|
3827
3849
|
type: NgModule,
|
|
3828
3850
|
args: [{
|
|
3829
3851
|
imports: [
|
|
@@ -3858,12 +3880,12 @@ class EuimToolbarQrcodeComponent {
|
|
|
3858
3880
|
constructor() {
|
|
3859
3881
|
this.logoUrl = '';
|
|
3860
3882
|
}
|
|
3861
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3862
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3883
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarQrcodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3884
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimToolbarQrcodeComponent, isStandalone: true, selector: "euim-toolbar-qrcode", inputs: { qrCodeUrl: "qrCodeUrl", logoUrl: "logoUrl", showCode: "showCode" }, ngImport: i0, template: "<div>\n @if (showCode) {\n <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\" [elementType]=\"'svg'\"\n [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\n @if (!showCode) {\n @if (logoUrl) { <img [src]=\"logoUrl\" class=\"euim-about__app-img\" alt=\"Image\" /> } }\n </div>", dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "component", type: QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "imageSrc", "imageHeight", "imageWidth", "margin", "qrdata", "scale", "version", "width", "alt", "ariaLabel", "title"], outputs: ["qrCodeURL"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3863
3885
|
}
|
|
3864
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3886
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarQrcodeComponent, decorators: [{
|
|
3865
3887
|
type: Component,
|
|
3866
|
-
args: [{ selector: 'euim-toolbar-qrcode', encapsulation: ViewEncapsulation.None,
|
|
3888
|
+
args: [{ selector: 'euim-toolbar-qrcode', encapsulation: ViewEncapsulation.None, imports: [TranslateModule, QRCodeComponent], template: "<div>\n @if (showCode) {\n <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\" [elementType]=\"'svg'\"\n [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\n @if (!showCode) {\n @if (logoUrl) { <img [src]=\"logoUrl\" class=\"euim-about__app-img\" alt=\"Image\" /> } }\n </div>" }]
|
|
3867
3889
|
}], propDecorators: { qrCodeUrl: [{
|
|
3868
3890
|
type: Input
|
|
3869
3891
|
}], logoUrl: [{
|
|
@@ -3876,11 +3898,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3876
3898
|
* @deprecated Use {@link EUIM_TOOLBAR_QRCODE} instead.
|
|
3877
3899
|
*/
|
|
3878
3900
|
class EuimToolbarQrcodeModule {
|
|
3879
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3880
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
3881
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3901
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarQrcodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3902
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarQrcodeModule, imports: [EuimToolbarQrcodeComponent], exports: [EuimToolbarQrcodeComponent] }); }
|
|
3903
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarQrcodeModule, imports: [EuimToolbarQrcodeComponent] }); }
|
|
3882
3904
|
}
|
|
3883
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3905
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarQrcodeModule, decorators: [{
|
|
3884
3906
|
type: NgModule,
|
|
3885
3907
|
args: [{
|
|
3886
3908
|
imports: [EuimToolbarQrcodeComponent],
|
|
@@ -3928,7 +3950,7 @@ class EuimToolbarDatepickerComponent {
|
|
|
3928
3950
|
}
|
|
3929
3951
|
ngOnInit() {
|
|
3930
3952
|
if (!this.baseStatesDirective.color) {
|
|
3931
|
-
this.baseStatesDirective.color = '
|
|
3953
|
+
this.baseStatesDirective.color = 'branding';
|
|
3932
3954
|
}
|
|
3933
3955
|
this.loadWeekdaysTranslation(this.translate.currentLang);
|
|
3934
3956
|
this.langChangeSubscription = this.translate.onLangChange.subscribe((event) => {
|
|
@@ -4008,10 +4030,10 @@ class EuimToolbarDatepickerComponent {
|
|
|
4008
4030
|
formatDateAndWeekDay() {
|
|
4009
4031
|
this.weekDayName = this.weekdays[this.currentDate.getDay()];
|
|
4010
4032
|
}
|
|
4011
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4012
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4033
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarDatepickerComponent, deps: [{ token: BaseStatesDirective }, { token: i1$2.Router }, { token: i2$1.Location }, { token: i2.TranslateService }, { token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4034
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimToolbarDatepickerComponent, isStandalone: true, selector: "euim-toolbar-datepicker", inputs: { icon: "icon", title: "title", subTitle: "subTitle", euimPrevBtnDisabled: ["euimPrevBtnDisabled", "euimPrevBtnDisabled", booleanAttribute], euimNextBtnDisabled: ["euimNextBtnDisabled", "euimNextBtnDisabled", booleanAttribute], euimReadOnly: ["euimReadOnly", "euimReadOnly", booleanAttribute], closeModalOnBack: ["closeModalOnBack", "closeModalOnBack", 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\" color=\"branding\">\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\"></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\">\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\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n (ionModalDidPresent)=\"onModalPresent()\"\n (ionModalDidDismiss)=\"onModalDismiss()\"\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 presentation=\"date\"\n [(ngModel)]=\"selectedDate\"></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 ion-buttons[slot=end]{margin-inline-start:var(--eui-s-none)}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-s-l);margin-right:var(--eui-s-l);width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-toolbar-datepicker__datetime-button{display:flex;align-items:center;height: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-button .euim-toolbar-datepicker__date{display:grid}.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;color:var(--eui-c-branding-on-surface)}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-is-l);height:var(--eui-is-l);color:var(--eui-c-branding-on-surface)}.euim-toolbar-datepicker__nav-button:first-child{margin-right:var(--eui-s-xl)}.euim-toolbar-datepicker--branding .euim-toolbar-datepicker__calendar{color:var(--eui-c-branding-on-surface)}.euim-toolbar-datepicker--branding .euim-label{color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker--branding .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-c-branding);color:var(--eui-c-branding-on-surface)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "formatOptions", "highlightedDates", "hourCycle", "hourValues", "isDateEnabled", "locale", "max", "min", "minuteValues", "mode", "monthValues", "multiple", "name", "preferWheel", "presentation", "readonly", "showAdjacentDays", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }, { kind: "component", type: i1.IonDatetimeButton, selector: "ion-datetime-button", inputs: ["color", "datetime", "disabled", "mode"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonModal, selector: "ion-modal" }, { kind: "directive", type: i1.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: EuimAvatarModule }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "ngmodule", type: EuimLabelModule }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
4013
4035
|
}
|
|
4014
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4036
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarDatepickerComponent, decorators: [{
|
|
4015
4037
|
type: Component,
|
|
4016
4038
|
args: [{ selector: 'euim-toolbar-datepicker', encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
4017
4039
|
{
|
|
@@ -4020,7 +4042,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
4020
4042
|
'color',
|
|
4021
4043
|
],
|
|
4022
4044
|
},
|
|
4023
|
-
],
|
|
4045
|
+
], imports: [IonicModule, TranslateModule, EuimAvatarModule, EuimLabelModule, FormsModule], template: "<ion-item class=\"euim-toolbar-datepicker__item\" color=\"branding\">\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\"></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\">\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\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n (ionModalDidPresent)=\"onModalPresent()\"\n (ionModalDidDismiss)=\"onModalDismiss()\"\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 presentation=\"date\"\n [(ngModel)]=\"selectedDate\"></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 ion-buttons[slot=end]{margin-inline-start:var(--eui-s-none)}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-s-l);margin-right:var(--eui-s-l);width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-toolbar-datepicker__datetime-button{display:flex;align-items:center;height: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-button .euim-toolbar-datepicker__date{display:grid}.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;color:var(--eui-c-branding-on-surface)}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-is-l);height:var(--eui-is-l);color:var(--eui-c-branding-on-surface)}.euim-toolbar-datepicker__nav-button:first-child{margin-right:var(--eui-s-xl)}.euim-toolbar-datepicker--branding .euim-toolbar-datepicker__calendar{color:var(--eui-c-branding-on-surface)}.euim-toolbar-datepicker--branding .euim-label{color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker--branding .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-c-branding);color:var(--eui-c-branding-on-surface)}\n"] }]
|
|
4024
4046
|
}], ctorParameters: () => [{ type: BaseStatesDirective }, { type: i1$2.Router }, { type: i2$1.Location }, { type: i2.TranslateService }, { type: i1.ModalController }], propDecorators: { icon: [{
|
|
4025
4047
|
type: Input
|
|
4026
4048
|
}], title: [{
|
|
@@ -4059,11 +4081,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
4059
4081
|
* @deprecated Use {@link EUIM_TOOLBAR_DATEPICKER} instead.
|
|
4060
4082
|
*/
|
|
4061
4083
|
class EuimToolbarDatepickerModule {
|
|
4062
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4063
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4064
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4084
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4085
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarDatepickerModule, imports: [EuimToolbarDatepickerComponent], exports: [EuimToolbarDatepickerComponent] }); }
|
|
4086
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarDatepickerModule, imports: [EuimToolbarDatepickerComponent] }); }
|
|
4065
4087
|
}
|
|
4066
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4088
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarDatepickerModule, decorators: [{
|
|
4067
4089
|
type: NgModule,
|
|
4068
4090
|
args: [{
|
|
4069
4091
|
imports: [EuimToolbarDatepickerComponent],
|
|
@@ -4079,14 +4101,13 @@ class EuimReadOnlyFormLabelDirective {
|
|
|
4079
4101
|
constructor() {
|
|
4080
4102
|
this.className = 'euim-read-only-form__label';
|
|
4081
4103
|
}
|
|
4082
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4083
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4104
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimReadOnlyFormLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4105
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimReadOnlyFormLabelDirective, isStandalone: true, selector: "[euimReadOnlyFormLabel]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4084
4106
|
}
|
|
4085
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4107
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimReadOnlyFormLabelDirective, decorators: [{
|
|
4086
4108
|
type: Directive,
|
|
4087
4109
|
args: [{
|
|
4088
4110
|
selector: '[euimReadOnlyFormLabel]',
|
|
4089
|
-
standalone: true,
|
|
4090
4111
|
}]
|
|
4091
4112
|
}], propDecorators: { className: [{
|
|
4092
4113
|
type: HostBinding,
|
|
@@ -4097,14 +4118,13 @@ class EuimReadOnlyFormValueDirective {
|
|
|
4097
4118
|
constructor() {
|
|
4098
4119
|
this.className = 'euim-read-only-form__value';
|
|
4099
4120
|
}
|
|
4100
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4101
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4121
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimReadOnlyFormValueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4122
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimReadOnlyFormValueDirective, isStandalone: true, selector: "[euimReadOnlyFormValue]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4102
4123
|
}
|
|
4103
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4124
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimReadOnlyFormValueDirective, decorators: [{
|
|
4104
4125
|
type: Directive,
|
|
4105
4126
|
args: [{
|
|
4106
4127
|
selector: '[euimReadOnlyFormValue]',
|
|
4107
|
-
standalone: true,
|
|
4108
4128
|
}]
|
|
4109
4129
|
}], propDecorators: { className: [{
|
|
4110
4130
|
type: HostBinding,
|
|
@@ -4115,14 +4135,13 @@ class EuimReadOnlyFormDirective {
|
|
|
4115
4135
|
constructor() {
|
|
4116
4136
|
this.className = 'euim-read-only-form';
|
|
4117
4137
|
}
|
|
4118
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4119
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4138
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimReadOnlyFormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4139
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimReadOnlyFormDirective, isStandalone: true, selector: "[euimReadOnlyForm]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4120
4140
|
}
|
|
4121
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4141
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimReadOnlyFormDirective, decorators: [{
|
|
4122
4142
|
type: Directive,
|
|
4123
4143
|
args: [{
|
|
4124
4144
|
selector: '[euimReadOnlyForm]',
|
|
4125
|
-
standalone: true,
|
|
4126
4145
|
}]
|
|
4127
4146
|
}], propDecorators: { className: [{
|
|
4128
4147
|
type: HostBinding,
|
|
@@ -4135,7 +4154,7 @@ class EuimHelperTextComponent {
|
|
|
4135
4154
|
}
|
|
4136
4155
|
constructor(baseStatesDirective) {
|
|
4137
4156
|
this.baseStatesDirective = baseStatesDirective;
|
|
4138
|
-
this.hasNoPadding = input(false, { transform: booleanAttribute });
|
|
4157
|
+
this.hasNoPadding = input(false, ...(ngDevMode ? [{ debugName: "hasNoPadding", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
4139
4158
|
}
|
|
4140
4159
|
getCssClasses() {
|
|
4141
4160
|
return [
|
|
@@ -4143,19 +4162,19 @@ class EuimHelperTextComponent {
|
|
|
4143
4162
|
this.hasNoPadding() ? 'euim-helper-text--no-padding' : '',
|
|
4144
4163
|
].join(' ');
|
|
4145
4164
|
}
|
|
4146
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4147
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
4165
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHelperTextComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4166
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.0", type: EuimHelperTextComponent, isStandalone: true, selector: "euim-helper-text", inputs: { hasNoPadding: { classPropertyName: "hasNoPadding", publicName: "hasNoPadding", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: '<p><ng-content></ng-content></p>', isInline: true, styles: [".euim-helper-text{color:var(--eui-c-neutral-light);padding:var(--eui-s-xs) var(--eui-s-m);display:inline-block}.euim-helper-text p{margin:var(--eui-s-none);font:var(--eui-f-xs-compact)}.euim-helper-text--no-padding{padding:var(--eui-s-none)}.euim-helper-text--primary{color:var(--eui-c-primary)}.euim-helper-text--secondary{color:var(--eui-c-neutral-lighter)}.euim-helper-text--default{color:var(--eui-c-neutral-light)}.euim-helper-text--dark{color:var(--eui-c-neutral)}.euim-helper-text--info{color:var(--eui-c-info)}.euim-helper-text--success{color:var(--eui-c-success-dark)}.euim-helper-text--warning{color:var(--eui-c-warning-darker)}.euim-helper-text--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-helper-text--danger{color:var(--eui-c-danger-dark)}.euim-helper-text--white{color:var(--eui-c-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4148
4167
|
}
|
|
4149
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4168
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHelperTextComponent, decorators: [{
|
|
4150
4169
|
type: Component,
|
|
4151
|
-
args: [{ selector: 'euim-helper-text', template: '<p><ng-content></ng-content></p>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush,
|
|
4170
|
+
args: [{ selector: 'euim-helper-text', template: '<p><ng-content></ng-content></p>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
4152
4171
|
{
|
|
4153
4172
|
directive: BaseStatesDirective,
|
|
4154
4173
|
inputs: [
|
|
4155
4174
|
'color',
|
|
4156
4175
|
],
|
|
4157
4176
|
},
|
|
4158
|
-
], styles: [".euim-helper-text{color:var(--eui-c-neutral-light);padding:var(--eui-s-xs) var(--eui-s-m);display:inline-block}.euim-helper-text p{margin:
|
|
4177
|
+
], styles: [".euim-helper-text{color:var(--eui-c-neutral-light);padding:var(--eui-s-xs) var(--eui-s-m);display:inline-block}.euim-helper-text p{margin:var(--eui-s-none);font:var(--eui-f-xs-compact)}.euim-helper-text--no-padding{padding:var(--eui-s-none)}.euim-helper-text--primary{color:var(--eui-c-primary)}.euim-helper-text--secondary{color:var(--eui-c-neutral-lighter)}.euim-helper-text--default{color:var(--eui-c-neutral-light)}.euim-helper-text--dark{color:var(--eui-c-neutral)}.euim-helper-text--info{color:var(--eui-c-info)}.euim-helper-text--success{color:var(--eui-c-success-dark)}.euim-helper-text--warning{color:var(--eui-c-warning-darker)}.euim-helper-text--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-helper-text--danger{color:var(--eui-c-danger-dark)}.euim-helper-text--white{color:var(--eui-c-white)}\n"] }]
|
|
4159
4178
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
4160
4179
|
type: HostBinding,
|
|
4161
4180
|
args: ['class']
|
|
@@ -4171,14 +4190,13 @@ class EuimDividerDirective {
|
|
|
4171
4190
|
this.lines ? `${rootClass}--lines-${this.lines}` : '',
|
|
4172
4191
|
].join(' ').trim();
|
|
4173
4192
|
}
|
|
4174
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4175
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4193
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDividerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4194
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimDividerDirective, isStandalone: true, selector: "[euimDivider]", inputs: { lines: "lines" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
|
|
4176
4195
|
}
|
|
4177
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4196
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDividerDirective, decorators: [{
|
|
4178
4197
|
type: Directive,
|
|
4179
4198
|
args: [{
|
|
4180
4199
|
selector: '[euimDivider]',
|
|
4181
|
-
standalone: true,
|
|
4182
4200
|
}]
|
|
4183
4201
|
}], propDecorators: { lines: [{
|
|
4184
4202
|
type: Input
|
|
@@ -4191,11 +4209,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
4191
4209
|
* @deprecated Use {@link EUIM_DIVIDER} instead.
|
|
4192
4210
|
*/
|
|
4193
4211
|
class EuimDividerModule {
|
|
4194
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4195
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4196
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4212
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4213
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimDividerModule, imports: [EuimDividerDirective], exports: [EuimDividerDirective] }); }
|
|
4214
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDividerModule }); }
|
|
4197
4215
|
}
|
|
4198
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4216
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDividerModule, decorators: [{
|
|
4199
4217
|
type: NgModule,
|
|
4200
4218
|
args: [{
|
|
4201
4219
|
imports: [EuimDividerDirective],
|
|
@@ -4217,14 +4235,13 @@ class EuimListHeaderDirective {
|
|
|
4217
4235
|
this.border ? `${rootClass}--border-${this.border}` : '',
|
|
4218
4236
|
].join(' ').trim();
|
|
4219
4237
|
}
|
|
4220
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4221
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4238
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimListHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4239
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimListHeaderDirective, isStandalone: true, selector: "[euimListHeader]", inputs: { border: "border" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
|
|
4222
4240
|
}
|
|
4223
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4241
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimListHeaderDirective, decorators: [{
|
|
4224
4242
|
type: Directive,
|
|
4225
4243
|
args: [{
|
|
4226
4244
|
selector: '[euimListHeader]',
|
|
4227
|
-
standalone: true,
|
|
4228
4245
|
}]
|
|
4229
4246
|
}], propDecorators: { border: [{
|
|
4230
4247
|
type: Input
|
|
@@ -4237,11 +4254,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
4237
4254
|
* @deprecated Use {@link EUIM_LIST_HEADER} instead.
|
|
4238
4255
|
*/
|
|
4239
4256
|
class EuimListHeaderModule {
|
|
4240
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4241
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4242
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4257
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimListHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4258
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimListHeaderModule, imports: [EuimListHeaderDirective], exports: [EuimListHeaderDirective] }); }
|
|
4259
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimListHeaderModule }); }
|
|
4243
4260
|
}
|
|
4244
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4261
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimListHeaderModule, decorators: [{
|
|
4245
4262
|
type: NgModule,
|
|
4246
4263
|
args: [{
|
|
4247
4264
|
imports: [EuimListHeaderDirective],
|
|
@@ -4257,14 +4274,13 @@ class EuimAlignCenterDirective {
|
|
|
4257
4274
|
constructor() {
|
|
4258
4275
|
this.className = 'euim-align-center';
|
|
4259
4276
|
}
|
|
4260
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4261
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4277
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAlignCenterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4278
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimAlignCenterDirective, isStandalone: true, selector: "[euimAlignCenter]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4262
4279
|
}
|
|
4263
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4280
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAlignCenterDirective, decorators: [{
|
|
4264
4281
|
type: Directive,
|
|
4265
4282
|
args: [{
|
|
4266
4283
|
selector: '[euimAlignCenter]',
|
|
4267
|
-
standalone: true,
|
|
4268
4284
|
}]
|
|
4269
4285
|
}], propDecorators: { className: [{
|
|
4270
4286
|
type: HostBinding,
|
|
@@ -4275,14 +4291,13 @@ class EuimAlignTopDirective {
|
|
|
4275
4291
|
constructor() {
|
|
4276
4292
|
this.className = 'euim-align-top';
|
|
4277
4293
|
}
|
|
4278
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4279
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4294
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAlignTopDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4295
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimAlignTopDirective, isStandalone: true, selector: "[euimAlignTop]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4280
4296
|
}
|
|
4281
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4297
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAlignTopDirective, decorators: [{
|
|
4282
4298
|
type: Directive,
|
|
4283
4299
|
args: [{
|
|
4284
4300
|
selector: '[euimAlignTop]',
|
|
4285
|
-
standalone: true,
|
|
4286
4301
|
}]
|
|
4287
4302
|
}], propDecorators: { className: [{
|
|
4288
4303
|
type: HostBinding,
|
|
@@ -4323,14 +4338,13 @@ class EuimToolbarTransparentDirective {
|
|
|
4323
4338
|
this.isLightToolbar ? 'euim-toolbar--solid-light' : '',
|
|
4324
4339
|
].join(' ');
|
|
4325
4340
|
}
|
|
4326
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4327
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4341
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarTransparentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4342
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimToolbarTransparentDirective, isStandalone: true, selector: "[euimToolbarTransparent]", inputs: { scrollThreshold: "scrollThreshold", hasTitle: "hasTitle", isLightToolbar: "isLightToolbar" }, host: { listeners: { "ionScroll": "onContentScroll($event)" }, properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
|
|
4328
4343
|
}
|
|
4329
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4344
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarTransparentDirective, decorators: [{
|
|
4330
4345
|
type: Directive,
|
|
4331
4346
|
args: [{
|
|
4332
4347
|
selector: '[euimToolbarTransparent]',
|
|
4333
|
-
standalone: true,
|
|
4334
4348
|
}]
|
|
4335
4349
|
}], propDecorators: { scrollThreshold: [{
|
|
4336
4350
|
type: Input
|
|
@@ -4353,14 +4367,13 @@ class EuimFooterTransparentDirective {
|
|
|
4353
4367
|
constructor() {
|
|
4354
4368
|
this.className = 'euim-footer--transparent';
|
|
4355
4369
|
}
|
|
4356
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4357
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4370
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimFooterTransparentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4371
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimFooterTransparentDirective, isStandalone: true, selector: "[euimFooterTransparent]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4358
4372
|
}
|
|
4359
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4373
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimFooterTransparentDirective, decorators: [{
|
|
4360
4374
|
type: Directive,
|
|
4361
4375
|
args: [{
|
|
4362
4376
|
selector: '[euimFooterTransparent]',
|
|
4363
|
-
standalone: true,
|
|
4364
4377
|
}]
|
|
4365
4378
|
}], propDecorators: { className: [{
|
|
4366
4379
|
type: HostBinding,
|
|
@@ -4374,14 +4387,13 @@ class EuimMinWidthDirective {
|
|
|
4374
4387
|
ngOnInit() {
|
|
4375
4388
|
this.widthVar = this.minWidth;
|
|
4376
4389
|
}
|
|
4377
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4378
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4390
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMinWidthDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4391
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimMinWidthDirective, isStandalone: true, selector: "[euimMinWidth]", inputs: { minWidth: "minWidth" }, host: { properties: { "style.width": "this.widthVar" } }, ngImport: i0 }); }
|
|
4379
4392
|
}
|
|
4380
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4393
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMinWidthDirective, decorators: [{
|
|
4381
4394
|
type: Directive,
|
|
4382
4395
|
args: [{
|
|
4383
4396
|
selector: '[euimMinWidth]',
|
|
4384
|
-
standalone: true,
|
|
4385
4397
|
}]
|
|
4386
4398
|
}], propDecorators: { minWidth: [{
|
|
4387
4399
|
type: Input
|
|
@@ -4394,14 +4406,13 @@ class EuimListItemNoPaddingsDirective {
|
|
|
4394
4406
|
constructor() {
|
|
4395
4407
|
this.className = 'euim-list-item--no-paddings';
|
|
4396
4408
|
}
|
|
4397
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4398
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4409
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimListItemNoPaddingsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4410
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimListItemNoPaddingsDirective, isStandalone: true, selector: "[euimListItemNoPaddings]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4399
4411
|
}
|
|
4400
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4412
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimListItemNoPaddingsDirective, decorators: [{
|
|
4401
4413
|
type: Directive,
|
|
4402
4414
|
args: [{
|
|
4403
4415
|
selector: '[euimListItemNoPaddings]',
|
|
4404
|
-
standalone: true,
|
|
4405
4416
|
}]
|
|
4406
4417
|
}], propDecorators: { className: [{
|
|
4407
4418
|
type: HostBinding,
|
|
@@ -4412,14 +4423,13 @@ class EuimSidebarFooterNoBordersDirective {
|
|
|
4412
4423
|
constructor() {
|
|
4413
4424
|
this.className = 'euim-sidebar-footer--no-borders';
|
|
4414
4425
|
}
|
|
4415
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4416
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4426
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarFooterNoBordersDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4427
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimSidebarFooterNoBordersDirective, isStandalone: true, selector: "[euimSidebarFooterNoBorders]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4417
4428
|
}
|
|
4418
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4429
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarFooterNoBordersDirective, decorators: [{
|
|
4419
4430
|
type: Directive,
|
|
4420
4431
|
args: [{
|
|
4421
4432
|
selector: '[euimSidebarFooterNoBorders]',
|
|
4422
|
-
standalone: true,
|
|
4423
4433
|
}]
|
|
4424
4434
|
}], propDecorators: { className: [{
|
|
4425
4435
|
type: HostBinding,
|
|
@@ -4430,14 +4440,13 @@ class EuimSkeletonTextAvatarDirective {
|
|
|
4430
4440
|
constructor() {
|
|
4431
4441
|
this.className = 'euim-skeleton-text-avatar';
|
|
4432
4442
|
}
|
|
4433
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4434
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4443
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonTextAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4444
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.1.0", type: EuimSkeletonTextAvatarDirective, isStandalone: true, selector: "[euimSkeletonTextAvatar]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4435
4445
|
}
|
|
4436
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4446
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonTextAvatarDirective, decorators: [{
|
|
4437
4447
|
type: Directive,
|
|
4438
4448
|
args: [{
|
|
4439
4449
|
selector: '[euimSkeletonTextAvatar]',
|
|
4440
|
-
standalone: true,
|
|
4441
4450
|
}]
|
|
4442
4451
|
}], propDecorators: { className: [{
|
|
4443
4452
|
type: HostBinding,
|
|
@@ -4448,11 +4457,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
4448
4457
|
* @deprecated Use {@link EUIM_SKELETON_TEXT_AVATAR} instead.
|
|
4449
4458
|
*/
|
|
4450
4459
|
class EuimSkeletonTextAvatarModule {
|
|
4451
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4452
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4453
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4460
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonTextAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4461
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonTextAvatarModule, imports: [EuimSkeletonTextAvatarDirective], exports: [EuimSkeletonTextAvatarDirective] }); }
|
|
4462
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonTextAvatarModule }); }
|
|
4454
4463
|
}
|
|
4455
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4464
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonTextAvatarModule, decorators: [{
|
|
4456
4465
|
type: NgModule,
|
|
4457
4466
|
args: [{
|
|
4458
4467
|
imports: [EuimSkeletonTextAvatarDirective],
|
|
@@ -4512,8 +4521,8 @@ const MODULES = [
|
|
|
4512
4521
|
EuimSkeletonTextAvatarModule,
|
|
4513
4522
|
];
|
|
4514
4523
|
class EuimAllModule {
|
|
4515
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4516
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
4524
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4525
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimAllModule, imports: [
|
|
4517
4526
|
// Layout
|
|
4518
4527
|
EuimAppModule,
|
|
4519
4528
|
// Components
|
|
@@ -4604,7 +4613,7 @@ class EuimAllModule {
|
|
|
4604
4613
|
EuimReadOnlyFormLabelDirective,
|
|
4605
4614
|
EuimMediaHeaderCustomContentDirective,
|
|
4606
4615
|
EuimSkeletonTextAvatarModule] }); }
|
|
4607
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4616
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAllModule, imports: [
|
|
4608
4617
|
// Layout
|
|
4609
4618
|
EuimAppModule,
|
|
4610
4619
|
// Components
|
|
@@ -4674,7 +4683,7 @@ class EuimAllModule {
|
|
|
4674
4683
|
EuimListHeaderModule,
|
|
4675
4684
|
EuimSkeletonTextAvatarModule] }); }
|
|
4676
4685
|
}
|
|
4677
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4686
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAllModule, decorators: [{
|
|
4678
4687
|
type: NgModule,
|
|
4679
4688
|
args: [{
|
|
4680
4689
|
imports: [
|