@eui/mobile-core 19.0.0-next.10 → 19.0.0-next.12
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 +51 -19
- package/docs/changelog.html +53 -0
- package/docs/js/search/search_index.js +2 -2
- package/docs/json/BaseStatesDirective.md +29 -0
- package/docs/json/EuiMUserProfileActionComponent.md +7 -0
- package/docs/json/EuiMUserProfileAvatarComponent.md +7 -0
- package/docs/json/EuiMUserProfileInfosComponent.md +11 -0
- package/docs/json/EuiMUserProfileInfosItemComponent.md +7 -0
- package/docs/json/EuimAboutComponent.md +7 -0
- package/docs/json/EuimAboutContentLoadingComponent.md +11 -0
- package/docs/json/EuimAlertMessageComponent.md +17 -0
- package/docs/json/EuimAlignCenterDirective.md +7 -0
- package/docs/json/EuimAlignTopDirective.md +7 -0
- package/docs/json/EuimAppComponent.md +11 -0
- package/docs/json/EuimAppService.md +3 -0
- package/docs/json/EuimAvatarBadgeComponent.md +11 -0
- package/docs/json/EuimAvatarComponent.md +15 -0
- package/docs/json/EuimAvatarIconComponent.md +7 -0
- package/docs/json/EuimAvatarIconSubComponent.md +15 -0
- package/docs/json/EuimAvatarImageComponent.md +11 -0
- package/docs/json/EuimAvatarMainIconDirective.md +7 -0
- package/docs/json/EuimAvatarSubIconDirective.md +7 -0
- package/docs/json/EuimAvatarTextComponent.md +11 -0
- package/docs/json/EuimBadgeComponent.md +7 -0
- package/docs/json/EuimCardComponent.md +7 -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 +29 -0
- package/docs/json/EuimChipSelectorItemDirective.md +12 -0
- package/docs/json/EuimDataSummaryColComponent.md +7 -0
- package/docs/json/EuimDataSummaryColLabelDirective.md +7 -0
- package/docs/json/EuimDataSummaryColValueDirective.md +7 -0
- package/docs/json/EuimDataSummaryComponent.md +7 -0
- package/docs/json/EuimDividerDirective.md +11 -0
- package/docs/json/EuimEmptyListPlaceholderComponent.md +17 -0
- package/docs/json/EuimEmptyListPlaceholderIconDirective.md +7 -0
- package/docs/json/EuimEmptyListPlaceholderSubtitleDirective.md +7 -0
- package/docs/json/EuimEmptyListPlaceholderTitleDirective.md +7 -0
- package/docs/json/EuimFooterTransparentDirective.md +7 -0
- package/docs/json/EuimHeaderDetailsComponent.md +11 -0
- package/docs/json/EuimHeaderDetailsIconDirective.md +7 -0
- package/docs/json/EuimHeaderDetailsMetaDirective.md +7 -0
- package/docs/json/EuimHeaderDetailsTitleDirective.md +7 -0
- package/docs/json/EuimHelpSupportComponent.md +11 -0
- package/docs/json/EuimHelperTextComponent.md +7 -0
- package/docs/json/EuimLabelComponent.md +16 -0
- package/docs/json/EuimLanguageListComponent.md +7 -0
- package/docs/json/EuimLanguageSelectorComponent.md +11 -0
- package/docs/json/EuimListHeaderDirective.md +11 -0
- package/docs/json/EuimListItemNoPaddingsDirective.md +7 -0
- package/docs/json/EuimMediaHeaderComponent.md +13 -0
- package/docs/json/EuimMediaHeaderCustomContentDirective.md +7 -0
- package/docs/json/EuimMediaHeaderImageDirective.md +7 -0
- package/docs/json/EuimMediaHeaderSubTitleDirective.md +7 -0
- package/docs/json/EuimMediaHeaderTitleDirective.md +7 -0
- package/docs/json/EuimMessageComponent.md +7 -0
- package/docs/json/EuimMessageTitleComponent.md +7 -0
- package/docs/json/EuimMinWidthDirective.md +11 -0
- package/docs/json/EuimMultiselectAllDirective.md +7 -0
- package/docs/json/EuimMultiselectComponent.md +13 -0
- package/docs/json/EuimMultiselectFilterComponent.md +11 -0
- package/docs/json/EuimMultiselectInfoComponent.md +7 -0
- package/docs/json/EuimMultiselectListComponent.md +7 -0
- package/docs/json/EuimMultiselectSelectFieldDirective.md +11 -0
- package/docs/json/EuimMultiselectToolbarComponent.md +17 -0
- package/docs/json/EuimNotificationItemComponent.md +7 -0
- package/docs/json/EuimOpenSourceLicencesComponent.md +15 -0
- package/docs/json/EuimPdfViewerComponent.md +12 -0
- package/docs/json/EuimReadOnlyFormDirective.md +7 -0
- package/docs/json/EuimReadOnlyFormLabelDirective.md +7 -0
- package/docs/json/EuimReadOnlyFormValueDirective.md +7 -0
- package/docs/json/EuimScrollerXComponent.md +7 -0
- package/docs/json/EuimSidebarComponent.md +12 -0
- package/docs/json/EuimSidebarContentComponent.md +18 -0
- package/docs/json/EuimSidebarFooterNoBordersDirective.md +7 -0
- package/docs/json/EuimSkeletonListComponent.md +11 -0
- package/docs/json/EuimSkeletonListItemComponent.md +20 -0
- package/docs/json/EuimSkeletonTextAvatarDirective.md +7 -0
- package/docs/json/EuimSlideInfoScreenComponent.md +7 -0
- package/docs/json/EuimSliderInfoScreenComponent.md +24 -0
- package/docs/json/EuimSliderInfoScreenContentDirective.md +11 -0
- package/docs/json/EuimSliderInfoScreenSubTitleDirective.md +7 -0
- package/docs/json/EuimSliderInfoScreenTitleDirective.md +7 -0
- package/docs/json/EuimSpinnerComponent.md +11 -0
- package/docs/json/EuimSpinnerDescriptionComponent.md +7 -0
- package/docs/json/EuimSpinnerMessageComponent.md +7 -0
- package/docs/json/EuimToolbarActionItemsComponent.md +7 -0
- package/docs/json/EuimToolbarComponent.md +19 -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 +7 -0
- package/docs/json/EuimToolbarTransparentDirective.md +13 -0
- package/docs/json/EuimUserProfileComponent.md +11 -0
- package/docs/json/documentation.json +17664 -0
- package/docs/properties.html +1 -1
- package/fesm2022/eui-mobile-core.mjs +400 -400
- package/fesm2022/eui-mobile-core.mjs.map +1 -1
- package/index.d.ts +1561 -3
- package/package.json +1 -1
- 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
|
@@ -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,10 +131,10 @@ 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
140
|
standalone: true,
|
|
@@ -223,10 +223,10 @@ class EuimLabelComponent {
|
|
|
223
223
|
this.euimLabelTruncateWithLines > 0 ? 'euim-label__euiTextTruncateWithLines euim-label__truncate' : '',
|
|
224
224
|
].join(' ');
|
|
225
225
|
}
|
|
226
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
227
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "
|
|
226
|
+
/** @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 }); }
|
|
227
|
+
/** @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
228
|
}
|
|
229
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
229
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLabelComponent, decorators: [{
|
|
230
230
|
type: Component,
|
|
231
231
|
args: [{ selector: 'div[euimLabel], p[euimLabel], span[euimLabel], euim-label', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
232
232
|
{
|
|
@@ -274,11 +274,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
274
274
|
* @deprecated Use {@link EUIM_LABEL} instead.
|
|
275
275
|
*/
|
|
276
276
|
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: "
|
|
277
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
278
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimLabelModule, imports: [EuimLabelComponent], exports: [EuimLabelComponent] }); }
|
|
279
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLabelModule }); }
|
|
280
280
|
}
|
|
281
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
281
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLabelModule, decorators: [{
|
|
282
282
|
type: NgModule,
|
|
283
283
|
args: [{
|
|
284
284
|
imports: [EuimLabelComponent],
|
|
@@ -302,10 +302,10 @@ class EuimNotificationItemComponent {
|
|
|
302
302
|
this.baseStatesDirective.getCssClasses('euim-notification-item'),
|
|
303
303
|
].join(' ');
|
|
304
304
|
}
|
|
305
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
306
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
305
|
+
/** @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 }); }
|
|
306
|
+
/** @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
307
|
}
|
|
308
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
308
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimNotificationItemComponent, decorators: [{
|
|
309
309
|
type: Component,
|
|
310
310
|
args: [{ selector: 'euim-notification-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
311
311
|
{
|
|
@@ -324,11 +324,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
324
324
|
* @deprecated Use {@link EUIM_NOTIFICATION_ITEM} instead.
|
|
325
325
|
*/
|
|
326
326
|
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: "
|
|
327
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimNotificationItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
328
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimNotificationItemModule, imports: [EuimNotificationItemComponent], exports: [EuimNotificationItemComponent] }); }
|
|
329
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimNotificationItemModule }); }
|
|
330
330
|
}
|
|
331
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
331
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimNotificationItemModule, decorators: [{
|
|
332
332
|
type: NgModule,
|
|
333
333
|
args: [{
|
|
334
334
|
imports: [EuimNotificationItemComponent],
|
|
@@ -345,10 +345,10 @@ class EuimAppComponent {
|
|
|
345
345
|
this.asService = asService;
|
|
346
346
|
this.ionMenuId = 'main';
|
|
347
347
|
}
|
|
348
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
349
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
348
|
+
/** @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 }); }
|
|
349
|
+
/** @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
350
|
}
|
|
351
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
351
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAppComponent, decorators: [{
|
|
352
352
|
type: Component,
|
|
353
353
|
args: [{ selector: 'euim-app', standalone: true, imports: [IonicModule], template: "<ion-app>\n <ng-content></ng-content>\n <ion-router-outlet id=\"{{ionMenuId}}\"></ion-router-outlet>\n</ion-app>\n" }]
|
|
354
354
|
}], ctorParameters: () => [{ type: EuimAppService }], propDecorators: { ionMenuId: [{
|
|
@@ -359,11 +359,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
359
359
|
* @deprecated Use {@link EUIM_APP} instead.
|
|
360
360
|
*/
|
|
361
361
|
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: "
|
|
362
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAppModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
363
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimAppModule, imports: [EuimAppComponent], exports: [EuimAppComponent] }); }
|
|
364
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAppModule, imports: [EuimAppComponent] }); }
|
|
365
365
|
}
|
|
366
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
366
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAppModule, decorators: [{
|
|
367
367
|
type: NgModule,
|
|
368
368
|
args: [{
|
|
369
369
|
imports: [EuimAppComponent],
|
|
@@ -396,10 +396,10 @@ class EuimAvatarComponent {
|
|
|
396
396
|
this.borderColor ? `euim-avatar--border-color-${this.borderColor}` : '',
|
|
397
397
|
].join(' ');
|
|
398
398
|
}
|
|
399
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
400
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
399
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
400
|
+
/** @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
401
|
}
|
|
402
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
402
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarComponent, decorators: [{
|
|
403
403
|
type: Component,
|
|
404
404
|
args: [{ selector: 'euim-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, 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
405
|
}], propDecorators: { color: [{
|
|
@@ -421,10 +421,10 @@ class EuimAvatarIconComponent {
|
|
|
421
421
|
constructor() {
|
|
422
422
|
this.string = 'euim-avatar-icon';
|
|
423
423
|
}
|
|
424
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
425
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
424
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
425
|
+
/** @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></ng-content>\n" }); }
|
|
426
426
|
}
|
|
427
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
427
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarIconComponent, decorators: [{
|
|
428
428
|
type: Component,
|
|
429
429
|
args: [{ selector: 'euim-avatar-icon', standalone: true, template: "<ng-content></ng-content>\n" }]
|
|
430
430
|
}], propDecorators: { string: [{
|
|
@@ -453,10 +453,10 @@ class EuimAvatarIconSubComponent {
|
|
|
453
453
|
this.borderColor ? `euim-avatar-icon-sub--border-color-${this.borderColor}` : '',
|
|
454
454
|
].join(' ');
|
|
455
455
|
}
|
|
456
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
457
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
456
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarIconSubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
457
|
+
/** @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></ng-content>\n" }); }
|
|
458
458
|
}
|
|
459
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
459
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarIconSubComponent, decorators: [{
|
|
460
460
|
type: Component,
|
|
461
461
|
args: [{ selector: 'euim-avatar-icon-sub', standalone: true, template: "<ng-content></ng-content>\n" }]
|
|
462
462
|
}], propDecorators: { color: [{
|
|
@@ -487,10 +487,10 @@ class EuimAvatarTextComponent {
|
|
|
487
487
|
this.color ? `euim-avatar-text--color-${this.color}` : '',
|
|
488
488
|
].join(' ');
|
|
489
489
|
}
|
|
490
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
491
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
490
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
491
|
+
/** @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></ng-content>\n" }); }
|
|
492
492
|
}
|
|
493
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
493
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarTextComponent, decorators: [{
|
|
494
494
|
type: Component,
|
|
495
495
|
args: [{ selector: 'euim-avatar-text', standalone: true, template: "<ng-content></ng-content>\n" }]
|
|
496
496
|
}], propDecorators: { color: [{
|
|
@@ -504,10 +504,10 @@ class EuimAvatarImageComponent {
|
|
|
504
504
|
constructor() {
|
|
505
505
|
this.string = 'euim-avatar-image';
|
|
506
506
|
}
|
|
507
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
508
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
507
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
508
|
+
/** @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
509
|
}
|
|
510
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
510
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarImageComponent, decorators: [{
|
|
511
511
|
type: Component,
|
|
512
512
|
args: [{ selector: 'euim-avatar-image', standalone: true, template: "@if (imageUrl) {\n <img [src]=\"imageUrl\" alt=\"Avatar\"/>\n} @else {\n <ng-content></ng-content>\n}\n" }]
|
|
513
513
|
}], propDecorators: { string: [{
|
|
@@ -527,10 +527,10 @@ class EuimAvatarBadgeComponent {
|
|
|
527
527
|
`euim-avatar-badge--position-${this.position}`,
|
|
528
528
|
].join(' ').trim();
|
|
529
529
|
}
|
|
530
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
531
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
530
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
531
|
+
/** @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></ng-content>\n" }); }
|
|
532
532
|
}
|
|
533
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
533
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarBadgeComponent, decorators: [{
|
|
534
534
|
type: Component,
|
|
535
535
|
args: [{ selector: 'euim-avatar-badge', standalone: true, template: "<ng-content></ng-content>\n" }]
|
|
536
536
|
}], propDecorators: { cssClasses: [{
|
|
@@ -544,8 +544,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
544
544
|
* @deprecated Use {@link EUIM_AVATAR} instead.
|
|
545
545
|
*/
|
|
546
546
|
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: "
|
|
547
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
548
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarModule, imports: [EuimAvatarComponent,
|
|
549
549
|
EuimAvatarIconComponent,
|
|
550
550
|
EuimAvatarIconSubComponent,
|
|
551
551
|
EuimAvatarTextComponent,
|
|
@@ -556,9 +556,9 @@ class EuimAvatarModule {
|
|
|
556
556
|
EuimAvatarTextComponent,
|
|
557
557
|
EuimAvatarImageComponent,
|
|
558
558
|
EuimAvatarBadgeComponent] }); }
|
|
559
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
559
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarModule }); }
|
|
560
560
|
}
|
|
561
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
561
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarModule, decorators: [{
|
|
562
562
|
type: NgModule,
|
|
563
563
|
args: [{
|
|
564
564
|
imports: [
|
|
@@ -593,10 +593,10 @@ class EuimEmptyListPlaceholderTitleDirective {
|
|
|
593
593
|
constructor() {
|
|
594
594
|
this.className = 'euim-empty-list-placeholder__message';
|
|
595
595
|
}
|
|
596
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
597
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
596
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
597
|
+
/** @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
598
|
}
|
|
599
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
599
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderTitleDirective, decorators: [{
|
|
600
600
|
type: Directive,
|
|
601
601
|
args: [{
|
|
602
602
|
selector: '[euimEmptyListPlaceholderTitle]',
|
|
@@ -611,10 +611,10 @@ class EuimEmptyListPlaceholderSubtitleDirective {
|
|
|
611
611
|
constructor() {
|
|
612
612
|
this.className = 'euim-empty-list-placeholder__description';
|
|
613
613
|
}
|
|
614
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
615
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
614
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderSubtitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
615
|
+
/** @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
616
|
}
|
|
617
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
617
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderSubtitleDirective, decorators: [{
|
|
618
618
|
type: Directive,
|
|
619
619
|
args: [{
|
|
620
620
|
selector: '[euimEmptyListPlaceholderSubtitle]',
|
|
@@ -629,10 +629,10 @@ class EuimEmptyListPlaceholderIconDirective {
|
|
|
629
629
|
constructor() {
|
|
630
630
|
this.className = 'euim-empty-list-placeholder__icon';
|
|
631
631
|
}
|
|
632
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
633
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
632
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
633
|
+
/** @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
634
|
}
|
|
635
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
635
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderIconDirective, decorators: [{
|
|
636
636
|
type: Directive,
|
|
637
637
|
args: [{
|
|
638
638
|
selector: '[euimEmptyListPlaceholderIcon]',
|
|
@@ -663,10 +663,10 @@ class EuimEmptyListPlaceholderComponent {
|
|
|
663
663
|
this.euimMarginBottomSmall ? 'euim-empty-list-placeholder--margin-bottom-small' : '',
|
|
664
664
|
].join(' ');
|
|
665
665
|
}
|
|
666
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
667
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
666
|
+
/** @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 }); }
|
|
667
|
+
/** @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
668
|
}
|
|
669
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
669
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderComponent, decorators: [{
|
|
670
670
|
type: Component,
|
|
671
671
|
args: [{ selector: 'euim-empty-list-placeholder', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, 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
672
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { message: [{
|
|
@@ -698,17 +698,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
698
698
|
* @deprecated Use {@link EUIM_EMPTY_LIST_PLACEHOLDER} instead.
|
|
699
699
|
*/
|
|
700
700
|
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: "
|
|
701
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
702
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderModule, imports: [EuimEmptyListPlaceholderComponent,
|
|
703
703
|
EuimEmptyListPlaceholderTitleDirective,
|
|
704
704
|
EuimEmptyListPlaceholderSubtitleDirective,
|
|
705
705
|
EuimEmptyListPlaceholderIconDirective], exports: [EuimEmptyListPlaceholderComponent,
|
|
706
706
|
EuimEmptyListPlaceholderTitleDirective,
|
|
707
707
|
EuimEmptyListPlaceholderSubtitleDirective,
|
|
708
708
|
EuimEmptyListPlaceholderIconDirective] }); }
|
|
709
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
709
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderModule, imports: [EuimEmptyListPlaceholderComponent] }); }
|
|
710
710
|
}
|
|
711
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
711
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderModule, decorators: [{
|
|
712
712
|
type: NgModule,
|
|
713
713
|
args: [{
|
|
714
714
|
imports: [
|
|
@@ -779,10 +779,10 @@ class EuimLanguageListComponent {
|
|
|
779
779
|
d.label.toLowerCase().indexOf(query) > -1;
|
|
780
780
|
});
|
|
781
781
|
}
|
|
782
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
783
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
782
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLanguageListComponent, deps: [{ token: i1$1.EuiAppShellService }, { token: EuimAppService }, { token: i1.ModalController }, { token: i1$1.I18nService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
783
|
+
/** @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 (firstElementFromEUList?.code === item.code || firstElementFromNonEUList?.code === item.code || euLanguageList[0]?.code === item.code\n || nonEULanguageList[0]?.code === item.code) {\n <ion-item-divider>\n {{ (firstElementFromEUList?.code === item.code || euLanguageList[0]?.code === item.code)\n ? ('euim.language-list.EU-LANGUAGES' | translate)\n : 'euim.language-list.NON-EU-LANGUAGES' | translate }}\n </ion-item-divider>\n }\n <ion-item button (click)=\"onLanguageSelected(item)\" [lines]=\"lastElementFromEUList === item || isLastElementOfArray(euLanguageList, item) || isLastElementOfArray(nonEULanguageList, item) ? 'none' : 'inset'\">\n <euim-avatar 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
784
|
}
|
|
785
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
785
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLanguageListComponent, decorators: [{
|
|
786
786
|
type: Component,
|
|
787
787
|
args: [{ selector: 'euim-language-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, 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 (firstElementFromEUList?.code === item.code || firstElementFromNonEUList?.code === item.code || euLanguageList[0]?.code === item.code\n || nonEULanguageList[0]?.code === item.code) {\n <ion-item-divider>\n {{ (firstElementFromEUList?.code === item.code || euLanguageList[0]?.code === item.code)\n ? ('euim.language-list.EU-LANGUAGES' | translate)\n : 'euim.language-list.NON-EU-LANGUAGES' | translate }}\n </ion-item-divider>\n }\n <ion-item button (click)=\"onLanguageSelected(item)\" [lines]=\"lastElementFromEUList === item || isLastElementOfArray(euLanguageList, item) || isLastElementOfArray(nonEULanguageList, item) ? 'none' : 'inset'\">\n <euim-avatar 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" }]
|
|
788
788
|
}], ctorParameters: () => [{ type: i1$1.EuiAppShellService }, { type: EuimAppService }, { type: i1.ModalController }, { type: i1$1.I18nService }] });
|
|
@@ -853,10 +853,10 @@ class EuimLanguageSelectorComponent {
|
|
|
853
853
|
}
|
|
854
854
|
return null;
|
|
855
855
|
}
|
|
856
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
857
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "
|
|
856
|
+
/** @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.EuiAppShellService }, { token: EuimAppService }, { token: i1$1.I18nService }, { token: i1.ModalController }, { token: BaseStatesDirective }, { token: GLOBAL_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
857
|
+
/** @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 || _euimPrimary ? '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 || _euimPrimary ? '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
858
|
}
|
|
859
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
859
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLanguageSelectorComponent, decorators: [{
|
|
860
860
|
type: Component,
|
|
861
861
|
args: [{ selector: 'euim-language-selector', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
862
862
|
{
|
|
@@ -885,13 +885,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
885
885
|
* @deprecated Use {@link EUIM_LANGUAGE_SELECTOR} instead.
|
|
886
886
|
*/
|
|
887
887
|
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: "
|
|
888
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLanguageSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
889
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimLanguageSelectorModule, imports: [EuimLanguageSelectorComponent,
|
|
890
890
|
EuimLanguageListComponent], exports: [EuimLanguageSelectorComponent, EuimLanguageListComponent] }); }
|
|
891
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
891
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLanguageSelectorModule, imports: [EuimLanguageSelectorComponent,
|
|
892
892
|
EuimLanguageListComponent] }); }
|
|
893
893
|
}
|
|
894
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
894
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLanguageSelectorModule, decorators: [{
|
|
895
895
|
type: NgModule,
|
|
896
896
|
args: [{
|
|
897
897
|
imports: [
|
|
@@ -917,12 +917,12 @@ class EuimUserProfileComponent {
|
|
|
917
917
|
this.color ? `euim-user-profile__backgroundcolor-${this.color}` : '',
|
|
918
918
|
].join(' ').trim();
|
|
919
919
|
}
|
|
920
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
921
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
920
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
921
|
+
/** @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
922
|
}
|
|
923
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
923
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimUserProfileComponent, decorators: [{
|
|
924
924
|
type: Component,
|
|
925
|
-
args: [{ selector: 'euim-user-profile', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, 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-
|
|
925
|
+
args: [{ selector: 'euim-user-profile', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, 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
926
|
}], propDecorators: { color: [{
|
|
927
927
|
type: Input
|
|
928
928
|
}], cssClasses: [{
|
|
@@ -934,10 +934,10 @@ class EuiMUserProfileAvatarComponent {
|
|
|
934
934
|
constructor() {
|
|
935
935
|
this.class = 'euim-user-profile-avatar';
|
|
936
936
|
}
|
|
937
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
938
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
937
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuiMUserProfileAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
938
|
+
/** @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></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
939
939
|
}
|
|
940
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
940
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuiMUserProfileAvatarComponent, decorators: [{
|
|
941
941
|
type: Component,
|
|
942
942
|
args: [{ selector: 'euim-user-profile-avatar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
|
|
943
943
|
}], propDecorators: { class: [{
|
|
@@ -954,10 +954,10 @@ class EuiMUserProfileInfosComponent {
|
|
|
954
954
|
this.color ? `euim-user-profile-infos__color-${this.color}` : '',
|
|
955
955
|
].join(' ').trim();
|
|
956
956
|
}
|
|
957
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
958
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
957
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuiMUserProfileInfosComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
958
|
+
/** @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></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
959
959
|
}
|
|
960
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
960
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuiMUserProfileInfosComponent, decorators: [{
|
|
961
961
|
type: Component,
|
|
962
962
|
args: [{ selector: 'euim-user-profile-infos', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, template: "<ng-content></ng-content>\n" }]
|
|
963
963
|
}], propDecorators: { color: [{
|
|
@@ -971,10 +971,10 @@ class EuiMUserProfileInfosItemComponent {
|
|
|
971
971
|
constructor() {
|
|
972
972
|
this.class = 'euim-user-profile-infos-item';
|
|
973
973
|
}
|
|
974
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
975
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
974
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuiMUserProfileInfosItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
975
|
+
/** @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></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
976
976
|
}
|
|
977
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
977
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuiMUserProfileInfosItemComponent, decorators: [{
|
|
978
978
|
type: Component,
|
|
979
979
|
args: [{ selector: 'euim-user-profile-infos-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, template: "<ng-content></ng-content>\n" }]
|
|
980
980
|
}], propDecorators: { class: [{
|
|
@@ -985,10 +985,10 @@ 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
993
|
args: [{ selector: 'euim-user-profile-action', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IonicModule], template: "<ion-buttons>\n <ng-content></ng-content>\n</ion-buttons>\n" }]
|
|
994
994
|
}], propDecorators: { className: [{
|
|
@@ -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,10 +1065,10 @@ 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
1073
|
args: [{ selector: 'euim-toolbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
|
|
1074
1074
|
IonicModule,
|
|
@@ -1107,10 +1107,10 @@ 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></ng-content>\n", 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
1115
|
args: [{ selector: 'euim-toolbar-title', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
1116
1116
|
{
|
|
@@ -1126,10 +1126,10 @@ class EuimToolbarActionItemsComponent {
|
|
|
1126
1126
|
constructor() {
|
|
1127
1127
|
this.className = 'euim-toolbar-action-items';
|
|
1128
1128
|
}
|
|
1129
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1130
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1129
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarActionItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1130
|
+
/** @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></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1131
1131
|
}
|
|
1132
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1132
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarActionItemsComponent, decorators: [{
|
|
1133
1133
|
type: Component,
|
|
1134
1134
|
args: [{ selector: 'euim-toolbar-action-items', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n" }]
|
|
1135
1135
|
}], propDecorators: { className: [{
|
|
@@ -1140,13 +1140,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1140
1140
|
* @deprecated Use {@link EUIM_TOOLBAR} instead.
|
|
1141
1141
|
*/
|
|
1142
1142
|
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: "
|
|
1143
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1144
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarComponentModule, imports: [EuimToolbarComponent,
|
|
1145
1145
|
EuimToolbarTitleComponent,
|
|
1146
1146
|
EuimToolbarActionItemsComponent], exports: [EuimToolbarComponent, EuimToolbarTitleComponent, EuimToolbarActionItemsComponent] }); }
|
|
1147
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1147
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarComponentModule, imports: [EuimToolbarComponent] }); }
|
|
1148
1148
|
}
|
|
1149
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1149
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarComponentModule, decorators: [{
|
|
1150
1150
|
type: NgModule,
|
|
1151
1151
|
args: [{
|
|
1152
1152
|
imports: [
|
|
@@ -1219,10 +1219,10 @@ class EuimSidebarContentComponent {
|
|
|
1219
1219
|
return labelMatch || typeMatch;
|
|
1220
1220
|
});
|
|
1221
1221
|
}
|
|
1222
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1223
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1222
|
+
/** @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 }); }
|
|
1223
|
+
/** @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
1224
|
}
|
|
1225
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1225
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarContentComponent, decorators: [{
|
|
1226
1226
|
type: Component,
|
|
1227
1227
|
args: [{ selector: 'euim-sidebar-content', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, 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
1228
|
}], ctorParameters: () => [{ type: i1$1.I18nService }, { type: i1$1.EuiAppShellService }, { type: i1.MenuController }, { type: i1.NavController }], propDecorators: { className: [{
|
|
@@ -1276,10 +1276,10 @@ class EuimSidebarComponent {
|
|
|
1276
1276
|
this.sidebarContent.ionMenuId = this.ionMenuId;
|
|
1277
1277
|
}
|
|
1278
1278
|
}
|
|
1279
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1280
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1279
|
+
/** @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 }); }
|
|
1280
|
+
/** @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:0;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-dark)}.euim-sidebar-content ion-item .euim-avatar--color-danger{background-color:var(--eui-c-danger-dark)}.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) 0 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-neutral-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
1281
|
}
|
|
1282
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1282
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarComponent, decorators: [{
|
|
1283
1283
|
type: Component,
|
|
1284
1284
|
args: [{ selector: 'euim-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [
|
|
1285
1285
|
IonicModule,
|
|
@@ -1300,13 +1300,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1300
1300
|
* @deprecated Use {@link EUIM_SIDEBAR} instead.
|
|
1301
1301
|
*/
|
|
1302
1302
|
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: "
|
|
1303
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1304
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarModule, imports: [EuimSidebarComponent,
|
|
1305
1305
|
EuimSidebarContentComponent], exports: [EuimSidebarComponent, EuimSidebarContentComponent] }); }
|
|
1306
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1306
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarModule, imports: [EuimSidebarComponent,
|
|
1307
1307
|
EuimSidebarContentComponent] }); }
|
|
1308
1308
|
}
|
|
1309
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1309
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarModule, decorators: [{
|
|
1310
1310
|
type: NgModule,
|
|
1311
1311
|
args: [{
|
|
1312
1312
|
imports: [
|
|
@@ -1336,10 +1336,10 @@ class EuimHeaderDetailsComponent {
|
|
|
1336
1336
|
!this.hasBorderBottom ? 'euim-header-details--no-border-bottom' : '',
|
|
1337
1337
|
].join(' ');
|
|
1338
1338
|
}
|
|
1339
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1340
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "
|
|
1339
|
+
/** @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 }); }
|
|
1340
|
+
/** @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></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-s-m);display:block;text-align:center;background-color:var(--eui-c-neutral-bg-light);border-bottom:1px solid var(--eui-c-neutral-lightest)}.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-contrast)}.euim-header-details--branding .euim-avatar{background-color:var(--eui-c-branding-contrast)}.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-compact);color:var(--eui-c-neutral)}.euim-header-details__meta{color:var(--eui-c-neutral-light);font:var(--eui-f-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-s-xs)}.euim-header-details__title+.euim-header-details__meta,.euim-header-details__meta+.euim-header-details__meta{margin-top:var(--eui-s-2xs)}.euim-header-details p,.euim-header-details span{margin:0}.euim-header-details span[euimHeaderDetailsTitle],.euim-header-details span[euimHeaderDetailsMeta]{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1341
1341
|
}
|
|
1342
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1342
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsComponent, decorators: [{
|
|
1343
1343
|
type: Component,
|
|
1344
1344
|
args: [{ selector: 'euim-header-details', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1345
1345
|
{
|
|
@@ -1361,10 +1361,10 @@ class EuimHeaderDetailsMetaDirective {
|
|
|
1361
1361
|
constructor() {
|
|
1362
1362
|
this.className = 'euim-header-details__meta';
|
|
1363
1363
|
}
|
|
1364
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1365
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1364
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsMetaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1365
|
+
/** @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
1366
|
}
|
|
1367
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1367
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsMetaDirective, decorators: [{
|
|
1368
1368
|
type: Directive,
|
|
1369
1369
|
args: [{
|
|
1370
1370
|
selector: '[euimHeaderDetailsMeta]',
|
|
@@ -1379,10 +1379,10 @@ class EuimHeaderDetailsTitleDirective {
|
|
|
1379
1379
|
constructor() {
|
|
1380
1380
|
this.className = 'euim-header-details__title';
|
|
1381
1381
|
}
|
|
1382
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1383
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1382
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1383
|
+
/** @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
1384
|
}
|
|
1385
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1385
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsTitleDirective, decorators: [{
|
|
1386
1386
|
type: Directive,
|
|
1387
1387
|
args: [{
|
|
1388
1388
|
selector: '[euimHeaderDetailsTitle]',
|
|
@@ -1397,10 +1397,10 @@ class EuimHeaderDetailsIconDirective {
|
|
|
1397
1397
|
constructor() {
|
|
1398
1398
|
this.className = 'euim-header-details__icon';
|
|
1399
1399
|
}
|
|
1400
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1401
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1400
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1401
|
+
/** @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
1402
|
}
|
|
1403
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1403
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsIconDirective, decorators: [{
|
|
1404
1404
|
type: Directive,
|
|
1405
1405
|
args: [{
|
|
1406
1406
|
selector: '[euimHeaderDetailsIcon]',
|
|
@@ -1415,11 +1415,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1415
1415
|
* @deprecated Use {@link EUIM_HEADER_DETAILS} instead.
|
|
1416
1416
|
*/
|
|
1417
1417
|
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: "
|
|
1418
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1419
|
+
/** @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] }); }
|
|
1420
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsModule }); }
|
|
1421
1421
|
}
|
|
1422
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1422
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsModule, decorators: [{
|
|
1423
1423
|
type: NgModule,
|
|
1424
1424
|
args: [{
|
|
1425
1425
|
imports: [EuimHeaderDetailsComponent, EuimHeaderDetailsTitleDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsIconDirective],
|
|
@@ -1446,10 +1446,10 @@ class EuimBadgeComponent {
|
|
|
1446
1446
|
this.baseStatesDirective.getCssClasses('euim-badge'),
|
|
1447
1447
|
].join(' ').trim();
|
|
1448
1448
|
}
|
|
1449
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1450
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1449
|
+
/** @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 }); }
|
|
1450
|
+
/** @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></ng-content>\n", 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
1451
|
}
|
|
1452
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1452
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimBadgeComponent, decorators: [{
|
|
1453
1453
|
type: Component,
|
|
1454
1454
|
args: [{ selector: 'euim-badge', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
1455
1455
|
{
|
|
@@ -1473,11 +1473,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1473
1473
|
* @deprecated Use {@link EUIM_BADGE} instead.
|
|
1474
1474
|
*/
|
|
1475
1475
|
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: "
|
|
1476
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1477
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimBadgeModule, imports: [EuimBadgeComponent], exports: [EuimBadgeComponent] }); }
|
|
1478
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimBadgeModule }); }
|
|
1479
1479
|
}
|
|
1480
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1480
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimBadgeModule, decorators: [{
|
|
1481
1481
|
type: NgModule,
|
|
1482
1482
|
args: [{
|
|
1483
1483
|
imports: [EuimBadgeComponent],
|
|
@@ -1520,10 +1520,10 @@ class EuimMessageComponent {
|
|
|
1520
1520
|
this.baseStatesDirective.color !== 'info' ? 'euim-message--info' : '',
|
|
1521
1521
|
].join(' ');
|
|
1522
1522
|
}
|
|
1523
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1524
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1523
|
+
/** @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 }); }
|
|
1524
|
+
/** @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
1525
|
}
|
|
1526
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1526
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMessageComponent, decorators: [{
|
|
1527
1527
|
type: Component,
|
|
1528
1528
|
args: [{ selector: 'euim-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1529
1529
|
{
|
|
@@ -1532,7 +1532,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1532
1532
|
'color',
|
|
1533
1533
|
],
|
|
1534
1534
|
},
|
|
1535
|
-
], standalone: true, 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:
|
|
1535
|
+
], standalone: true, 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
1536
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
1537
1537
|
type: HostBinding,
|
|
1538
1538
|
args: ['class']
|
|
@@ -1542,10 +1542,10 @@ class EuimMessageTitleComponent {
|
|
|
1542
1542
|
constructor() {
|
|
1543
1543
|
this.className = 'euim-message-title';
|
|
1544
1544
|
}
|
|
1545
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1546
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1545
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMessageTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1546
|
+
/** @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></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1547
1547
|
}
|
|
1548
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1548
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMessageTitleComponent, decorators: [{
|
|
1549
1549
|
type: Component,
|
|
1550
1550
|
args: [{ selector: 'euim-message-title', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, template: "<ng-content></ng-content>\n" }]
|
|
1551
1551
|
}], propDecorators: { className: [{
|
|
@@ -1556,11 +1556,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1556
1556
|
* @deprecated Use {@link EUIM_MESSAGE} instead.
|
|
1557
1557
|
*/
|
|
1558
1558
|
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: "
|
|
1559
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1560
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimMessageModule, imports: [EuimMessageComponent, EuimMessageTitleComponent], exports: [EuimMessageComponent, EuimMessageTitleComponent] }); }
|
|
1561
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMessageModule, imports: [EuimMessageComponent] }); }
|
|
1562
1562
|
}
|
|
1563
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1563
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMessageModule, decorators: [{
|
|
1564
1564
|
type: NgModule,
|
|
1565
1565
|
args: [{
|
|
1566
1566
|
imports: [EuimMessageComponent, EuimMessageTitleComponent],
|
|
@@ -1586,10 +1586,10 @@ class EuimSpinnerComponent {
|
|
|
1586
1586
|
this.variant ? `euim-spinner--variant-${this.variant}` : '',
|
|
1587
1587
|
].join(' ');
|
|
1588
1588
|
}
|
|
1589
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1590
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1589
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1590
|
+
/** @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
1591
|
}
|
|
1592
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1592
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerComponent, decorators: [{
|
|
1593
1593
|
type: Component,
|
|
1594
1594
|
args: [{ selector: 'euim-spinner', encapsulation: ViewEncapsulation.None, standalone: true, imports: [
|
|
1595
1595
|
IonicModule,
|
|
@@ -1607,10 +1607,10 @@ class EuimSpinnerMessageComponent {
|
|
|
1607
1607
|
constructor() {
|
|
1608
1608
|
this.className = 'euim-spinner-message';
|
|
1609
1609
|
}
|
|
1610
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1611
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1610
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1611
|
+
/** @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></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
1612
|
}
|
|
1613
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1613
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerMessageComponent, decorators: [{
|
|
1614
1614
|
type: Component,
|
|
1615
1615
|
args: [{ selector: '[euimSpinnerMessage]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: 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"] }]
|
|
1616
1616
|
}], propDecorators: { className: [{
|
|
@@ -1623,10 +1623,10 @@ class EuimSpinnerDescriptionComponent {
|
|
|
1623
1623
|
constructor() {
|
|
1624
1624
|
this.className = 'euim-spinner-description';
|
|
1625
1625
|
}
|
|
1626
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1627
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1626
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1627
|
+
/** @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></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
1628
|
}
|
|
1629
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1629
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerDescriptionComponent, decorators: [{
|
|
1630
1630
|
type: Component,
|
|
1631
1631
|
args: [{ selector: '[euimSpinnerDescription]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: 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"] }]
|
|
1632
1632
|
}], propDecorators: { className: [{
|
|
@@ -1638,15 +1638,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1638
1638
|
* @deprecated Use {@link EUIM_SPINNER} instead.
|
|
1639
1639
|
*/
|
|
1640
1640
|
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: "
|
|
1641
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1642
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerComponentModule, imports: [EuimSpinnerComponent,
|
|
1643
1643
|
EuimSpinnerMessageComponent,
|
|
1644
1644
|
EuimSpinnerDescriptionComponent], exports: [EuimSpinnerComponent,
|
|
1645
1645
|
EuimSpinnerMessageComponent,
|
|
1646
1646
|
EuimSpinnerDescriptionComponent] }); }
|
|
1647
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1647
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerComponentModule, imports: [EuimSpinnerComponent] }); }
|
|
1648
1648
|
}
|
|
1649
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1649
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerComponentModule, decorators: [{
|
|
1650
1650
|
type: NgModule,
|
|
1651
1651
|
args: [{
|
|
1652
1652
|
imports: [
|
|
@@ -1694,10 +1694,10 @@ class EuimMediaHeaderComponent {
|
|
|
1694
1694
|
size ? `euim-media-header__size-${size}` : '',
|
|
1695
1695
|
].join(' ').trim();
|
|
1696
1696
|
}
|
|
1697
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1698
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1697
|
+
/** @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 }); }
|
|
1698
|
+
/** @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:0;top:0;right:0;width:100%;height:100%;overflow:auto}.euim-media-header__content:has(.euim-align-center){top:50%;right:50%;transform:translate(50%,-50%);width:100%;bottom:auto;text-align:center}.euim-media-header__custom-content,.euim-media-header .euim-media-header__blur,.euim-media-header .euim-media-header__gradient{padding:0;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:0}.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
1699
|
}
|
|
1700
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1700
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderComponent, decorators: [{
|
|
1701
1701
|
type: Component,
|
|
1702
1702
|
args: [{ selector: 'euim-media-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1703
1703
|
{
|
|
@@ -1708,7 +1708,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1708
1708
|
'euimSizeL',
|
|
1709
1709
|
],
|
|
1710
1710
|
},
|
|
1711
|
-
], standalone: true, 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-
|
|
1711
|
+
], standalone: true, 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:0;top:0;right:0;width:100%;height:100%;overflow:auto}.euim-media-header__content:has(.euim-align-center){top:50%;right:50%;transform:translate(50%,-50%);width:100%;bottom:auto;text-align:center}.euim-media-header__custom-content,.euim-media-header .euim-media-header__blur,.euim-media-header .euim-media-header__gradient{padding:0;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:0}.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
1712
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimNoGradient: [{
|
|
1713
1713
|
type: Input,
|
|
1714
1714
|
args: [{ transform: booleanAttribute }]
|
|
@@ -1727,10 +1727,10 @@ class EuimMediaHeaderSubTitleDirective {
|
|
|
1727
1727
|
constructor() {
|
|
1728
1728
|
this.className = 'euim-media-header__sub-title';
|
|
1729
1729
|
}
|
|
1730
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1731
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1730
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderSubTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1731
|
+
/** @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
1732
|
}
|
|
1733
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1733
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderSubTitleDirective, decorators: [{
|
|
1734
1734
|
type: Directive,
|
|
1735
1735
|
args: [{
|
|
1736
1736
|
selector: '[euimMediaHeaderSubTitle]',
|
|
@@ -1745,10 +1745,10 @@ class EuimMediaHeaderTitleDirective {
|
|
|
1745
1745
|
constructor() {
|
|
1746
1746
|
this.className = 'euim-media-header__title';
|
|
1747
1747
|
}
|
|
1748
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1749
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1748
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1749
|
+
/** @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
1750
|
}
|
|
1751
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1751
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderTitleDirective, decorators: [{
|
|
1752
1752
|
type: Directive,
|
|
1753
1753
|
args: [{
|
|
1754
1754
|
selector: '[euimMediaHeaderTitle]',
|
|
@@ -1763,10 +1763,10 @@ class EuimMediaHeaderImageDirective {
|
|
|
1763
1763
|
constructor() {
|
|
1764
1764
|
this.className = 'euim-media-header__image';
|
|
1765
1765
|
}
|
|
1766
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1767
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1766
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1767
|
+
/** @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
1768
|
}
|
|
1769
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1769
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderImageDirective, decorators: [{
|
|
1770
1770
|
type: Directive,
|
|
1771
1771
|
args: [{
|
|
1772
1772
|
selector: '[euimMediaHeaderImage]',
|
|
@@ -1781,10 +1781,10 @@ class EuimMediaHeaderCustomContentDirective {
|
|
|
1781
1781
|
constructor() {
|
|
1782
1782
|
this.className = 'euim-media-header__custom-content';
|
|
1783
1783
|
}
|
|
1784
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1785
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1784
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderCustomContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1785
|
+
/** @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
1786
|
}
|
|
1787
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1787
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderCustomContentDirective, decorators: [{
|
|
1788
1788
|
type: Directive,
|
|
1789
1789
|
args: [{
|
|
1790
1790
|
selector: '[euimMediaHeaderCustomContent]',
|
|
@@ -1799,8 +1799,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1799
1799
|
* @deprecated Use {@link EUIM_MEDIA_HEADER} instead.
|
|
1800
1800
|
*/
|
|
1801
1801
|
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: "
|
|
1802
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1803
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderModule, imports: [EuimMediaHeaderCustomContentDirective,
|
|
1804
1804
|
EuimMediaHeaderComponent,
|
|
1805
1805
|
EuimMediaHeaderTitleDirective,
|
|
1806
1806
|
EuimMediaHeaderSubTitleDirective,
|
|
@@ -1809,9 +1809,9 @@ class EuimMediaHeaderModule {
|
|
|
1809
1809
|
EuimMediaHeaderSubTitleDirective,
|
|
1810
1810
|
EuimMediaHeaderImageDirective,
|
|
1811
1811
|
EuimMediaHeaderCustomContentDirective] }); }
|
|
1812
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1812
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderModule, imports: [EuimMediaHeaderComponent] }); }
|
|
1813
1813
|
}
|
|
1814
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1814
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderModule, decorators: [{
|
|
1815
1815
|
type: NgModule,
|
|
1816
1816
|
args: [{
|
|
1817
1817
|
imports: [
|
|
@@ -1851,10 +1851,10 @@ class EuimDataSummaryColLabelDirective {
|
|
|
1851
1851
|
this.baseStatesDirective.getCssClasses('euim-data-summary__col-label'),
|
|
1852
1852
|
].join(' ').trim();
|
|
1853
1853
|
}
|
|
1854
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1855
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1854
|
+
/** @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 }); }
|
|
1855
|
+
/** @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
1856
|
}
|
|
1857
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1857
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDataSummaryColLabelDirective, decorators: [{
|
|
1858
1858
|
type: Directive,
|
|
1859
1859
|
args: [{
|
|
1860
1860
|
selector: '[euimDataSummaryColLabel]',
|
|
@@ -1885,10 +1885,10 @@ class EuimDataSummaryColValueDirective {
|
|
|
1885
1885
|
this.baseStatesDirective.getCssClasses('euim-data-summary__col-value'),
|
|
1886
1886
|
].join(' ').trim();
|
|
1887
1887
|
}
|
|
1888
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1889
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1888
|
+
/** @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 }); }
|
|
1889
|
+
/** @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
1890
|
}
|
|
1891
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1891
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDataSummaryColValueDirective, decorators: [{
|
|
1892
1892
|
type: Directive,
|
|
1893
1893
|
args: [{
|
|
1894
1894
|
selector: '[euimDataSummaryColValue]',
|
|
@@ -1924,10 +1924,10 @@ class EuimDataSummaryComponent {
|
|
|
1924
1924
|
}
|
|
1925
1925
|
}
|
|
1926
1926
|
}
|
|
1927
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1928
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1927
|
+
/** @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 }); }
|
|
1928
|
+
/** @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
1929
|
}
|
|
1930
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1930
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDataSummaryComponent, decorators: [{
|
|
1931
1931
|
type: Component,
|
|
1932
1932
|
args: [{ selector: 'euim-data-summary', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1933
1933
|
{
|
|
@@ -1952,10 +1952,10 @@ class EuimDataSummaryColComponent {
|
|
|
1952
1952
|
constructor() {
|
|
1953
1953
|
this.className = 'euim-data-summary__col';
|
|
1954
1954
|
}
|
|
1955
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1956
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1955
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDataSummaryColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1956
|
+
/** @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
1957
|
}
|
|
1958
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1958
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDataSummaryColComponent, decorators: [{
|
|
1959
1959
|
type: Component,
|
|
1960
1960
|
args: [{
|
|
1961
1961
|
selector: 'euim-data-summary-col',
|
|
@@ -1971,14 +1971,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
1971
1971
|
* @deprecated Use {@link EUIM_DATA_SUMMARY} instead.
|
|
1972
1972
|
*/
|
|
1973
1973
|
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: "
|
|
1974
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDataSummaryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1975
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimDataSummaryModule, imports: [EuimDataSummaryComponent,
|
|
1976
1976
|
EuimDataSummaryColComponent,
|
|
1977
1977
|
EuimDataSummaryColLabelDirective,
|
|
1978
1978
|
EuimDataSummaryColValueDirective], exports: [EuimDataSummaryComponent, EuimDataSummaryColComponent, EuimDataSummaryColLabelDirective, EuimDataSummaryColValueDirective] }); }
|
|
1979
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1979
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDataSummaryModule }); }
|
|
1980
1980
|
}
|
|
1981
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1981
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDataSummaryModule, decorators: [{
|
|
1982
1982
|
type: NgModule,
|
|
1983
1983
|
args: [{
|
|
1984
1984
|
imports: [
|
|
@@ -2002,10 +2002,10 @@ class EuimCardImageDirective {
|
|
|
2002
2002
|
constructor() {
|
|
2003
2003
|
this.className = 'euim-card__image';
|
|
2004
2004
|
}
|
|
2005
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2006
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2005
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2006
|
+
/** @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
2007
|
}
|
|
2008
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2008
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardImageDirective, decorators: [{
|
|
2009
2009
|
type: Directive,
|
|
2010
2010
|
args: [{
|
|
2011
2011
|
selector: '[euimCardImage]',
|
|
@@ -2043,10 +2043,10 @@ class EuimCardComponent {
|
|
|
2043
2043
|
this.imageWidth = this.cardImageDirective.euimCardImageWidth;
|
|
2044
2044
|
}
|
|
2045
2045
|
}
|
|
2046
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2047
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2046
|
+
/** @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 }); }
|
|
2047
|
+
/** @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:0;width:100%}.euim-card__header-image{width:100%}.euim-card__image{height:100%;width:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:0}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:0}.euim-card--size-s .euim-card__image{height:calc(var(--eui-s-m) * 6.25)}.euim-card--size-s .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-s .euim-card__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-s .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 1px)}.euim-card--size-s .euim-card__content ion-item::part(native){padding:0}.euim-card--size-s .euim-card__content ion-item:has([slot=end]){padding:0 0 0 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: 0;--padding-start: 0;padding:0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 1px)}.euim-card--size-m .euim-card__content ion-item::part(native){padding:0}.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
2048
|
}
|
|
2049
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2049
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardComponent, decorators: [{
|
|
2050
2050
|
type: Component,
|
|
2051
2051
|
args: [{ selector: 'euim-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
2052
2052
|
{
|
|
@@ -2070,11 +2070,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2070
2070
|
* @deprecated Use {@link EUIM_CARD} instead.
|
|
2071
2071
|
*/
|
|
2072
2072
|
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: "
|
|
2073
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2074
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimCardModule, imports: [EuimCardComponent, EuimCardImageDirective], exports: [EuimCardComponent, EuimCardImageDirective] }); }
|
|
2075
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardModule, imports: [EuimCardComponent] }); }
|
|
2076
2076
|
}
|
|
2077
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2077
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardModule, decorators: [{
|
|
2078
2078
|
type: NgModule,
|
|
2079
2079
|
args: [{
|
|
2080
2080
|
imports: [EuimCardComponent, EuimCardImageDirective],
|
|
@@ -2100,10 +2100,10 @@ class EuimCardListComponent {
|
|
|
2100
2100
|
this.direction ? `euim-card-list--direction-${this.direction}` : '',
|
|
2101
2101
|
].join(' ').trim();
|
|
2102
2102
|
}
|
|
2103
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2104
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2103
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2104
|
+
/** @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></ng-content>\n", styles: [".euim-card-list{padding:var(--eui-s-xs) 0 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:0;margin-bottom:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card:first-child{padding-left:0}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}.euim-card-list .euim-card{margin-bottom:var(--eui-s-m)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2105
2105
|
}
|
|
2106
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardListComponent, decorators: [{
|
|
2107
2107
|
type: Component,
|
|
2108
2108
|
args: [{ selector: 'euim-card-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, template: "<ng-content></ng-content>\n", styles: [".euim-card-list{padding:var(--eui-s-xs) 0 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:0;margin-bottom:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card:first-child{padding-left:0}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}.euim-card-list .euim-card{margin-bottom:var(--eui-s-m)}}\n"] }]
|
|
2109
2109
|
}], propDecorators: { direction: [{
|
|
@@ -2117,11 +2117,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2117
2117
|
* @deprecated Use {@link EUIM_CARD_LIST} instead.
|
|
2118
2118
|
*/
|
|
2119
2119
|
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: "
|
|
2120
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2121
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimCardListModule, imports: [EuimCardListComponent], exports: [EuimCardListComponent] }); }
|
|
2122
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardListModule }); }
|
|
2123
2123
|
}
|
|
2124
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2124
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardListModule, decorators: [{
|
|
2125
2125
|
type: NgModule,
|
|
2126
2126
|
args: [{
|
|
2127
2127
|
imports: [EuimCardListComponent],
|
|
@@ -2194,10 +2194,10 @@ class EuimAlertMessageComponent {
|
|
|
2194
2194
|
this.isVisible = false;
|
|
2195
2195
|
this.euimClose.emit();
|
|
2196
2196
|
}
|
|
2197
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2198
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
2197
|
+
/** @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 }); }
|
|
2198
|
+
/** @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
2199
|
}
|
|
2200
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2200
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAlertMessageComponent, decorators: [{
|
|
2201
2201
|
type: Component,
|
|
2202
2202
|
args: [{ selector: 'euim-alert-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [IonicModule, EuimLabelModule], hostDirectives: [
|
|
2203
2203
|
{
|
|
@@ -2227,11 +2227,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2227
2227
|
* @deprecated Use {@link EUIM_ALERT_MESSAGE} instead.
|
|
2228
2228
|
*/
|
|
2229
2229
|
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: "
|
|
2230
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAlertMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2231
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimAlertMessageModule, imports: [EuimAlertMessageComponent], exports: [EuimAlertMessageComponent] }); }
|
|
2232
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAlertMessageModule, imports: [EuimAlertMessageComponent] }); }
|
|
2233
2233
|
}
|
|
2234
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2234
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAlertMessageModule, decorators: [{
|
|
2235
2235
|
type: NgModule,
|
|
2236
2236
|
args: [{
|
|
2237
2237
|
imports: [EuimAlertMessageComponent],
|
|
@@ -2396,16 +2396,16 @@ class EuimSliderInfoScreenComponent {
|
|
|
2396
2396
|
paginationClass,
|
|
2397
2397
|
].join(' ').trim();
|
|
2398
2398
|
}
|
|
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 }); }
|
|
2399
|
+
/** @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 }); }
|
|
2400
|
+
/** @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" } }, 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: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
2401
|
}
|
|
2402
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2402
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenComponent, decorators: [{
|
|
2403
2403
|
type: Component,
|
|
2404
2404
|
args: [{ selector: 'euim-slider-info-screen', encapsulation: ViewEncapsulation.None, standalone: true, imports: [
|
|
2405
2405
|
IonicModule,
|
|
2406
2406
|
CommonModule,
|
|
2407
2407
|
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\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:
|
|
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\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: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
2409
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1.GestureController }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { slides: [{
|
|
2410
2410
|
type: ViewChild,
|
|
2411
2411
|
args: ['slides', { static: true }]
|
|
@@ -2448,13 +2448,13 @@ class EuimSlideInfoScreenComponent {
|
|
|
2448
2448
|
constructor() {
|
|
2449
2449
|
this.className = 'euim-slider-info-screen__slide';
|
|
2450
2450
|
}
|
|
2451
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2452
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2451
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSlideInfoScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2452
|
+
/** @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: `
|
|
2453
2453
|
<div #slide>
|
|
2454
2454
|
<ng-content></ng-content>
|
|
2455
2455
|
</div>`, isInline: true }); }
|
|
2456
2456
|
}
|
|
2457
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2457
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSlideInfoScreenComponent, decorators: [{
|
|
2458
2458
|
type: Component,
|
|
2459
2459
|
args: [{
|
|
2460
2460
|
selector: 'euim-slide-info-screen',
|
|
@@ -2482,10 +2482,10 @@ class EuimSliderInfoScreenContentDirective {
|
|
|
2482
2482
|
this.euimTextCenter ? 'euim-slider-info-screen__content--centered' : '',
|
|
2483
2483
|
].join(' ').trim();
|
|
2484
2484
|
}
|
|
2485
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2486
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "
|
|
2485
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2486
|
+
/** @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
2487
|
}
|
|
2488
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2488
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenContentDirective, decorators: [{
|
|
2489
2489
|
type: Directive,
|
|
2490
2490
|
args: [{
|
|
2491
2491
|
selector: '[euimSliderInfoScreenContent]',
|
|
@@ -2503,10 +2503,10 @@ class EuimSliderInfoScreenTitleDirective {
|
|
|
2503
2503
|
constructor() {
|
|
2504
2504
|
this.className = 'euim-slider-info-screen__title';
|
|
2505
2505
|
}
|
|
2506
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2507
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2506
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2507
|
+
/** @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
2508
|
}
|
|
2509
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2509
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenTitleDirective, decorators: [{
|
|
2510
2510
|
type: Directive,
|
|
2511
2511
|
args: [{
|
|
2512
2512
|
selector: '[euimSliderInfoScreenTitle]',
|
|
@@ -2521,10 +2521,10 @@ class EuimSliderInfoScreenSubTitleDirective {
|
|
|
2521
2521
|
constructor() {
|
|
2522
2522
|
this.className = 'euim-slider-info-screen__sub-title';
|
|
2523
2523
|
}
|
|
2524
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2525
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2524
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenSubTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2525
|
+
/** @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
2526
|
}
|
|
2527
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2527
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenSubTitleDirective, decorators: [{
|
|
2528
2528
|
type: Directive,
|
|
2529
2529
|
args: [{
|
|
2530
2530
|
selector: '[euimSliderInfoScreenSubTitle]',
|
|
@@ -2539,8 +2539,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2539
2539
|
* @deprecated Use {@link EUIM_SLIDER_INFO_SCREEN} instead.
|
|
2540
2540
|
*/
|
|
2541
2541
|
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: "
|
|
2542
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2543
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenModule, imports: [EuimSliderInfoScreenComponent,
|
|
2544
2544
|
EuimSlideInfoScreenComponent,
|
|
2545
2545
|
EuimSliderInfoScreenContentDirective,
|
|
2546
2546
|
EuimSliderInfoScreenTitleDirective,
|
|
@@ -2549,9 +2549,9 @@ class EuimSliderInfoScreenModule {
|
|
|
2549
2549
|
EuimSliderInfoScreenContentDirective,
|
|
2550
2550
|
EuimSliderInfoScreenTitleDirective,
|
|
2551
2551
|
EuimSliderInfoScreenSubTitleDirective] }); }
|
|
2552
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2552
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenModule, imports: [EuimSliderInfoScreenComponent] }); }
|
|
2553
2553
|
}
|
|
2554
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2554
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenModule, decorators: [{
|
|
2555
2555
|
type: NgModule,
|
|
2556
2556
|
args: [{
|
|
2557
2557
|
imports: [
|
|
@@ -2583,10 +2583,10 @@ class EuimScrollerXComponent {
|
|
|
2583
2583
|
constructor() {
|
|
2584
2584
|
this.className = 'euim-scroller-x';
|
|
2585
2585
|
}
|
|
2586
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2587
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
2586
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimScrollerXComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2587
|
+
/** @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></ng-content>\n\n", 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:0 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
2588
|
}
|
|
2589
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2589
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimScrollerXComponent, decorators: [{
|
|
2590
2590
|
type: Component,
|
|
2591
2591
|
args: [{ selector: 'euim-scroller-x', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<ng-content></ng-content>\n\n", 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:0 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
2592
|
}], propDecorators: { className: [{
|
|
@@ -2598,11 +2598,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2598
2598
|
* @deprecated Use {@link EUIM_SCROLLER_X} instead.
|
|
2599
2599
|
*/
|
|
2600
2600
|
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: "
|
|
2601
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimScrollerXComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2602
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimScrollerXComponentModule, imports: [EuimScrollerXComponent], exports: [EuimScrollerXComponent] }); }
|
|
2603
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimScrollerXComponentModule }); }
|
|
2604
2604
|
}
|
|
2605
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2605
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimScrollerXComponentModule, decorators: [{
|
|
2606
2606
|
type: NgModule,
|
|
2607
2607
|
args: [{
|
|
2608
2608
|
imports: [EuimScrollerXComponent],
|
|
@@ -2622,10 +2622,10 @@ class EuimChipSelectorItemDirective {
|
|
|
2622
2622
|
this.euimChipSelectorAll = false;
|
|
2623
2623
|
this.className = 'euim-chip-selector__item';
|
|
2624
2624
|
}
|
|
2625
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2626
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "
|
|
2625
|
+
/** @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 }); }
|
|
2626
|
+
/** @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
2627
|
}
|
|
2628
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2628
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimChipSelectorItemDirective, decorators: [{
|
|
2629
2629
|
type: Directive,
|
|
2630
2630
|
args: [{
|
|
2631
2631
|
selector: '[euimChipSelectorItem]',
|
|
@@ -2914,10 +2914,10 @@ class EuimChipSelectorComponent {
|
|
|
2914
2914
|
return data;
|
|
2915
2915
|
return data.filter(item => multipleFilterConditions.includes(item.filterId));
|
|
2916
2916
|
}
|
|
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 }); }
|
|
2917
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimChipSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2918
|
+
/** @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) 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 }); }
|
|
2919
2919
|
}
|
|
2920
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2920
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimChipSelectorComponent, decorators: [{
|
|
2921
2921
|
type: Component,
|
|
2922
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"] }]
|
|
2923
2923
|
}], propDecorators: { backgroundColor: [{
|
|
@@ -2971,11 +2971,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
2971
2971
|
* @deprecated Use {@link EUIM_CHIP_SELECTOR} instead.
|
|
2972
2972
|
*/
|
|
2973
2973
|
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: "
|
|
2974
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimChipSelectorComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2975
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimChipSelectorComponentModule, imports: [EuimChipSelectorComponent, EuimChipSelectorItemDirective], exports: [EuimChipSelectorComponent, EuimChipSelectorItemDirective] }); }
|
|
2976
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimChipSelectorComponentModule, imports: [EuimChipSelectorComponent] }); }
|
|
2977
2977
|
}
|
|
2978
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2978
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimChipSelectorComponentModule, decorators: [{
|
|
2979
2979
|
type: NgModule,
|
|
2980
2980
|
args: [{
|
|
2981
2981
|
imports: [EuimChipSelectorComponent, EuimChipSelectorItemDirective],
|
|
@@ -3011,10 +3011,10 @@ class EuimSkeletonListItemComponent {
|
|
|
3011
3011
|
.join(' ')
|
|
3012
3012
|
.trim();
|
|
3013
3013
|
}
|
|
3014
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3015
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3014
|
+
/** @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 }); }
|
|
3015
|
+
/** @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
3016
|
}
|
|
3017
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3017
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListItemComponent, decorators: [{
|
|
3018
3018
|
type: Component,
|
|
3019
3019
|
args: [{ selector: 'euim-skeleton-list-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
3020
3020
|
{
|
|
@@ -3059,11 +3059,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3059
3059
|
* @deprecated Use {@link EUIM_SKELETON_LIST_ITEM} instead.
|
|
3060
3060
|
*/
|
|
3061
3061
|
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: "
|
|
3062
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3063
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListItemModule, imports: [EuimSkeletonListItemComponent], exports: [EuimSkeletonListItemComponent] }); }
|
|
3064
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListItemModule, imports: [EuimSkeletonListItemComponent] }); }
|
|
3065
3065
|
}
|
|
3066
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3066
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListItemModule, decorators: [{
|
|
3067
3067
|
type: NgModule,
|
|
3068
3068
|
args: [{
|
|
3069
3069
|
imports: [EuimSkeletonListItemComponent],
|
|
@@ -3099,10 +3099,10 @@ class EuimSkeletonListComponent {
|
|
|
3099
3099
|
get itemsArray() {
|
|
3100
3100
|
return Array.from({ length: this.items });
|
|
3101
3101
|
}
|
|
3102
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3103
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3102
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3103
|
+
/** @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
3104
|
}
|
|
3105
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3105
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListComponent, decorators: [{
|
|
3106
3106
|
type: Component,
|
|
3107
3107
|
args: [{ selector: 'euim-skeleton-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, 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
3108
|
}], propDecorators: { items: [{
|
|
@@ -3116,11 +3116,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3116
3116
|
* @deprecated Use {@link EUIM_SKELETON_LIST} instead.
|
|
3117
3117
|
*/
|
|
3118
3118
|
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: "
|
|
3119
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3120
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListModule, imports: [EuimSkeletonListComponent], exports: [EuimSkeletonListComponent] }); }
|
|
3121
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListModule, imports: [EuimSkeletonListComponent] }); }
|
|
3122
3122
|
}
|
|
3123
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListModule, decorators: [{
|
|
3124
3124
|
type: NgModule,
|
|
3125
3125
|
args: [{
|
|
3126
3126
|
imports: [EuimSkeletonListComponent],
|
|
@@ -3189,10 +3189,10 @@ class EuimMultiselectComponent {
|
|
|
3189
3189
|
this.initialDataProvider = changes['currentDataProvider']?.currentValue;
|
|
3190
3190
|
}
|
|
3191
3191
|
}
|
|
3192
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3193
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3192
|
+
/** @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 }); }
|
|
3193
|
+
/** @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-compact)}\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
3194
|
}
|
|
3195
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3195
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectComponent, decorators: [{
|
|
3196
3196
|
type: Component,
|
|
3197
3197
|
args: [{ selector: 'euim-multiselect', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'euimMultiselect', standalone: true, imports: [
|
|
3198
3198
|
IonicModule,
|
|
@@ -3259,10 +3259,10 @@ class EuimMultiselectFilterComponent {
|
|
|
3259
3259
|
this.multiselect.numberOfSelected = this.multiselect.countSelectedItems();
|
|
3260
3260
|
}
|
|
3261
3261
|
}
|
|
3262
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3263
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3262
|
+
/** @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 }); }
|
|
3263
|
+
/** @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
3264
|
}
|
|
3265
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3265
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectFilterComponent, decorators: [{
|
|
3266
3266
|
type: Component,
|
|
3267
3267
|
args: [{ selector: 'euim-multiselect-filter', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, 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
3268
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
@@ -3293,10 +3293,10 @@ class EuimMultiselectAllDirective {
|
|
|
3293
3293
|
get checked() {
|
|
3294
3294
|
return this.euimMulti.selectAll;
|
|
3295
3295
|
}
|
|
3296
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3297
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3296
|
+
/** @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 }); }
|
|
3297
|
+
/** @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
3298
|
}
|
|
3299
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3299
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectAllDirective, decorators: [{
|
|
3300
3300
|
type: Directive,
|
|
3301
3301
|
args: [{
|
|
3302
3302
|
selector: '[euimMultiselectAll]',
|
|
@@ -3321,10 +3321,10 @@ class EuimMultiselectListComponent {
|
|
|
3321
3321
|
this.multiselect = multiselect;
|
|
3322
3322
|
this.className = 'euim-multiselect-list';
|
|
3323
3323
|
}
|
|
3324
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3325
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3324
|
+
/** @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 }); }
|
|
3325
|
+
/** @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
3326
|
}
|
|
3327
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3327
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectListComponent, decorators: [{
|
|
3328
3328
|
type: Component,
|
|
3329
3329
|
args: [{ selector: 'euim-multiselect-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [IonicModule], template: "<ion-list>\n <ng-content></ng-content>\n</ion-list>\n" }]
|
|
3330
3330
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
@@ -3360,10 +3360,10 @@ class EuimMultiselectSelectFieldDirective {
|
|
|
3360
3360
|
this.euimMulti.numberOfSelected = this.euimMulti.countSelectedItems();
|
|
3361
3361
|
}
|
|
3362
3362
|
}
|
|
3363
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3364
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
3363
|
+
/** @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 }); }
|
|
3364
|
+
/** @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
3365
|
}
|
|
3366
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3366
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectSelectFieldDirective, decorators: [{
|
|
3367
3367
|
type: Directive,
|
|
3368
3368
|
args: [{
|
|
3369
3369
|
selector: '[euimMultiselectSelectField]',
|
|
@@ -3391,10 +3391,10 @@ class EuimMultiselectInfoComponent {
|
|
|
3391
3391
|
ngAfterContentChecked() {
|
|
3392
3392
|
this.ref.detectChanges();
|
|
3393
3393
|
}
|
|
3394
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3395
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3394
|
+
/** @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 }); }
|
|
3395
|
+
/** @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
3396
|
}
|
|
3397
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3397
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectInfoComponent, decorators: [{
|
|
3398
3398
|
type: Component,
|
|
3399
3399
|
args: [{ selector: 'euim-multiselect-info', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, 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
3400
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }, { type: i0.ChangeDetectorRef }], propDecorators: { className: [{
|
|
@@ -3418,10 +3418,10 @@ class EuimMultiselectToolbarComponent {
|
|
|
3418
3418
|
onCancelClick() {
|
|
3419
3419
|
this.cancel.emit(true);
|
|
3420
3420
|
}
|
|
3421
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3422
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3421
|
+
/** @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 }); }
|
|
3422
|
+
/** @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
3423
|
}
|
|
3424
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3424
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectToolbarComponent, decorators: [{
|
|
3425
3425
|
type: Component,
|
|
3426
3426
|
args: [{ selector: 'euim-multiselect-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, 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
3427
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
@@ -3442,8 +3442,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3442
3442
|
* @deprecated Use {@link EUIM_MULTISELECT} instead.
|
|
3443
3443
|
*/
|
|
3444
3444
|
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: "
|
|
3445
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3446
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectModule, imports: [EuimMultiselectComponent,
|
|
3447
3447
|
EuimMultiselectFilterComponent,
|
|
3448
3448
|
EuimMultiselectListComponent,
|
|
3449
3449
|
EuimMultiselectInfoComponent,
|
|
@@ -3456,13 +3456,13 @@ class EuimMultiselectModule {
|
|
|
3456
3456
|
EuimMultiselectSelectFieldDirective,
|
|
3457
3457
|
EuimMultiselectAllDirective,
|
|
3458
3458
|
EuimMultiselectToolbarComponent] }); }
|
|
3459
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3459
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectModule, imports: [EuimMultiselectComponent,
|
|
3460
3460
|
EuimMultiselectFilterComponent,
|
|
3461
3461
|
EuimMultiselectListComponent,
|
|
3462
3462
|
EuimMultiselectInfoComponent,
|
|
3463
3463
|
EuimMultiselectToolbarComponent] }); }
|
|
3464
3464
|
}
|
|
3465
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3465
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectModule, decorators: [{
|
|
3466
3466
|
type: NgModule,
|
|
3467
3467
|
args: [{
|
|
3468
3468
|
imports: [
|
|
@@ -3612,10 +3612,10 @@ class EuimPdfViewerComponent {
|
|
|
3612
3612
|
return throwError(() => err);
|
|
3613
3613
|
}));
|
|
3614
3614
|
}
|
|
3615
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3616
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3615
|
+
/** @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 }); }
|
|
3616
|
+
/** @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
3617
|
}
|
|
3618
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3618
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimPdfViewerComponent, decorators: [{
|
|
3619
3619
|
type: Component,
|
|
3620
3620
|
args: [{ selector: 'euim-pdf-viewer', encapsulation: ViewEncapsulation.None, standalone: true, imports: [
|
|
3621
3621
|
IonicModule,
|
|
@@ -3640,11 +3640,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3640
3640
|
* @deprecated Use {@link EUIM_PDF_VIEWER} instead.
|
|
3641
3641
|
*/
|
|
3642
3642
|
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: "
|
|
3643
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimPdfViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3644
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimPdfViewerModule, imports: [EuimPdfViewerComponent], exports: [EuimPdfViewerComponent] }); }
|
|
3645
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimPdfViewerModule, imports: [EuimPdfViewerComponent] }); }
|
|
3646
3646
|
}
|
|
3647
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3647
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimPdfViewerModule, decorators: [{
|
|
3648
3648
|
type: NgModule,
|
|
3649
3649
|
args: [{
|
|
3650
3650
|
imports: [EuimPdfViewerComponent],
|
|
@@ -3660,10 +3660,10 @@ class EuimAboutComponent {
|
|
|
3660
3660
|
constructor() {
|
|
3661
3661
|
this.className = 'euim-about';
|
|
3662
3662
|
}
|
|
3663
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3664
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
3663
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3664
|
+
/** @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-compact)}.euim-about euim-toolbar-action-items ion-label{font:var(--eui-f-s-compact)}.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-neutral-min)}\n"], dependencies: [{ kind: "ngmodule", type: PinchZoomModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: RouterModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3665
3665
|
}
|
|
3666
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3666
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAboutComponent, decorators: [{
|
|
3667
3667
|
type: Component,
|
|
3668
3668
|
args: [{ selector: 'euim-about', encapsulation: ViewEncapsulation.None, standalone: true, imports: [
|
|
3669
3669
|
PinchZoomModule,
|
|
@@ -3680,10 +3680,10 @@ class EuimChangelogComponent {
|
|
|
3680
3680
|
this.className = 'euim-changelog';
|
|
3681
3681
|
this.changeLogs = [];
|
|
3682
3682
|
}
|
|
3683
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3684
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3683
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimChangelogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3684
|
+
/** @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-compact);color:var(--eui-c-neutral)}.euim-changelog ul{padding:var(--eui-s-xs) var(--eui-s-m);margin:0}.euim-changelog li{font:var(--eui-f-m-compact);color:var(--eui-c-neutral)}.euim-changelog ion-item ion-icon{color:var(--eui-c-neutral)}.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-light)}.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-neutral-min)}\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
3685
|
}
|
|
3686
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3686
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimChangelogComponent, decorators: [{
|
|
3687
3687
|
type: Component,
|
|
3688
3688
|
args: [{ selector: 'euim-changelog', encapsulation: ViewEncapsulation.None, standalone: true, 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-compact);color:var(--eui-c-neutral)}.euim-changelog ul{padding:var(--eui-s-xs) var(--eui-s-m);margin:0}.euim-changelog li{font:var(--eui-f-m-compact);color:var(--eui-c-neutral)}.euim-changelog ion-item ion-icon{color:var(--eui-c-neutral)}.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-light)}.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-neutral-min)}\n"] }]
|
|
3689
3689
|
}], propDecorators: { className: [{
|
|
@@ -3739,10 +3739,10 @@ class EuimHelpSupportComponent {
|
|
|
3739
3739
|
}
|
|
3740
3740
|
return '_blank';
|
|
3741
3741
|
}
|
|
3742
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3743
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3742
|
+
/** @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 }); }
|
|
3743
|
+
/** @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-compact);color:var(--eui-c-primary)}.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" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3744
3744
|
}
|
|
3745
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3745
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHelpSupportComponent, decorators: [{
|
|
3746
3746
|
type: Component,
|
|
3747
3747
|
args: [{ selector: 'euim-help-support', encapsulation: ViewEncapsulation.None, standalone: true, imports: [TranslateModule, CommonModule, IonicModule, EuimAvatarModule], 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-compact);color:var(--eui-c-primary)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"] }]
|
|
3748
3748
|
}], ctorParameters: () => [{ type: i1$2.Router }], propDecorators: { helpAndSupportItems: [{
|
|
@@ -3761,10 +3761,10 @@ class EuimOpenSourceLicencesComponent {
|
|
|
3761
3761
|
emitItemClick(itemName) {
|
|
3762
3762
|
this.clickItem.emit([itemName]);
|
|
3763
3763
|
}
|
|
3764
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3765
|
-
/** @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: EuimOpenSourceLicencesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3765
|
+
/** @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-neutral)}.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
3766
|
}
|
|
3767
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3767
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimOpenSourceLicencesComponent, decorators: [{
|
|
3768
3768
|
type: Component,
|
|
3769
3769
|
args: [{ selector: 'euim-opensource-licences', encapsulation: ViewEncapsulation.None, standalone: true, 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-neutral)}.euim-opensource-licences ion-item ion-icon__item{cursor:pointer!important}\n"] }]
|
|
3770
3770
|
}], propDecorators: { className: [{
|
|
@@ -3785,10 +3785,10 @@ class EuimAboutContentLoadingComponent {
|
|
|
3785
3785
|
ngOnInit() {
|
|
3786
3786
|
this.sanitizedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.webUrl);
|
|
3787
3787
|
}
|
|
3788
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3789
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3788
|
+
/** @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 }); }
|
|
3789
|
+
/** @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-compact);color:var(--eui-c-neutral)}.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
3790
|
}
|
|
3791
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3791
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAboutContentLoadingComponent, decorators: [{
|
|
3792
3792
|
type: Component,
|
|
3793
3793
|
args: [{ selector: 'euim-about-content-loading', encapsulation: ViewEncapsulation.None, standalone: true, 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-compact);color:var(--eui-c-neutral)}.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
3794
|
}], ctorParameters: () => [{ type: i1$3.DomSanitizer }], propDecorators: { className: [{
|
|
@@ -3802,8 +3802,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3802
3802
|
* @deprecated Use {@link EUIM_ABOUT} instead.
|
|
3803
3803
|
*/
|
|
3804
3804
|
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: "
|
|
3805
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3806
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimAboutModule, imports: [PinchZoomModule,
|
|
3807
3807
|
TranslateModule,
|
|
3808
3808
|
RouterModule,
|
|
3809
3809
|
EuimAboutComponent,
|
|
@@ -3815,7 +3815,7 @@ class EuimAboutModule {
|
|
|
3815
3815
|
EuimOpenSourceLicencesComponent,
|
|
3816
3816
|
EuimHelpSupportComponent,
|
|
3817
3817
|
EuimAboutContentLoadingComponent] }); }
|
|
3818
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
3818
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAboutModule, imports: [PinchZoomModule,
|
|
3819
3819
|
TranslateModule,
|
|
3820
3820
|
RouterModule,
|
|
3821
3821
|
EuimAboutComponent,
|
|
@@ -3823,7 +3823,7 @@ class EuimAboutModule {
|
|
|
3823
3823
|
EuimOpenSourceLicencesComponent,
|
|
3824
3824
|
EuimHelpSupportComponent] }); }
|
|
3825
3825
|
}
|
|
3826
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3826
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAboutModule, decorators: [{
|
|
3827
3827
|
type: NgModule,
|
|
3828
3828
|
args: [{
|
|
3829
3829
|
imports: [
|
|
@@ -3858,10 +3858,10 @@ class EuimToolbarQrcodeComponent {
|
|
|
3858
3858
|
constructor() {
|
|
3859
3859
|
this.logoUrl = '';
|
|
3860
3860
|
}
|
|
3861
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
3862
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
3861
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarQrcodeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3862
|
+
/** @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
3863
|
}
|
|
3864
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3864
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarQrcodeComponent, decorators: [{
|
|
3865
3865
|
type: Component,
|
|
3866
3866
|
args: [{ selector: 'euim-toolbar-qrcode', encapsulation: ViewEncapsulation.None, standalone: true, 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
3867
|
}], propDecorators: { qrCodeUrl: [{
|
|
@@ -3876,11 +3876,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
3876
3876
|
* @deprecated Use {@link EUIM_TOOLBAR_QRCODE} instead.
|
|
3877
3877
|
*/
|
|
3878
3878
|
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: "
|
|
3879
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarQrcodeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3880
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarQrcodeModule, imports: [EuimToolbarQrcodeComponent], exports: [EuimToolbarQrcodeComponent] }); }
|
|
3881
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarQrcodeModule, imports: [EuimToolbarQrcodeComponent] }); }
|
|
3882
3882
|
}
|
|
3883
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
3883
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarQrcodeModule, decorators: [{
|
|
3884
3884
|
type: NgModule,
|
|
3885
3885
|
args: [{
|
|
3886
3886
|
imports: [EuimToolbarQrcodeComponent],
|
|
@@ -4008,10 +4008,10 @@ class EuimToolbarDatepickerComponent {
|
|
|
4008
4008
|
formatDateAndWeekDay() {
|
|
4009
4009
|
this.weekDayName = this.weekdays[this.currentDate.getDay()];
|
|
4010
4010
|
}
|
|
4011
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4012
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
4011
|
+
/** @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 }); }
|
|
4012
|
+
/** @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:0}.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-contrast)}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-is-l);height:var(--eui-is-l);color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker__nav-button:first-child{margin-right:var(--eui-s-xl)}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__calendar,.euim-toolbar-datepicker--primary .euim-label{color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}\n"], dependencies: [{ kind: "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
4013
|
}
|
|
4014
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4014
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarDatepickerComponent, decorators: [{
|
|
4015
4015
|
type: Component,
|
|
4016
4016
|
args: [{ selector: 'euim-toolbar-datepicker', encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
4017
4017
|
{
|
|
@@ -4059,11 +4059,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
4059
4059
|
* @deprecated Use {@link EUIM_TOOLBAR_DATEPICKER} instead.
|
|
4060
4060
|
*/
|
|
4061
4061
|
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: "
|
|
4062
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4063
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarDatepickerModule, imports: [EuimToolbarDatepickerComponent], exports: [EuimToolbarDatepickerComponent] }); }
|
|
4064
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarDatepickerModule, imports: [EuimToolbarDatepickerComponent] }); }
|
|
4065
4065
|
}
|
|
4066
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4066
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarDatepickerModule, decorators: [{
|
|
4067
4067
|
type: NgModule,
|
|
4068
4068
|
args: [{
|
|
4069
4069
|
imports: [EuimToolbarDatepickerComponent],
|
|
@@ -4079,10 +4079,10 @@ class EuimReadOnlyFormLabelDirective {
|
|
|
4079
4079
|
constructor() {
|
|
4080
4080
|
this.className = 'euim-read-only-form__label';
|
|
4081
4081
|
}
|
|
4082
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4083
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4082
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimReadOnlyFormLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4083
|
+
/** @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
4084
|
}
|
|
4085
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4085
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimReadOnlyFormLabelDirective, decorators: [{
|
|
4086
4086
|
type: Directive,
|
|
4087
4087
|
args: [{
|
|
4088
4088
|
selector: '[euimReadOnlyFormLabel]',
|
|
@@ -4097,10 +4097,10 @@ class EuimReadOnlyFormValueDirective {
|
|
|
4097
4097
|
constructor() {
|
|
4098
4098
|
this.className = 'euim-read-only-form__value';
|
|
4099
4099
|
}
|
|
4100
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4101
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4100
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimReadOnlyFormValueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4101
|
+
/** @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
4102
|
}
|
|
4103
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4103
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimReadOnlyFormValueDirective, decorators: [{
|
|
4104
4104
|
type: Directive,
|
|
4105
4105
|
args: [{
|
|
4106
4106
|
selector: '[euimReadOnlyFormValue]',
|
|
@@ -4115,10 +4115,10 @@ class EuimReadOnlyFormDirective {
|
|
|
4115
4115
|
constructor() {
|
|
4116
4116
|
this.className = 'euim-read-only-form';
|
|
4117
4117
|
}
|
|
4118
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4119
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4118
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimReadOnlyFormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4119
|
+
/** @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
4120
|
}
|
|
4121
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4121
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimReadOnlyFormDirective, decorators: [{
|
|
4122
4122
|
type: Directive,
|
|
4123
4123
|
args: [{
|
|
4124
4124
|
selector: '[euimReadOnlyForm]',
|
|
@@ -4135,7 +4135,7 @@ class EuimHelperTextComponent {
|
|
|
4135
4135
|
}
|
|
4136
4136
|
constructor(baseStatesDirective) {
|
|
4137
4137
|
this.baseStatesDirective = baseStatesDirective;
|
|
4138
|
-
this.hasNoPadding = input(false, { transform: booleanAttribute });
|
|
4138
|
+
this.hasNoPadding = input(false, ...(ngDevMode ? [{ debugName: "hasNoPadding", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
|
|
4139
4139
|
}
|
|
4140
4140
|
getCssClasses() {
|
|
4141
4141
|
return [
|
|
@@ -4143,10 +4143,10 @@ class EuimHelperTextComponent {
|
|
|
4143
4143
|
this.hasNoPadding() ? 'euim-helper-text--no-padding' : '',
|
|
4144
4144
|
].join(' ');
|
|
4145
4145
|
}
|
|
4146
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4147
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
4146
|
+
/** @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 }); }
|
|
4147
|
+
/** @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:0;font:var(--eui-f-xs-compact)}.euim-helper-text--no-padding{padding:0}.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
4148
|
}
|
|
4149
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4149
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHelperTextComponent, decorators: [{
|
|
4150
4150
|
type: Component,
|
|
4151
4151
|
args: [{ selector: 'euim-helper-text', template: '<p><ng-content></ng-content></p>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, hostDirectives: [
|
|
4152
4152
|
{
|
|
@@ -4171,10 +4171,10 @@ class EuimDividerDirective {
|
|
|
4171
4171
|
this.lines ? `${rootClass}--lines-${this.lines}` : '',
|
|
4172
4172
|
].join(' ').trim();
|
|
4173
4173
|
}
|
|
4174
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4175
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4174
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDividerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4175
|
+
/** @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
4176
|
}
|
|
4177
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4177
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDividerDirective, decorators: [{
|
|
4178
4178
|
type: Directive,
|
|
4179
4179
|
args: [{
|
|
4180
4180
|
selector: '[euimDivider]',
|
|
@@ -4191,11 +4191,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
4191
4191
|
* @deprecated Use {@link EUIM_DIVIDER} instead.
|
|
4192
4192
|
*/
|
|
4193
4193
|
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: "
|
|
4194
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4195
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimDividerModule, imports: [EuimDividerDirective], exports: [EuimDividerDirective] }); }
|
|
4196
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDividerModule }); }
|
|
4197
4197
|
}
|
|
4198
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4198
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimDividerModule, decorators: [{
|
|
4199
4199
|
type: NgModule,
|
|
4200
4200
|
args: [{
|
|
4201
4201
|
imports: [EuimDividerDirective],
|
|
@@ -4217,10 +4217,10 @@ class EuimListHeaderDirective {
|
|
|
4217
4217
|
this.border ? `${rootClass}--border-${this.border}` : '',
|
|
4218
4218
|
].join(' ').trim();
|
|
4219
4219
|
}
|
|
4220
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4221
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4220
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimListHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4221
|
+
/** @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
4222
|
}
|
|
4223
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4223
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimListHeaderDirective, decorators: [{
|
|
4224
4224
|
type: Directive,
|
|
4225
4225
|
args: [{
|
|
4226
4226
|
selector: '[euimListHeader]',
|
|
@@ -4237,11 +4237,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
4237
4237
|
* @deprecated Use {@link EUIM_LIST_HEADER} instead.
|
|
4238
4238
|
*/
|
|
4239
4239
|
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: "
|
|
4240
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimListHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4241
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimListHeaderModule, imports: [EuimListHeaderDirective], exports: [EuimListHeaderDirective] }); }
|
|
4242
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimListHeaderModule }); }
|
|
4243
4243
|
}
|
|
4244
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4244
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimListHeaderModule, decorators: [{
|
|
4245
4245
|
type: NgModule,
|
|
4246
4246
|
args: [{
|
|
4247
4247
|
imports: [EuimListHeaderDirective],
|
|
@@ -4257,10 +4257,10 @@ class EuimAlignCenterDirective {
|
|
|
4257
4257
|
constructor() {
|
|
4258
4258
|
this.className = 'euim-align-center';
|
|
4259
4259
|
}
|
|
4260
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4261
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4260
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAlignCenterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4261
|
+
/** @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
4262
|
}
|
|
4263
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4263
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAlignCenterDirective, decorators: [{
|
|
4264
4264
|
type: Directive,
|
|
4265
4265
|
args: [{
|
|
4266
4266
|
selector: '[euimAlignCenter]',
|
|
@@ -4275,10 +4275,10 @@ class EuimAlignTopDirective {
|
|
|
4275
4275
|
constructor() {
|
|
4276
4276
|
this.className = 'euim-align-top';
|
|
4277
4277
|
}
|
|
4278
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4279
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4278
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAlignTopDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4279
|
+
/** @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
4280
|
}
|
|
4281
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4281
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAlignTopDirective, decorators: [{
|
|
4282
4282
|
type: Directive,
|
|
4283
4283
|
args: [{
|
|
4284
4284
|
selector: '[euimAlignTop]',
|
|
@@ -4323,10 +4323,10 @@ class EuimToolbarTransparentDirective {
|
|
|
4323
4323
|
this.isLightToolbar ? 'euim-toolbar--solid-light' : '',
|
|
4324
4324
|
].join(' ');
|
|
4325
4325
|
}
|
|
4326
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4327
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4326
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarTransparentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4327
|
+
/** @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
4328
|
}
|
|
4329
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4329
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarTransparentDirective, decorators: [{
|
|
4330
4330
|
type: Directive,
|
|
4331
4331
|
args: [{
|
|
4332
4332
|
selector: '[euimToolbarTransparent]',
|
|
@@ -4353,10 +4353,10 @@ class EuimFooterTransparentDirective {
|
|
|
4353
4353
|
constructor() {
|
|
4354
4354
|
this.className = 'euim-footer--transparent';
|
|
4355
4355
|
}
|
|
4356
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4357
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4356
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimFooterTransparentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4357
|
+
/** @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
4358
|
}
|
|
4359
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4359
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimFooterTransparentDirective, decorators: [{
|
|
4360
4360
|
type: Directive,
|
|
4361
4361
|
args: [{
|
|
4362
4362
|
selector: '[euimFooterTransparent]',
|
|
@@ -4374,10 +4374,10 @@ class EuimMinWidthDirective {
|
|
|
4374
4374
|
ngOnInit() {
|
|
4375
4375
|
this.widthVar = this.minWidth;
|
|
4376
4376
|
}
|
|
4377
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4378
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4377
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMinWidthDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4378
|
+
/** @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
4379
|
}
|
|
4380
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4380
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMinWidthDirective, decorators: [{
|
|
4381
4381
|
type: Directive,
|
|
4382
4382
|
args: [{
|
|
4383
4383
|
selector: '[euimMinWidth]',
|
|
@@ -4394,10 +4394,10 @@ class EuimListItemNoPaddingsDirective {
|
|
|
4394
4394
|
constructor() {
|
|
4395
4395
|
this.className = 'euim-list-item--no-paddings';
|
|
4396
4396
|
}
|
|
4397
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4398
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4397
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimListItemNoPaddingsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4398
|
+
/** @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
4399
|
}
|
|
4400
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4400
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimListItemNoPaddingsDirective, decorators: [{
|
|
4401
4401
|
type: Directive,
|
|
4402
4402
|
args: [{
|
|
4403
4403
|
selector: '[euimListItemNoPaddings]',
|
|
@@ -4412,10 +4412,10 @@ class EuimSidebarFooterNoBordersDirective {
|
|
|
4412
4412
|
constructor() {
|
|
4413
4413
|
this.className = 'euim-sidebar-footer--no-borders';
|
|
4414
4414
|
}
|
|
4415
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4416
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4415
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarFooterNoBordersDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4416
|
+
/** @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
4417
|
}
|
|
4418
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4418
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarFooterNoBordersDirective, decorators: [{
|
|
4419
4419
|
type: Directive,
|
|
4420
4420
|
args: [{
|
|
4421
4421
|
selector: '[euimSidebarFooterNoBorders]',
|
|
@@ -4430,10 +4430,10 @@ class EuimSkeletonTextAvatarDirective {
|
|
|
4430
4430
|
constructor() {
|
|
4431
4431
|
this.className = 'euim-skeleton-text-avatar';
|
|
4432
4432
|
}
|
|
4433
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
4434
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
4433
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonTextAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4434
|
+
/** @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
4435
|
}
|
|
4436
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4436
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonTextAvatarDirective, decorators: [{
|
|
4437
4437
|
type: Directive,
|
|
4438
4438
|
args: [{
|
|
4439
4439
|
selector: '[euimSkeletonTextAvatar]',
|
|
@@ -4448,11 +4448,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
4448
4448
|
* @deprecated Use {@link EUIM_SKELETON_TEXT_AVATAR} instead.
|
|
4449
4449
|
*/
|
|
4450
4450
|
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: "
|
|
4451
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonTextAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4452
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonTextAvatarModule, imports: [EuimSkeletonTextAvatarDirective], exports: [EuimSkeletonTextAvatarDirective] }); }
|
|
4453
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonTextAvatarModule }); }
|
|
4454
4454
|
}
|
|
4455
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4455
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonTextAvatarModule, decorators: [{
|
|
4456
4456
|
type: NgModule,
|
|
4457
4457
|
args: [{
|
|
4458
4458
|
imports: [EuimSkeletonTextAvatarDirective],
|
|
@@ -4512,8 +4512,8 @@ const MODULES = [
|
|
|
4512
4512
|
EuimSkeletonTextAvatarModule,
|
|
4513
4513
|
];
|
|
4514
4514
|
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: "
|
|
4515
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4516
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: EuimAllModule, imports: [
|
|
4517
4517
|
// Layout
|
|
4518
4518
|
EuimAppModule,
|
|
4519
4519
|
// Components
|
|
@@ -4604,7 +4604,7 @@ class EuimAllModule {
|
|
|
4604
4604
|
EuimReadOnlyFormLabelDirective,
|
|
4605
4605
|
EuimMediaHeaderCustomContentDirective,
|
|
4606
4606
|
EuimSkeletonTextAvatarModule] }); }
|
|
4607
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
4607
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAllModule, imports: [
|
|
4608
4608
|
// Layout
|
|
4609
4609
|
EuimAppModule,
|
|
4610
4610
|
// Components
|
|
@@ -4674,7 +4674,7 @@ class EuimAllModule {
|
|
|
4674
4674
|
EuimListHeaderModule,
|
|
4675
4675
|
EuimSkeletonTextAvatarModule] }); }
|
|
4676
4676
|
}
|
|
4677
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
4677
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAllModule, decorators: [{
|
|
4678
4678
|
type: NgModule,
|
|
4679
4679
|
args: [{
|
|
4680
4680
|
imports: [
|