@eui/mobile-core 18.0.0-next.3 → 18.0.0-next.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/docs/components/EuiMUserProfileActionComponent.html +1 -1
- package/docs/components/EuiMUserProfileAvatarComponent.html +1 -1
- package/docs/components/EuiMUserProfileInfosComponent.html +97 -37
- package/docs/components/EuiMUserProfileInfosItemComponent.html +1 -1
- package/docs/components/EuimAboutComponent.html +1 -1
- package/docs/components/EuimAboutContentLoadingComponent.html +1 -1
- package/docs/components/EuimAlertMessageComponent.html +1 -1
- package/docs/components/EuimAppComponent.html +1 -1
- package/docs/components/EuimAvatarBadgeComponent.html +1 -1
- package/docs/components/EuimAvatarComponent.html +1 -1
- package/docs/components/EuimAvatarIconComponent.html +1 -1
- package/docs/components/EuimAvatarIconSubComponent.html +1 -1
- package/docs/components/EuimAvatarImageComponent.html +1 -1
- package/docs/components/EuimAvatarTextComponent.html +1 -1
- package/docs/components/EuimBadgeComponent.html +1 -1
- package/docs/components/EuimCardComponent.html +67 -2
- package/docs/components/EuimCardListComponent.html +94 -33
- package/docs/components/EuimChangelogComponent.html +1 -1
- package/docs/components/EuimChipSelectorComponent.html +94 -3
- package/docs/components/EuimDataSummaryColComponent.html +1 -1
- package/docs/components/EuimDataSummaryComponent.html +1 -1
- package/docs/components/EuimEmptyListPlaceholderComponent.html +1 -1
- package/docs/components/EuimHeaderDetailsComponent.html +38 -1
- package/docs/components/EuimHelpSupportComponent.html +1 -1
- package/docs/components/EuimLabelComponent.html +1 -1
- package/docs/components/EuimLanguageListComponent.html +1 -1
- package/docs/components/EuimLanguageSelectorComponent.html +1 -1
- package/docs/components/EuimMediaHeaderComponent.html +26 -2
- package/docs/components/EuimMessageComponent.html +1 -1
- package/docs/components/EuimMessageTitleComponent.html +1 -1
- package/docs/components/EuimMultiselectComponent.html +1 -1
- package/docs/components/EuimMultiselectFilterComponent.html +1 -1
- package/docs/components/EuimMultiselectInfoComponent.html +1 -1
- package/docs/components/EuimMultiselectListComponent.html +1 -1
- package/docs/components/EuimMultiselectToolbarComponent.html +1 -1
- package/docs/components/EuimNotificationItemComponent.html +1 -1
- package/docs/components/EuimOpenSourceLicencesComponent.html +1 -1
- package/docs/components/EuimPdfViewerComponent.html +57 -3
- package/docs/components/EuimScrollerXComponent.html +1 -1
- package/docs/components/EuimSidebarComponent.html +1 -1
- package/docs/components/EuimSidebarContentComponent.html +1 -1
- package/docs/components/EuimSkeletonListComponent.html +1 -1
- package/docs/components/EuimSkeletonListItemComponent.html +1 -1
- package/docs/components/EuimSlideInfoScreenComponent.html +1 -1
- package/docs/components/EuimSliderInfoScreenComponent.html +153 -47
- package/docs/components/EuimSpinnerComponent.html +1 -1
- package/docs/components/EuimSpinnerDescriptionComponent.html +1 -1
- package/docs/components/EuimSpinnerMessageComponent.html +1 -1
- package/docs/components/EuimToolbarActionItemsComponent.html +1 -1
- package/docs/components/EuimToolbarComponent.html +1 -1
- package/docs/components/EuimToolbarDatepickerComponent.html +116 -3
- package/docs/components/EuimToolbarTitleComponent.html +1 -1
- package/docs/components/EuimUserProfileComponent.html +89 -33
- package/docs/dependencies.html +6 -4
- package/docs/directives/EuimAlignCenterDirective.html +350 -0
- package/docs/directives/EuimAlignTopDirective.html +350 -0
- package/docs/directives/EuimCardImageDirective.html +51 -0
- package/docs/directives/EuimListHeaderDirective.html +432 -0
- package/docs/directives/EuimListItemNoPaddingsDirective.html +350 -0
- package/docs/directives/EuimMediaHeaderCustomContentDirective.html +350 -0
- package/docs/directives/EuimMinWidthDirective.html +383 -0
- package/docs/directives/EuimReadOnlyFormDirective.html +350 -0
- package/docs/directives/EuimReadOnlyFormLabelDirective.html +350 -0
- package/docs/directives/EuimReadOnlyFormValueDirective.html +350 -0
- package/docs/index.html +3 -3
- package/docs/interfaces/ActionBtnsIconsNames.html +348 -0
- package/docs/js/menu-wc.js +94 -12
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/miscellaneous/variables.html +9 -0
- package/docs/modules/EuimAllModule.html +54 -0
- package/docs/modules/EuimListHeaderModule.html +232 -0
- package/docs/modules/EuimMediaHeaderModule.html +13 -0
- package/docs/modules.html +12 -0
- package/esm2022/lib/components/atoms/euim-label/euim-label.component.mjs +4 -4
- package/esm2022/lib/components/atoms/euim-label/euim-label.module.mjs +4 -4
- package/esm2022/lib/components/atoms/euim-notification-item/euim-notification-item.component.mjs +4 -4
- package/esm2022/lib/components/atoms/euim-notification-item/euim-notification-item.module.mjs +4 -4
- package/esm2022/lib/components/base-states.directive.mjs +3 -3
- package/esm2022/lib/components/directives/euim-align-center/euim-align-center.directive.mjs +20 -0
- package/esm2022/lib/components/directives/euim-align-top/euim-align-top.directive.mjs +20 -0
- package/esm2022/lib/components/directives/euim-divider/euim-divider.directive.mjs +3 -3
- package/esm2022/lib/components/directives/euim-divider/euim-divider.module.mjs +4 -4
- package/esm2022/lib/components/directives/euim-list-header/euim-list-header.directive.mjs +27 -0
- package/esm2022/lib/components/directives/euim-list-header/euim-list-header.module.mjs +28 -0
- package/esm2022/lib/components/directives/euim-list-header/index.mjs +3 -0
- package/esm2022/lib/components/directives/euim-list-item/euim-list-item.directive.mjs +20 -0
- package/esm2022/lib/components/directives/euim-min-width/euim-min-width.directive.mjs +25 -0
- package/esm2022/lib/components/directives/euim-sidebar-footer/euim-sidebar-footer.directive.mjs +3 -3
- package/esm2022/lib/components/directives/euim-skeleton-text-avatar/euim-skeleton-text-avatar.directive.mjs +3 -3
- package/esm2022/lib/components/directives/euim-skeleton-text-avatar/euim-skeleton-text-avatar.module.mjs +4 -4
- package/esm2022/lib/components/directives/euim-toolbar-transparent/euim-toolbar-transparent.directive.mjs +3 -3
- package/esm2022/lib/components/euim-about/euim-about-content-loading/euim-about-content-loading.component.mjs +3 -3
- package/esm2022/lib/components/euim-about/euim-about.component.mjs +3 -3
- package/esm2022/lib/components/euim-about/euim-about.module.mjs +4 -4
- package/esm2022/lib/components/euim-about/euim-changelog/euim-changelog.component.mjs +4 -4
- package/esm2022/lib/components/euim-about/euim-help-support/euim-help-support.component.mjs +3 -3
- package/esm2022/lib/components/euim-about/euim-opensource-licences/euim-opensource-licences.component.mjs +3 -3
- package/esm2022/lib/components/euim-alert-message/euim-alert-message.module.mjs +4 -4
- package/esm2022/lib/components/euim-alert-message/euim-alert-messsage.component.mjs +4 -4
- package/esm2022/lib/components/euim-avatar/euim-avatar-badge/euim-avatar-badge.component.mjs +3 -3
- package/esm2022/lib/components/euim-avatar/euim-avatar-icon/euim-avatar-icon.component.mjs +3 -3
- package/esm2022/lib/components/euim-avatar/euim-avatar-icon-sub/euim-avatar-icon-sub.component.mjs +3 -3
- package/esm2022/lib/components/euim-avatar/euim-avatar-image/euim-avatar-image.component.mjs +3 -3
- package/esm2022/lib/components/euim-avatar/euim-avatar-text/euim-avatar-text.component.mjs +3 -3
- package/esm2022/lib/components/euim-avatar/euim-avatar.component.mjs +4 -4
- package/esm2022/lib/components/euim-avatar/euim-avatar.module.mjs +4 -4
- package/esm2022/lib/components/euim-badge/euim-badge.component.mjs +4 -4
- package/esm2022/lib/components/euim-badge/euim-badge.module.mjs +4 -4
- package/esm2022/lib/components/euim-card/euim-card-image/euim-card-image.directive.mjs +16 -6
- package/esm2022/lib/components/euim-card/euim-card.component.mjs +16 -7
- package/esm2022/lib/components/euim-card/euim-card.module.mjs +4 -4
- package/esm2022/lib/components/euim-card-list/euim-card-list.component.mjs +19 -8
- package/esm2022/lib/components/euim-card-list/euim-card-list.module.mjs +4 -4
- package/esm2022/lib/components/euim-chip-selector/euim-chip-selector-item/euim-chip-selector-item.directive.mjs +3 -3
- package/esm2022/lib/components/euim-chip-selector/euim-chip-selector.component.mjs +41 -9
- package/esm2022/lib/components/euim-chip-selector/euim-chip-selector.module.mjs +4 -4
- package/esm2022/lib/components/euim-data-summary/euim-data-summary-col/euim-data-summary-col.component.mjs +3 -3
- package/esm2022/lib/components/euim-data-summary/euim-data-summary-col-label/euim-data-summary-col-label.directive.mjs +3 -3
- package/esm2022/lib/components/euim-data-summary/euim-data-summary-col-value/euim-data-summary-col-value.directive.mjs +3 -3
- package/esm2022/lib/components/euim-data-summary/euim-data-summary.component.mjs +4 -4
- package/esm2022/lib/components/euim-data-summary/euim-data-summary.module.mjs +4 -4
- package/esm2022/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.component.mjs +3 -3
- package/esm2022/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.module.mjs +4 -4
- package/esm2022/lib/components/euim-media-header/euim-media-header-custom-content/euim-media-header-content.directive.mjs +20 -0
- package/esm2022/lib/components/euim-media-header/euim-media-header-image/euim-media-header-image.directive.mjs +3 -3
- package/esm2022/lib/components/euim-media-header/euim-media-header-sub-title/euim-media-header-sub-title.directive.mjs +3 -3
- package/esm2022/lib/components/euim-media-header/euim-media-header-title/euim-media-header-title.directive.mjs +3 -3
- package/esm2022/lib/components/euim-media-header/euim-media-header.component.mjs +9 -5
- package/esm2022/lib/components/euim-media-header/euim-media-header.module.mjs +11 -7
- package/esm2022/lib/components/euim-message/euim-message-title/euim-message-title.component.mjs +3 -3
- package/esm2022/lib/components/euim-message/euim-message.component.mjs +4 -4
- package/esm2022/lib/components/euim-message/euim-message.module.mjs +4 -4
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-all/euim-multiselect-all.directive.mjs +3 -3
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-filter/euim-multiselect-filter.component.mjs +3 -3
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-info/euim-multiselect-info.component.mjs +3 -3
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-list/euim-multiselect-list.component.mjs +3 -3
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-select-field/euim-multiselect-select-field.directive.mjs +3 -3
- package/esm2022/lib/components/euim-multiselect/euim-multiselect-toolbar/euim-multiselect-toolbar.component.mjs +3 -3
- package/esm2022/lib/components/euim-multiselect/euim-multiselect.component.mjs +3 -3
- package/esm2022/lib/components/euim-multiselect/euim-multiselect.module.mjs +4 -4
- package/esm2022/lib/components/euim-pdf-viewer/euim-pdf-viewer.component.mjs +21 -20
- package/esm2022/lib/components/euim-pdf-viewer/euim-pdf-viewer.module.mjs +9 -5
- package/esm2022/lib/components/euim-read-only-form/euim-read-only-form-label/euim-read-only-form-label.directive.mjs +20 -0
- package/esm2022/lib/components/euim-read-only-form/euim-read-only-form-value/euim-read-only-form-value.directive.mjs +20 -0
- package/esm2022/lib/components/euim-read-only-form/euim-read-only-form.directive.mjs +20 -0
- package/esm2022/lib/components/euim-scroller-x/euim-scroller-x.component.mjs +3 -3
- package/esm2022/lib/components/euim-scroller-x/euim-scroller-x.module.mjs +4 -4
- package/esm2022/lib/components/euim-skeleton-list/euim-skeleton-list.component.mjs +3 -3
- package/esm2022/lib/components/euim-skeleton-list/euim-skeleton-list.module.mjs +4 -4
- package/esm2022/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.mjs +3 -3
- package/esm2022/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.module.mjs +4 -4
- package/esm2022/lib/components/euim-slider-info-screen/euim-slide-info-screen/euim-slide-info-screen.component.mjs +3 -3
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen-content/euim-slider-info-screen-content.directive.mjs +3 -3
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen-sub-title/euim-slider-info-screen-sub-title.directive.mjs +3 -3
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen-title/euim-slider-info-screen-title.directive.mjs +3 -3
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.mjs +39 -10
- package/esm2022/lib/components/euim-slider-info-screen/euim-slider-info-screen.module.mjs +4 -4
- package/esm2022/lib/components/euim-spinner/euim-spinner-description/euim-spinner-description.component.mjs +3 -3
- package/esm2022/lib/components/euim-spinner/euim-spinner-message/euim-spinner-message.component.mjs +3 -3
- package/esm2022/lib/components/euim-spinner/euim-spinner.component.mjs +3 -3
- package/esm2022/lib/components/euim-spinner/euim-spinner.module.mjs +4 -4
- package/esm2022/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker-datetime/euim-toolbar-datepicker-datetime.directive.mjs +3 -3
- package/esm2022/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.component.mjs +32 -10
- package/esm2022/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.module.mjs +4 -4
- package/esm2022/lib/components/index.mjs +12 -3
- package/esm2022/lib/components/layout/euim-app/euim-app.component.mjs +3 -3
- package/esm2022/lib/components/layout/euim-app/euim-app.module.mjs +4 -4
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details-icon/euim-header-details-icon.directive.mjs +3 -3
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details-meta/euim-header-details-meta.directive.mjs +3 -3
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details-title/euim-header-details-title.directive.mjs +3 -3
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details.component.mjs +12 -7
- package/esm2022/lib/components/layout/euim-header-details/euim-header-details.module.mjs +4 -4
- package/esm2022/lib/components/layout/euim-language-selector/euim-language-list.component.mjs +3 -3
- package/esm2022/lib/components/layout/euim-language-selector/euim-language-selector.component.mjs +3 -3
- package/esm2022/lib/components/layout/euim-language-selector/euim-language-selector.module.mjs +4 -4
- package/esm2022/lib/components/layout/euim-sidebar/euim-sidebar-content/euim-sidebar-content.component.mjs +3 -3
- package/esm2022/lib/components/layout/euim-sidebar/euim-sidebar.component.mjs +4 -4
- package/esm2022/lib/components/layout/euim-sidebar/euim-sidebar.module.mjs +4 -4
- package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar-action-items/euim-toolbar-action-items.component.mjs +3 -3
- package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar-title/euim-toolbar-title.component.mjs +3 -3
- package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar.component.mjs +4 -4
- package/esm2022/lib/components/layout/euim-toolbar/euim-toolbar.module.mjs +4 -4
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile-action/euim-user-profile-action.component.mjs +3 -3
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile-avatar/euim-user-profile-avatar.component.mjs +3 -3
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile-infos/euim-user-profile-infos.component.mjs +19 -10
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile-infos-item/euim-user-profile-infos-item.component.mjs +3 -3
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile.component.mjs +17 -9
- package/esm2022/lib/components/layout/euim-user-profile/euim-user-profile.module.mjs +4 -4
- package/esm2022/lib/euim-all.module.mjs +35 -6
- package/esm2022/lib/services/euim-app.service.mjs +3 -3
- package/fesm2022/eui-mobile-core.mjs +857 -485
- package/fesm2022/eui-mobile-core.mjs.map +1 -1
- package/lib/components/atoms/euim-label/euim-label.component.d.ts.map +1 -1
- package/lib/components/base-states.directive.d.ts.map +1 -1
- package/lib/components/directives/euim-align-center/euim-align-center.directive.d.ts +7 -0
- package/lib/components/directives/euim-align-center/euim-align-center.directive.d.ts.map +1 -0
- package/lib/components/directives/euim-align-top/euim-align-top.directive.d.ts +7 -0
- package/lib/components/directives/euim-align-top/euim-align-top.directive.d.ts.map +1 -0
- package/lib/components/directives/euim-list-header/euim-list-header.directive.d.ts +9 -0
- package/lib/components/directives/euim-list-header/euim-list-header.directive.d.ts.map +1 -0
- package/lib/components/directives/euim-list-header/euim-list-header.module.d.ts +10 -0
- package/lib/components/directives/euim-list-header/euim-list-header.module.d.ts.map +1 -0
- package/lib/components/directives/euim-list-header/index.d.ts +3 -0
- package/lib/components/directives/euim-list-header/index.d.ts.map +1 -0
- package/lib/components/directives/euim-list-item/euim-list-item.directive.d.ts +7 -0
- package/lib/components/directives/euim-list-item/euim-list-item.directive.d.ts.map +1 -0
- package/lib/components/directives/euim-min-width/euim-min-width.directive.d.ts +10 -0
- package/lib/components/directives/euim-min-width/euim-min-width.directive.d.ts.map +1 -0
- package/lib/components/euim-alert-message/euim-alert-messsage.component.d.ts.map +1 -1
- package/lib/components/euim-card/euim-card-image/euim-card-image.directive.d.ts +3 -1
- package/lib/components/euim-card/euim-card-image/euim-card-image.directive.d.ts.map +1 -1
- package/lib/components/euim-card/euim-card.component.d.ts +7 -2
- package/lib/components/euim-card/euim-card.component.d.ts.map +1 -1
- package/lib/components/euim-card-list/euim-card-list.component.d.ts +4 -2
- package/lib/components/euim-card-list/euim-card-list.component.d.ts.map +1 -1
- package/lib/components/euim-chip-selector/euim-chip-selector-item/euim-chip-selector-item.directive.d.ts.map +1 -1
- package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts +9 -2
- package/lib/components/euim-chip-selector/euim-chip-selector.component.d.ts.map +1 -1
- package/lib/components/euim-empty-list-placeholder/euim-empty-list-placeholder.component.d.ts.map +1 -1
- package/lib/components/euim-media-header/euim-media-header-custom-content/euim-media-header-content.directive.d.ts +7 -0
- package/lib/components/euim-media-header/euim-media-header-custom-content/euim-media-header-content.directive.d.ts.map +1 -0
- package/lib/components/euim-media-header/euim-media-header.component.d.ts +3 -1
- package/lib/components/euim-media-header/euim-media-header.component.d.ts.map +1 -1
- package/lib/components/euim-media-header/euim-media-header.module.d.ts +2 -1
- package/lib/components/euim-media-header/euim-media-header.module.d.ts.map +1 -1
- package/lib/components/euim-multiselect/euim-multiselect-toolbar/euim-multiselect-toolbar.component.d.ts.map +1 -1
- package/lib/components/euim-multiselect/euim-multiselect.component.d.ts.map +1 -1
- package/lib/components/euim-pdf-viewer/euim-pdf-viewer.component.d.ts +3 -1
- package/lib/components/euim-pdf-viewer/euim-pdf-viewer.component.d.ts.map +1 -1
- package/lib/components/euim-pdf-viewer/euim-pdf-viewer.module.d.ts +6 -5
- package/lib/components/euim-pdf-viewer/euim-pdf-viewer.module.d.ts.map +1 -1
- package/lib/components/euim-read-only-form/euim-read-only-form-label/euim-read-only-form-label.directive.d.ts +7 -0
- package/lib/components/euim-read-only-form/euim-read-only-form-label/euim-read-only-form-label.directive.d.ts.map +1 -0
- package/lib/components/euim-read-only-form/euim-read-only-form-value/euim-read-only-form-value.directive.d.ts +7 -0
- package/lib/components/euim-read-only-form/euim-read-only-form-value/euim-read-only-form-value.directive.d.ts.map +1 -0
- package/lib/components/euim-read-only-form/euim-read-only-form.directive.d.ts +7 -0
- package/lib/components/euim-read-only-form/euim-read-only-form.directive.d.ts.map +1 -0
- package/lib/components/euim-skeleton-list-item/euim-skeleton-list-item.component.d.ts.map +1 -1
- package/lib/components/euim-slider-info-screen/euim-slider-info-screen-content/euim-slider-info-screen-content.directive.d.ts.map +1 -1
- package/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.d.ts +11 -2
- package/lib/components/euim-slider-info-screen/euim-slider-info-screen.component.d.ts.map +1 -1
- package/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.component.d.ts +6 -2
- package/lib/components/euim-toolbar-datepicker/euim-toolbar-datepicker.component.d.ts.map +1 -1
- package/lib/components/index.d.ts +11 -2
- package/lib/components/index.d.ts.map +1 -1
- package/lib/components/layout/euim-header-details/euim-header-details.component.d.ts +4 -1
- package/lib/components/layout/euim-header-details/euim-header-details.component.d.ts.map +1 -1
- package/lib/components/layout/euim-toolbar/euim-toolbar.component.d.ts.map +1 -1
- package/lib/components/layout/euim-user-profile/euim-user-profile-infos/euim-user-profile-infos.component.d.ts +4 -2
- package/lib/components/layout/euim-user-profile/euim-user-profile-infos/euim-user-profile-infos.component.d.ts.map +1 -1
- package/lib/components/layout/euim-user-profile/euim-user-profile.component.d.ts +4 -2
- package/lib/components/layout/euim-user-profile/euim-user-profile.component.d.ts.map +1 -1
- package/lib/euim-all.module.d.ts +13 -4
- package/lib/euim-all.module.d.ts.map +1 -1
- package/package.json +2 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { EuiEuLanguages } from '@eui/base';
|
|
2
2
|
export * from '@eui/base';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { Injectable, booleanAttribute, Directive, Input, numberAttribute, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, NgModule, EventEmitter, Output, ContentChildren, ViewChild, HostListener
|
|
4
|
+
import { Injectable, booleanAttribute, Directive, Input, numberAttribute, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, NgModule, EventEmitter, Output, ContentChildren, ContentChild, ViewChild, HostListener } from '@angular/core';
|
|
5
5
|
import { BehaviorSubject, Subject, throwError } from 'rxjs';
|
|
6
6
|
import * as i2$1 from '@angular/common';
|
|
7
7
|
import { CommonModule } from '@angular/common';
|
|
@@ -16,7 +16,9 @@ import * as i1$2 from '@angular/router';
|
|
|
16
16
|
import { NavigationEnd, RouterModule } from '@angular/router';
|
|
17
17
|
import * as i2$2 from '@angular/common/http';
|
|
18
18
|
import { HttpClientModule } from '@angular/common/http';
|
|
19
|
-
import * as i3 from '
|
|
19
|
+
import * as i3 from 'ng2-pdf-viewer';
|
|
20
|
+
import { PdfViewerModule } from 'ng2-pdf-viewer';
|
|
21
|
+
import * as i4 from '@mapaxe/ngx-pinch-zoom';
|
|
20
22
|
import { PinchZoomModule } from '@mapaxe/ngx-pinch-zoom';
|
|
21
23
|
import * as i2$3 from 'angularx-qrcode';
|
|
22
24
|
import { QRCodeModule } from 'angularx-qrcode';
|
|
@@ -48,10 +50,10 @@ class EuimAppService {
|
|
|
48
50
|
...nextState,
|
|
49
51
|
});
|
|
50
52
|
}
|
|
51
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
52
|
-
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.
|
|
53
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAppService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
54
|
+
/** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAppService, providedIn: 'root' }); }
|
|
53
55
|
}
|
|
54
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAppService, decorators: [{
|
|
55
57
|
type: Injectable,
|
|
56
58
|
args: [{ providedIn: 'root' }]
|
|
57
59
|
}], ctorParameters: () => [] });
|
|
@@ -130,10 +132,10 @@ class BaseStatesDirective {
|
|
|
130
132
|
.join(' ')
|
|
131
133
|
.trim();
|
|
132
134
|
}
|
|
133
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
134
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.
|
|
135
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: BaseStatesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
136
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.8", type: BaseStatesDirective, isStandalone: true, selector: "[euimBase]", inputs: { color: "color", euimDisabled: ["euimDisabled", "euimDisabled", booleanAttribute], euimPositionTopEnd: ["euimPositionTopEnd", "euimPositionTopEnd", booleanAttribute], euimFontBold: ["euimFontBold", "euimFontBold", booleanAttribute], euimFontRegular: ["euimFontRegular", "euimFontRegular", booleanAttribute], euimFontBoldItalic: ["euimFontBoldItalic", "euimFontBoldItalic", booleanAttribute], euimFontItalic: ["euimFontItalic", "euimFontItalic", booleanAttribute], euimFontLight: ["euimFontLight", "euimFontLight", booleanAttribute], euimSize2XS: ["euimSize2XS", "euimSize2XS", booleanAttribute], euimSizeXS: ["euimSizeXS", "euimSizeXS", booleanAttribute], euimSizeS: ["euimSizeS", "euimSizeS", booleanAttribute], euimSizeM: ["euimSizeM", "euimSizeM", booleanAttribute], euimSizeL: ["euimSizeL", "euimSizeL", booleanAttribute], euimSizeXL: ["euimSizeXL", "euimSizeXL", booleanAttribute], euimSize2XL: ["euimSize2XL", "euimSize2XL", booleanAttribute], euimSize3XL: ["euimSize3XL", "euimSize3XL", booleanAttribute], euimSize4XL: ["euimSize4XL", "euimSize4XL", booleanAttribute], euimSize5XL: ["euimSize5XL", "euimSize5XL", booleanAttribute], euimSizeVariant: "euimSizeVariant" }, host: { properties: { "attr.aria-disabled": "this.euimDisabled.toString()" } }, ngImport: i0 }); }
|
|
135
137
|
}
|
|
136
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
138
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: BaseStatesDirective, decorators: [{
|
|
137
139
|
type: Directive,
|
|
138
140
|
args: [{
|
|
139
141
|
standalone: true,
|
|
@@ -224,10 +226,10 @@ class EuimLabelComponent {
|
|
|
224
226
|
this.euimLabelTruncateWithLines > 0 ? 'euim-label__euiTextTruncateWithLines euim-label__truncate' : '',
|
|
225
227
|
].join(' ');
|
|
226
228
|
}
|
|
227
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
228
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.
|
|
229
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLabelComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
230
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.8", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: { euimLabelTruncateWithLines: ["euimLabelTruncateWithLines", "euimLabelTruncateWithLines", numberAttribute], euimLabelTitle: ["euimLabelTitle", "euimLabelTitle", booleanAttribute], euimLabelSubTitle: ["euimLabelSubTitle", "euimLabelSubTitle", booleanAttribute], euimLabelMeta: ["euimLabelMeta", "euimLabelMeta", booleanAttribute], euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute], euimLabelTextWrap: ["euimLabelTextWrap", "euimLabelTextWrap", booleanAttribute] }, host: { properties: { "style.--euimLabelTruncateWithLines": "this.euimLabelTruncateWithLines", "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSize2XS", "euimSize2XS", "euimSizeXS", "euimSizeXS", "euimSizeS", "euimSizeS", "euimSizeM", "euimSizeM", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "euimSize2XL", "euimSize2XL", "euimSize3XL", "euimSize3XL", "euimSize4XL", "euimSize4XL", "color", "color"] }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-c-neutral);font:var(--eui-f-m)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-s-2xs)}.euim-label__title{font:var(--eui-f-m-bold);color:var(--eui-c-text)}.euim-label__title ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s);color:var(--eui-bc-neutral-80)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-s-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-c-primary)}.euim-label--secondary{color:var(--eui-bc-neutral-60)}.euim-label--default{color:var(--eui-bc-neutral-80)}.euim-label--dark{color:var(--eui-bc-neutral-100)}.euim-label--info{color:var(--eui-c-info)}.euim-label--success{color:var(--eui-c-success)}.euim-label--warning{color:var(--eui-c-warning)}.euim-label--warning ion-icon{color:var(--eui-c-warning)}.euim-label--danger{color:var(--eui-c-danger)}.euim-label--accent{color:var(--eui-bc-accent-100)}.euim-label--white{color:var(--eui-bc-neutral-0)}.euim-label--size-2xs{font:var(--eui-f-2xs)}.euim-label--size-xs{font:var(--eui-f-xs)}.euim-label--size-s{font:var(--eui-f-s)}.euim-label--size-m{font:var(--eui-f-m)}.euim-label--size-l{font:var(--eui-f-l)}.euim-label--size-xl{font:var(--eui-f-xl)}.euim-label--size-2xl{font:var(--eui-f-2xl)}.euim-label--size-3xl{font:var(--eui-f-3xl)}.euim-label--size-4xl{font:var(--eui-f-4xl)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
229
231
|
}
|
|
230
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
232
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLabelComponent, decorators: [{
|
|
231
233
|
type: Component,
|
|
232
234
|
args: [{ selector: 'div[euimLabel], p[euimLabel], span[euimLabel], euim-label', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
233
235
|
{
|
|
@@ -245,7 +247,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
245
247
|
'color',
|
|
246
248
|
],
|
|
247
249
|
},
|
|
248
|
-
], styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-
|
|
250
|
+
], styles: [".euim-label{display:block;align-items:center;margin:0;padding:0;color:var(--eui-c-neutral);font:var(--eui-f-m)}.euim-label ion-icon{vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-label :not(ion-icon:first-child){margin-left:var(--eui-s-2xs)}.euim-label__title{font:var(--eui-f-m-bold);color:var(--eui-c-text)}.euim-label__title ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s);color:var(--eui-bc-neutral-80)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-s-2xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-c-primary)}.euim-label--secondary{color:var(--eui-bc-neutral-60)}.euim-label--default{color:var(--eui-bc-neutral-80)}.euim-label--dark{color:var(--eui-bc-neutral-100)}.euim-label--info{color:var(--eui-c-info)}.euim-label--success{color:var(--eui-c-success)}.euim-label--warning{color:var(--eui-c-warning)}.euim-label--warning ion-icon{color:var(--eui-c-warning)}.euim-label--danger{color:var(--eui-c-danger)}.euim-label--accent{color:var(--eui-bc-accent-100)}.euim-label--white{color:var(--eui-bc-neutral-0)}.euim-label--size-2xs{font:var(--eui-f-2xs)}.euim-label--size-xs{font:var(--eui-f-xs)}.euim-label--size-s{font:var(--eui-f-s)}.euim-label--size-m{font:var(--eui-f-m)}.euim-label--size-l{font:var(--eui-f-l)}.euim-label--size-xl{font:var(--eui-f-xl)}.euim-label--size-2xl{font:var(--eui-f-2xl)}.euim-label--size-3xl{font:var(--eui-f-3xl)}.euim-label--size-4xl{font:var(--eui-f-4xl)}\n"] }]
|
|
249
251
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimLabelTruncateWithLines: [{
|
|
250
252
|
type: HostBinding,
|
|
251
253
|
args: ['style.--euimLabelTruncateWithLines']
|
|
@@ -273,13 +275,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
273
275
|
}] } });
|
|
274
276
|
|
|
275
277
|
class EuimLabelModule {
|
|
276
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
277
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
278
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLabelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
279
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimLabelModule, declarations: [EuimLabelComponent], imports: [CommonModule,
|
|
278
280
|
IonicModule], exports: [EuimLabelComponent] }); }
|
|
279
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
281
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLabelModule, imports: [CommonModule,
|
|
280
282
|
IonicModule] }); }
|
|
281
283
|
}
|
|
282
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
284
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLabelModule, decorators: [{
|
|
283
285
|
type: NgModule,
|
|
284
286
|
args: [{
|
|
285
287
|
imports: [
|
|
@@ -307,10 +309,10 @@ class EuimNotificationItemComponent {
|
|
|
307
309
|
this.baseStatesDirective.getCssClasses('euim-notification-item'),
|
|
308
310
|
].join(' ');
|
|
309
311
|
}
|
|
310
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
311
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
312
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimNotificationItemComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
313
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimNotificationItemComponent, selector: "euim-notification-item", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "", styles: [".euim-notification-item{display:block;border-radius:50%;width:var(--eui-s-xs);height:var(--eui-s-xs)}.euim-notification-item--primary{background:var(--eui-c-primary)}.euim-notification-item--secondary{background:var(--eui-c-neutral)}.euim-notification-item--info{background:var(--eui-c-info)}.euim-notification-item--success{background:var(--eui-c-success)}.euim-notification-item--warning{background:var(--eui-c-warning)}.euim-notification-item--danger{background:var(--eui-c-danger)}.euim-notification-item--accent{background:var(--eui-bc-accent-100)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
312
314
|
}
|
|
313
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
315
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimNotificationItemComponent, decorators: [{
|
|
314
316
|
type: Component,
|
|
315
317
|
args: [{ selector: 'euim-notification-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
316
318
|
{
|
|
@@ -319,20 +321,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
319
321
|
'color',
|
|
320
322
|
],
|
|
321
323
|
},
|
|
322
|
-
], 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-
|
|
324
|
+
], template: "", styles: [".euim-notification-item{display:block;border-radius:50%;width:var(--eui-s-xs);height:var(--eui-s-xs)}.euim-notification-item--primary{background:var(--eui-c-primary)}.euim-notification-item--secondary{background:var(--eui-c-neutral)}.euim-notification-item--info{background:var(--eui-c-info)}.euim-notification-item--success{background:var(--eui-c-success)}.euim-notification-item--warning{background:var(--eui-c-warning)}.euim-notification-item--danger{background:var(--eui-c-danger)}.euim-notification-item--accent{background:var(--eui-bc-accent-100)}\n"] }]
|
|
323
325
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
324
326
|
type: HostBinding,
|
|
325
327
|
args: ['class']
|
|
326
328
|
}] } });
|
|
327
329
|
|
|
328
330
|
class EuimNotificationItemModule {
|
|
329
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
330
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
331
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimNotificationItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
332
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimNotificationItemModule, declarations: [EuimNotificationItemComponent], imports: [CommonModule,
|
|
331
333
|
IonicModule], exports: [EuimNotificationItemComponent] }); }
|
|
332
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
334
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimNotificationItemModule, imports: [CommonModule,
|
|
333
335
|
IonicModule] }); }
|
|
334
336
|
}
|
|
335
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
337
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimNotificationItemModule, decorators: [{
|
|
336
338
|
type: NgModule,
|
|
337
339
|
args: [{
|
|
338
340
|
imports: [
|
|
@@ -353,10 +355,10 @@ class EuimAppComponent {
|
|
|
353
355
|
this.asService = asService;
|
|
354
356
|
this.ionMenuId = 'main';
|
|
355
357
|
}
|
|
356
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
357
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
358
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAppComponent, deps: [{ token: EuimAppService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
359
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimAppComponent, selector: "euim-app", inputs: { ionMenuId: "ionMenuId" }, ngImport: i0, template: "<ion-app>\n <ng-content></ng-content>\n <ion-router-outlet id=\"{{ionMenuId}}\"></ion-router-outlet>\n</ion-app>\n", dependencies: [{ kind: "component", type: i1.IonApp, selector: "ion-app" }, { kind: "component", type: i1.IonRouterOutlet, selector: "ion-router-outlet" }] }); }
|
|
358
360
|
}
|
|
359
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
361
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAppComponent, decorators: [{
|
|
360
362
|
type: Component,
|
|
361
363
|
args: [{ selector: 'euim-app', template: "<ion-app>\n <ng-content></ng-content>\n <ion-router-outlet id=\"{{ionMenuId}}\"></ion-router-outlet>\n</ion-app>\n" }]
|
|
362
364
|
}], ctorParameters: () => [{ type: EuimAppService }], propDecorators: { ionMenuId: [{
|
|
@@ -384,12 +386,12 @@ class EuimAvatarComponent {
|
|
|
384
386
|
this.borderColor ? `euim-avatar--border-color-${this.borderColor}` : '',
|
|
385
387
|
].join(' ');
|
|
386
388
|
}
|
|
387
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
388
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
389
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
390
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimAvatarComponent, selector: "euim-avatar", inputs: { color: "color", size: "size", fill: "fill", variant: "variant", borderColor: "borderColor" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content select=\"euim-avatar-icon\"></ng-content>\n<ng-content select=\"euim-avatar-text\"></ng-content>\n<ng-content select=\"euim-avatar-image\"></ng-content>\n<ng-content select=\"euim-avatar-badge\"></ng-content>\n<ng-content select=\"euim-avatar-icon-sub\"></ng-content>\n", styles: [".euim-avatar{position:relative;display:flex;justify-content:center;align-items:center;color:var(--eui-bc-neutral-100);border:none;box-sizing:border-box}.euim-avatar--variant-default,.euim-avatar--variant-rounded{border-radius:50%}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar__sub-icon .euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid;border-color:var(--eui-c-white)}.euim-avatar--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar--color-default{background-color:var(--eui-bc-neutral-20);border-color:var(--eui-bc-neutral-20);color:var(--eui-bc-neutral-100)}.euim-avatar--color-dark{background-color:var(--eui-bc-neutral-100);border-color:var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-avatar--color-primary{background-color:var(--eui-bc-primary-100);border-color:var(--eui-bc-primary-100);color:var(--eui-bc-primary-100-contrast)}.euim-avatar--color-info{background-color:var(--eui-bc-info-100);border-color:var(--eui-bc-info-100);color:var(--eui-bc-info-100-contrast)}.euim-avatar--color-success{background-color:var(--eui-bc-success-100);border-color:var(--eui-bc-success-100);color:var(--eui-bc-success-100-contrast)}.euim-avatar--color-warning{background-color:var(--eui-bc-warning-100);border-color:var(--eui-bc-warning-100);color:var(--eui-bc-warning-100-contrast)}.euim-avatar--color-danger{background-color:var(--eui-bc-danger-100);border-color:var(--eui-bc-danger-100);color:var(--eui-bc-danger-100-contrast)}.euim-avatar--border-color-primary{border-color:var(--eui-bc-primary-100)}.euim-avatar--border-color-info{border-color:var(--eui-bc-info-100)}.euim-avatar--border-color-success{border-color:var(--eui-bc-success-100)}.euim-avatar--border-color-warning{border-color:var(--eui-bc-warning-100)}.euim-avatar--border-color-danger{border-color:var(--eui-bc-danger-100)}.euim-avatar--color-primary.euim-avatar--fill-outline,.euim-avatar--color-primary.euim-avatar--fill-clear,.euim-avatar--color-info.euim-avatar--fill-outline,.euim-avatar--color-info.euim-avatar--fill-clear{color:var(--eui-bc-primary-100)}.euim-avatar--color-success.euim-avatar--fill-outline,.euim-avatar--color-success.euim-avatar--fill-clear{color:var(--eui-bc-success-100)}.euim-avatar--color-warning.euim-avatar--fill-outline,.euim-avatar--color-warning.euim-avatar--fill-clear{color:var(--eui-bc-warning-100)}.euim-avatar--color-danger.euim-avatar--fill-outline,.euim-avatar--color-danger.euim-avatar--fill-clear{color:var(--eui-bc-danger-100)}.euim-avatar--color-default.euim-avatar--fill-outline,.euim-avatar--color-default.euim-avatar--fill-clear{color:var(--eui-bc-neutral-100)}.euim-avatar[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-s-m)}.euim-avatar[slot=start] euim-avatar{margin-inline-end:0}.euim-avatar[slot=end] euim-avatar{margin-inline-start:0}.euim-avatar--size-default,.euim-avatar--size-auto{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar--size-default ion-icon,.euim-avatar--size-auto ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar--size-m{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar--size-m ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar--size-s{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar--size-s ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar--size-l{width:var(--eui-s-4xl);height:var(--eui-s-4xl);font-size:var(--eui-f-size-2xl)}.euim-avatar--size-l ion-icon{width:var(--eui-s-2xl);height:var(--eui-s-2xl)}.euim-avatar--fill-default,.euim-avatar--fill-solid{border:none}.euim-avatar--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar--fill-clear{background-color:transparent!important;border:none}.euim-avatar--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px;align-items:center;justify-content:center}.euim-avatar-icon-sub--variant-default,.euim-avatar-icon-sub--variant-rounded{border-radius:50%}.euim-avatar-icon-sub--variant-rectangle{border-radius:0}.euim-avatar-icon-sub--size-default,.euim-avatar-icon-sub--size-auto{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar-icon-sub--size-default ion-icon,.euim-avatar-icon-sub--size-auto ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar-icon-sub--size-m{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar-icon-sub--size-m ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar-icon-sub--size-s{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar-icon-sub--size-s ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar-icon-sub--size-l{width:var(--eui-s-4xl);height:var(--eui-s-4xl);font-size:var(--eui-f-size-2xl)}.euim-avatar-icon-sub--size-l ion-icon{width:var(--eui-s-2xl);height:var(--eui-s-2xl)}.euim-avatar-icon-sub--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar-icon-sub--color-default{background-color:var(--eui-bc-neutral-20);border-color:var(--eui-c-white);color:var(--eui-c-neutral)}.euim-avatar-icon-sub--color-dark{background-color:var(--eui-bc-neutral-100);border-color:var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-avatar-icon-sub--color-primary{background-color:var(--eui-bc-primary-100);border-color:var(--eui-bc-primary-100);color:var(--eui-bc-primary-100-contrast)}.euim-avatar-icon-sub--color-info{background-color:var(--eui-bc-info-100);border-color:var(--eui-bc-info-100);color:var(--eui-bc-info-100-contrast)}.euim-avatar-icon-sub--color-success{background-color:var(--eui-bc-success-100);border-color:var(--eui-bc-success-100);color:var(--eui-bc-success-100-contrast)}.euim-avatar-icon-sub--color-warning{background-color:var(--eui-bc-warning-100);border-color:var(--eui-bc-warning-100);color:var(--eui-bc-warning-100-contrast)}.euim-avatar-icon-sub--color-danger{background-color:var(--eui-bc-danger-100);border-color:var(--eui-bc-danger-100);color:var(--eui-bc-danger-100-contrast)}.euim-avatar-icon-sub--border-color-primary{border-color:var(--eui-bc-primary-100)}.euim-avatar-icon-sub--border-color-info{border-color:var(--eui-bc-info-100)}.euim-avatar-icon-sub--border-color-success{border-color:var(--eui-bc-success-100)}.euim-avatar-icon-sub--border-color-warning{border-color:var(--eui-bc-warning-100)}.euim-avatar-icon-sub--border-color-danger{border-color:var(--eui-bc-danger-100)}.euim-avatar-icon-sub--fill-default,.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-clear{background-color:transparent!important;border:none}.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon{display:flex;align-items:center;justify-content:center}.euim-avatar-badge--position-top,.euim-avatar-badge--position-default{position:absolute;right:calc(-1 * var(--eui-s-l) / 2);top:calc(-1 * var(--eui-s-xl) / 2)}.euim-avatar--variant-default .euim-avatar-image,.euim-avatar--variant-rounded .euim-avatar-image{background-size:cover;height:100%;width:100%}.euim-avatar--variant-default .euim-avatar-image img,.euim-avatar--variant-rounded .euim-avatar-image img{object-fit:cover;border-radius:var(--eui-br-max);height:100%;width:100%}.euim-avatar-text--color-default{color:var(--eui-bc-grey-100)}.euim-avatar-text--color-primary{color:var(--eui-bc-primary-100)}.euim-avatar-text--color-info{color:var(--eui-bc-info-100)}.euim-avatar-text--color-success{color:var(--eui-bc-success-100)}.euim-avatar-text--color-warning{color:var(--eui-bc-warning-100)}.euim-avatar-text--color-danger{color:var(--eui-bc-danger-100)}.euim-avatar--size-default .euim-avatar-text,.euim-avatar--size-l .euim-avatar-text{font:var(--eui-f-m)}.euim-avatar--size-m .euim-avatar-text{font:var(--eui-f-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
389
391
|
}
|
|
390
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
392
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarComponent, decorators: [{
|
|
391
393
|
type: Component,
|
|
392
|
-
args: [{ selector: 'euim-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"euim-avatar-icon\"></ng-content>\n<ng-content select=\"euim-avatar-text\"></ng-content>\n<ng-content select=\"euim-avatar-image\"></ng-content>\n<ng-content select=\"euim-avatar-badge\"></ng-content>\n<ng-content select=\"euim-avatar-icon-sub\"></ng-content>\n", styles: [".euim-avatar{position:relative;display:flex;justify-content:center;align-items:center;color:var(--eui-bc-neutral-100);border:none;box-sizing:border-box}.euim-avatar--variant-default,.euim-avatar--variant-rounded{border-radius:50%}.euim-avatar--
|
|
394
|
+
args: [{ selector: 'euim-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"euim-avatar-icon\"></ng-content>\n<ng-content select=\"euim-avatar-text\"></ng-content>\n<ng-content select=\"euim-avatar-image\"></ng-content>\n<ng-content select=\"euim-avatar-badge\"></ng-content>\n<ng-content select=\"euim-avatar-icon-sub\"></ng-content>\n", styles: [".euim-avatar{position:relative;display:flex;justify-content:center;align-items:center;color:var(--eui-bc-neutral-100);border:none;box-sizing:border-box}.euim-avatar--variant-default,.euim-avatar--variant-rounded{border-radius:50%}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar__sub-icon .euim-avatar-icon--fill-outline-solid{border-width:2px;border-style:solid;border-color:var(--eui-c-white)}.euim-avatar--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar--color-default{background-color:var(--eui-bc-neutral-20);border-color:var(--eui-bc-neutral-20);color:var(--eui-bc-neutral-100)}.euim-avatar--color-dark{background-color:var(--eui-bc-neutral-100);border-color:var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-avatar--color-primary{background-color:var(--eui-bc-primary-100);border-color:var(--eui-bc-primary-100);color:var(--eui-bc-primary-100-contrast)}.euim-avatar--color-info{background-color:var(--eui-bc-info-100);border-color:var(--eui-bc-info-100);color:var(--eui-bc-info-100-contrast)}.euim-avatar--color-success{background-color:var(--eui-bc-success-100);border-color:var(--eui-bc-success-100);color:var(--eui-bc-success-100-contrast)}.euim-avatar--color-warning{background-color:var(--eui-bc-warning-100);border-color:var(--eui-bc-warning-100);color:var(--eui-bc-warning-100-contrast)}.euim-avatar--color-danger{background-color:var(--eui-bc-danger-100);border-color:var(--eui-bc-danger-100);color:var(--eui-bc-danger-100-contrast)}.euim-avatar--border-color-primary{border-color:var(--eui-bc-primary-100)}.euim-avatar--border-color-info{border-color:var(--eui-bc-info-100)}.euim-avatar--border-color-success{border-color:var(--eui-bc-success-100)}.euim-avatar--border-color-warning{border-color:var(--eui-bc-warning-100)}.euim-avatar--border-color-danger{border-color:var(--eui-bc-danger-100)}.euim-avatar--color-primary.euim-avatar--fill-outline,.euim-avatar--color-primary.euim-avatar--fill-clear,.euim-avatar--color-info.euim-avatar--fill-outline,.euim-avatar--color-info.euim-avatar--fill-clear{color:var(--eui-bc-primary-100)}.euim-avatar--color-success.euim-avatar--fill-outline,.euim-avatar--color-success.euim-avatar--fill-clear{color:var(--eui-bc-success-100)}.euim-avatar--color-warning.euim-avatar--fill-outline,.euim-avatar--color-warning.euim-avatar--fill-clear{color:var(--eui-bc-warning-100)}.euim-avatar--color-danger.euim-avatar--fill-outline,.euim-avatar--color-danger.euim-avatar--fill-clear{color:var(--eui-bc-danger-100)}.euim-avatar--color-default.euim-avatar--fill-outline,.euim-avatar--color-default.euim-avatar--fill-clear{color:var(--eui-bc-neutral-100)}.euim-avatar[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-s-m)}.euim-avatar[slot=start] euim-avatar{margin-inline-end:0}.euim-avatar[slot=end] euim-avatar{margin-inline-start:0}.euim-avatar--size-default,.euim-avatar--size-auto{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar--size-default ion-icon,.euim-avatar--size-auto ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar--size-m{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar--size-m ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar--size-s{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar--size-s ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar--size-l{width:var(--eui-s-4xl);height:var(--eui-s-4xl);font-size:var(--eui-f-size-2xl)}.euim-avatar--size-l ion-icon{width:var(--eui-s-2xl);height:var(--eui-s-2xl)}.euim-avatar--fill-default,.euim-avatar--fill-solid{border:none}.euim-avatar--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar--fill-clear{background-color:transparent!important;border:none}.euim-avatar--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px;align-items:center;justify-content:center}.euim-avatar-icon-sub--variant-default,.euim-avatar-icon-sub--variant-rounded{border-radius:50%}.euim-avatar-icon-sub--variant-rectangle{border-radius:0}.euim-avatar-icon-sub--size-default,.euim-avatar-icon-sub--size-auto{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar-icon-sub--size-default ion-icon,.euim-avatar-icon-sub--size-auto ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar-icon-sub--size-m{width:var(--eui-s-2xl);height:var(--eui-s-2xl);font-size:var(--eui-f-size-l)}.euim-avatar-icon-sub--size-m ion-icon{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-avatar-icon-sub--size-s{width:var(--eui-s-l);height:var(--eui-s-l);font-size:var(--eui-f-size-m)}.euim-avatar-icon-sub--size-s ion-icon{width:var(--eui-s-m);height:var(--eui-s-m)}.euim-avatar-icon-sub--size-l{width:var(--eui-s-4xl);height:var(--eui-s-4xl);font-size:var(--eui-f-size-2xl)}.euim-avatar-icon-sub--size-l ion-icon{width:var(--eui-s-2xl);height:var(--eui-s-2xl)}.euim-avatar-icon-sub--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar-icon-sub--color-default{background-color:var(--eui-bc-neutral-20);border-color:var(--eui-c-white);color:var(--eui-c-neutral)}.euim-avatar-icon-sub--color-dark{background-color:var(--eui-bc-neutral-100);border-color:var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-avatar-icon-sub--color-primary{background-color:var(--eui-bc-primary-100);border-color:var(--eui-bc-primary-100);color:var(--eui-bc-primary-100-contrast)}.euim-avatar-icon-sub--color-info{background-color:var(--eui-bc-info-100);border-color:var(--eui-bc-info-100);color:var(--eui-bc-info-100-contrast)}.euim-avatar-icon-sub--color-success{background-color:var(--eui-bc-success-100);border-color:var(--eui-bc-success-100);color:var(--eui-bc-success-100-contrast)}.euim-avatar-icon-sub--color-warning{background-color:var(--eui-bc-warning-100);border-color:var(--eui-bc-warning-100);color:var(--eui-bc-warning-100-contrast)}.euim-avatar-icon-sub--color-danger{background-color:var(--eui-bc-danger-100);border-color:var(--eui-bc-danger-100);color:var(--eui-bc-danger-100-contrast)}.euim-avatar-icon-sub--border-color-primary{border-color:var(--eui-bc-primary-100)}.euim-avatar-icon-sub--border-color-info{border-color:var(--eui-bc-info-100)}.euim-avatar-icon-sub--border-color-success{border-color:var(--eui-bc-success-100)}.euim-avatar-icon-sub--border-color-warning{border-color:var(--eui-bc-warning-100)}.euim-avatar-icon-sub--border-color-danger{border-color:var(--eui-bc-danger-100)}.euim-avatar-icon-sub--fill-default,.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-outline{background-color:transparent!important;border-width:2px;border-style:solid}.euim-avatar-icon-sub--fill-clear{background-color:transparent!important;border:none}.euim-avatar-icon-sub--fill-outline-solid{border-width:2px;border-style:solid}.euim-avatar-icon{display:flex;align-items:center;justify-content:center}.euim-avatar-badge--position-top,.euim-avatar-badge--position-default{position:absolute;right:calc(-1 * var(--eui-s-l) / 2);top:calc(-1 * var(--eui-s-xl) / 2)}.euim-avatar--variant-default .euim-avatar-image,.euim-avatar--variant-rounded .euim-avatar-image{background-size:cover;height:100%;width:100%}.euim-avatar--variant-default .euim-avatar-image img,.euim-avatar--variant-rounded .euim-avatar-image img{object-fit:cover;border-radius:var(--eui-br-max);height:100%;width:100%}.euim-avatar-text--color-default{color:var(--eui-bc-grey-100)}.euim-avatar-text--color-primary{color:var(--eui-bc-primary-100)}.euim-avatar-text--color-info{color:var(--eui-bc-info-100)}.euim-avatar-text--color-success{color:var(--eui-bc-success-100)}.euim-avatar-text--color-warning{color:var(--eui-bc-warning-100)}.euim-avatar-text--color-danger{color:var(--eui-bc-danger-100)}.euim-avatar--size-default .euim-avatar-text,.euim-avatar--size-l .euim-avatar-text{font:var(--eui-f-m)}.euim-avatar--size-m .euim-avatar-text{font:var(--eui-f-xs)}\n"] }]
|
|
393
395
|
}], propDecorators: { color: [{
|
|
394
396
|
type: Input
|
|
395
397
|
}], size: [{
|
|
@@ -409,10 +411,10 @@ class EuimAvatarIconComponent {
|
|
|
409
411
|
constructor() {
|
|
410
412
|
this.string = 'euim-avatar-icon';
|
|
411
413
|
}
|
|
412
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
413
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
414
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
415
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimAvatarIconComponent, selector: "euim-avatar-icon", host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
|
|
414
416
|
}
|
|
415
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
417
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarIconComponent, decorators: [{
|
|
416
418
|
type: Component,
|
|
417
419
|
args: [{ selector: 'euim-avatar-icon', template: "<ng-content></ng-content>\n" }]
|
|
418
420
|
}], propDecorators: { string: [{
|
|
@@ -432,10 +434,10 @@ class EuimEmptyListPlaceholderComponent {
|
|
|
432
434
|
this.euimMarginBottomSmall ? 'euim-empty-list-placeholder--margin-bottom-small' : '',
|
|
433
435
|
].join(' ');
|
|
434
436
|
}
|
|
435
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
436
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
437
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimEmptyListPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
438
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimEmptyListPlaceholderComponent, selector: "euim-empty-list-placeholder", inputs: { message: "message", icon: "icon", description: "description", button: "button", euimMarginTopLarge: ["euimMarginTopLarge", "euimMarginTopLarge", booleanAttribute], euimMarginTopSmall: ["euimMarginTopSmall", "euimMarginTopSmall", booleanAttribute], euimMarginBottomSmall: ["euimMarginBottomSmall", "euimMarginBottomSmall", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "@if (icon) {\n <ion-icon [name]=\"icon\" size=\"large\" class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if ((!icon && !message && !description)) {\n <ion-icon name=\"search-sharp\" size=\"large\"\n class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if (message || (!icon && !message && !description)) {\n <div class=\"euim-empty-list-placeholder__message\">\n {{ message || 'euim.empty-list-placeholder.message' | translate }}\n </div>\n}\n@if (description || (!icon && !message && !description)) {\n <div class=\"euim-empty-list-placeholder__description\">\n {{ description || 'euim.empty-list-placeholder.description' | translate }}\n </div>\n}\n<ng-content></ng-content>", styles: [".euim-empty-list-placeholder{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0;grid-row-gap:var(--eui-s-2xs);justify-content:center;justify-items:center;align-items:center;margin:auto}.euim-empty-list-placeholder--margin-top-large{margin-top:calc(9 * var(--eui-s-m))}.euim-empty-list-placeholder--margin-top-small{margin-top:var(--eui-s-m)}.euim-empty-list-placeholder--margin-bottom-small{margin-bottom:var(--eui-s-m)}.euim-empty-list-placeholder__icon{color:var(--eui-bc-neutral-80)}.euim-empty-list-placeholder__message{font:var(--eui-f-m);font:var(--eui-f-bold);color:var(--eui-bc-neutral-80)}.euim-empty-list-placeholder__description{font:var(--eui-f-s);color:var(--eui-bc-neutral-80)}\n"], dependencies: [{ kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
437
439
|
}
|
|
438
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
440
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimEmptyListPlaceholderComponent, decorators: [{
|
|
439
441
|
type: Component,
|
|
440
442
|
args: [{ selector: 'euim-empty-list-placeholder', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (icon) {\n <ion-icon [name]=\"icon\" size=\"large\" class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if ((!icon && !message && !description)) {\n <ion-icon name=\"search-sharp\" size=\"large\"\n class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if (message || (!icon && !message && !description)) {\n <div class=\"euim-empty-list-placeholder__message\">\n {{ message || 'euim.empty-list-placeholder.message' | translate }}\n </div>\n}\n@if (description || (!icon && !message && !description)) {\n <div class=\"euim-empty-list-placeholder__description\">\n {{ description || 'euim.empty-list-placeholder.description' | translate }}\n </div>\n}\n<ng-content></ng-content>", styles: [".euim-empty-list-placeholder{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0;grid-row-gap:var(--eui-s-2xs);justify-content:center;justify-items:center;align-items:center;margin:auto}.euim-empty-list-placeholder--margin-top-large{margin-top:calc(9 * var(--eui-s-m))}.euim-empty-list-placeholder--margin-top-small{margin-top:var(--eui-s-m)}.euim-empty-list-placeholder--margin-bottom-small{margin-bottom:var(--eui-s-m)}.euim-empty-list-placeholder__icon{color:var(--eui-bc-neutral-80)}.euim-empty-list-placeholder__message{font:var(--eui-f-m);font:var(--eui-f-bold);color:var(--eui-bc-neutral-80)}.euim-empty-list-placeholder__description{font:var(--eui-f-s);color:var(--eui-bc-neutral-80)}\n"] }]
|
|
441
443
|
}], propDecorators: { message: [{
|
|
@@ -534,10 +536,10 @@ class EuimLanguageListComponent {
|
|
|
534
536
|
d.label.toLowerCase().indexOf(query) > -1;
|
|
535
537
|
});
|
|
536
538
|
}
|
|
537
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
538
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
539
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLanguageListComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }, { token: i2.EuiAppShellService }, { token: EuimAppService }, { token: i1.ModalController }, { token: i1.Platform }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
540
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimLanguageListComponent, selector: "euim-language-list", ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onClose()\">\n <ion-icon name=\"close-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-title> {{'euim.language-list.SELECT-LANGUAGE' | translate }}</ion-title>\n </ion-toolbar>\n <ion-toolbar color=\"primary\" class=\"euim-language-selector__search\">\n <ion-searchbar (ionChange)=\"handleChange($event)\"></ion-searchbar>\n </ion-toolbar>\n</ion-header>\n<ion-content>\n @if (results.length > 0) {\n <ion-list>\n @for (item of results; track item) {\n @if (firstElementFromEUList?.code === item.code\n || firstElementFromNonEUList?.code === item.code) {\n <ion-item-divider>\n {{ (firstElementFromEUList?.code === item.code)\n ? ('euim.language-list.EU-LANGUAGES' | translate)\n : 'euim.language-list.NON-EU-LANGUAGES' | translate }}\n </ion-item-divider>\n }\n <ion-item button (click)=\"onLanguageSelected(item)\" [lines]=\"lastElementFromEUList === item ? 'none' : 'inset'\">\n <euim-avatar fill=\"solid\" slot=\"start\" variant=\"rounded\" class=\"euim-language-selector__avatar\">\n <euim-avatar-icon>\n <ion-icon name=\"language-sharp\" class=\"euim-language-selector__internal-icon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n <ion-label>\n <div euimLabel euimLabelTitle>{{item.label}}</div>\n <div euimLabel euimLabelMeta class=\"eui-u-text-uppercase\">\n {{item.code}}\n </div>\n </ion-label>\n @if (selectedLanguage?.code===item.code) {\n <ion-buttons>\n <ion-button fill=\"clear\" >\n <ion-icon name=\"checkmark-sharp\" slot=\"icon-only\" color=\"primary\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n </ion-list>\n }\n @if (results.length < 1) {\n <euim-empty-list-placeholder euimMarginTopLarge\n class=\"euim-language-selector__empty-placeholder\">\n </euim-empty-list-placeholder>\n }\n</ion-content>\n\n", dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "component", type: EuimEmptyListPlaceholderComponent, selector: "euim-empty-list-placeholder", inputs: ["message", "icon", "description", "button", "euimMarginTopLarge", "euimMarginTopSmall", "euimMarginBottomSmall"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
539
541
|
}
|
|
540
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
542
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLanguageListComponent, decorators: [{
|
|
541
543
|
type: Component,
|
|
542
544
|
args: [{ selector: 'euim-language-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onClose()\">\n <ion-icon name=\"close-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-title> {{'euim.language-list.SELECT-LANGUAGE' | translate }}</ion-title>\n </ion-toolbar>\n <ion-toolbar color=\"primary\" class=\"euim-language-selector__search\">\n <ion-searchbar (ionChange)=\"handleChange($event)\"></ion-searchbar>\n </ion-toolbar>\n</ion-header>\n<ion-content>\n @if (results.length > 0) {\n <ion-list>\n @for (item of results; track item) {\n @if (firstElementFromEUList?.code === item.code\n || firstElementFromNonEUList?.code === item.code) {\n <ion-item-divider>\n {{ (firstElementFromEUList?.code === item.code)\n ? ('euim.language-list.EU-LANGUAGES' | translate)\n : 'euim.language-list.NON-EU-LANGUAGES' | translate }}\n </ion-item-divider>\n }\n <ion-item button (click)=\"onLanguageSelected(item)\" [lines]=\"lastElementFromEUList === item ? 'none' : 'inset'\">\n <euim-avatar fill=\"solid\" slot=\"start\" variant=\"rounded\" class=\"euim-language-selector__avatar\">\n <euim-avatar-icon>\n <ion-icon name=\"language-sharp\" class=\"euim-language-selector__internal-icon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n <ion-label>\n <div euimLabel euimLabelTitle>{{item.label}}</div>\n <div euimLabel euimLabelMeta class=\"eui-u-text-uppercase\">\n {{item.code}}\n </div>\n </ion-label>\n @if (selectedLanguage?.code===item.code) {\n <ion-buttons>\n <ion-button fill=\"clear\" >\n <ion-icon name=\"checkmark-sharp\" slot=\"icon-only\" color=\"primary\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n </ion-list>\n }\n @if (results.length < 1) {\n <euim-empty-list-placeholder euimMarginTopLarge\n class=\"euim-language-selector__empty-placeholder\">\n </euim-empty-list-placeholder>\n }\n</ion-content>\n\n" }]
|
|
543
545
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }, { type: i2.EuiAppShellService }, { type: EuimAppService }, { type: i1.ModalController }, { type: i1.Platform }] });
|
|
@@ -589,10 +591,10 @@ class EuimLanguageSelectorComponent {
|
|
|
589
591
|
}
|
|
590
592
|
return null;
|
|
591
593
|
}
|
|
592
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
593
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
594
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLanguageSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.TranslateService }, { token: i2.EuiAppShellService }, { token: EuimAppService }, { token: i1.ModalController }, { token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
595
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimLanguageSelectorComponent, selector: "euim-language-selector", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ion-button (click)=\"onShowLanguageList()\">\n <ion-icon class=\"euim-language-selector__icon {{_euimPrimary ? 'euim-language-selector__icon--primary' : ''}}\"\n slot=\"icon-only\"\n src='data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\">\n <path\n d=\"M 21.00,0.00\n C 22.66,-0.00 24.00,1.34 24.00,3.00\n 24.00,3.00 24.00,17.00 24.00,17.00\n 24.00,18.66 22.66,20.00 21.00,20.00\n 21.00,20.00 3.00,20.00 3.00,20.00\n 1.34,20.00 0.00,18.66 0.00,17.00\n 0.00,17.00 0.00,3.00 0.00,3.00\n 0.00,1.34 1.34,0.00 3.00,0.00\n 3.00,0.00 21.00,0.00 21.00,0.00 Z\n M 9.66,12.34\n C 9.66,12.34 15.31,18.00 15.31,18.00\n 15.31,18.00 9.66,23.66 9.66,23.66\n 9.66,23.66 4.00,18.00 4.00,18.00\n 4.00,18.00 9.66,12.34 9.66,12.34 Z\" />\n </svg>'>\n </ion-icon>\n\n <span class=\"euim-language-selector__text {{_euimPrimary ? 'euim-language-selector__text--primary' : ''}}\">\n {{ selectedLanguage?.code?.toUpperCase() }}\n </span>\n</ion-button>\n", styles: [".euim-language-selector__text{font:var(--eui-f-xs-bold);margin-bottom:var(--eui-s-2xs);position:absolute;color:var(--eui-bc-primary-100)}.euim-language-selector__text--primary,.euim-language-selector__icon{color:#fff}.euim-language-selector__icon--primary{color:var(--eui-bc-primary-100)}.euim-language-selector__avatar{background-color:var(--eui-bc-neutral-15)}.euim-language-selector__internal-icon{color:var(--eui-bc-neutral-100)}.euim-language-selector__search{display:contents}.euim-language-selector__empty-placeholder{display:block;height:auto;margin-top:calc(9 * var(--eui-s-m))}\n"], dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
594
596
|
}
|
|
595
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
597
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLanguageSelectorComponent, decorators: [{
|
|
596
598
|
type: Component,
|
|
597
599
|
args: [{ selector: 'euim-language-selector', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
598
600
|
{
|
|
@@ -628,10 +630,10 @@ class EuimAvatarIconSubComponent {
|
|
|
628
630
|
this.borderColor ? `euim-avatar-icon-sub--border-color-${this.borderColor}` : '',
|
|
629
631
|
].join(' ');
|
|
630
632
|
}
|
|
631
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
632
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
633
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarIconSubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
634
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimAvatarIconSubComponent, selector: "euim-avatar-icon-sub", inputs: { color: "color", size: "size", fill: "fill", variant: "variant", borderColor: "borderColor" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
|
|
633
635
|
}
|
|
634
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
636
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarIconSubComponent, decorators: [{
|
|
635
637
|
type: Component,
|
|
636
638
|
args: [{ selector: 'euim-avatar-icon-sub', template: "<ng-content></ng-content>\n" }]
|
|
637
639
|
}], propDecorators: { color: [{
|
|
@@ -662,10 +664,10 @@ class EuimAvatarTextComponent {
|
|
|
662
664
|
this.color ? `euim-avatar-text--color-${this.color}` : '',
|
|
663
665
|
].join(' ');
|
|
664
666
|
}
|
|
665
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
666
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
667
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
668
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimAvatarTextComponent, selector: "euim-avatar-text", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
|
|
667
669
|
}
|
|
668
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
670
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarTextComponent, decorators: [{
|
|
669
671
|
type: Component,
|
|
670
672
|
args: [{ selector: 'euim-avatar-text', template: "<ng-content></ng-content>\n" }]
|
|
671
673
|
}], propDecorators: { color: [{
|
|
@@ -679,10 +681,10 @@ class EuimAvatarImageComponent {
|
|
|
679
681
|
constructor() {
|
|
680
682
|
this.string = 'euim-avatar-image';
|
|
681
683
|
}
|
|
682
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
683
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
684
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
685
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimAvatarImageComponent, selector: "euim-avatar-image", inputs: { imageUrl: "imageUrl" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "@if (imageUrl) {\n <img [src]=\"imageUrl\" alt=\"Avatar\"/>\n} @else {\n <ng-content></ng-content>\n}\n" }); }
|
|
684
686
|
}
|
|
685
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
687
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarImageComponent, decorators: [{
|
|
686
688
|
type: Component,
|
|
687
689
|
args: [{ selector: 'euim-avatar-image', template: "@if (imageUrl) {\n <img [src]=\"imageUrl\" alt=\"Avatar\"/>\n} @else {\n <ng-content></ng-content>\n}\n" }]
|
|
688
690
|
}], propDecorators: { string: [{
|
|
@@ -702,10 +704,10 @@ class EuimAvatarBadgeComponent {
|
|
|
702
704
|
`euim-avatar-badge--position-${this.position}`,
|
|
703
705
|
].join(' ').trim();
|
|
704
706
|
}
|
|
705
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
706
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
707
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
708
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimAvatarBadgeComponent, selector: "euim-avatar-badge", inputs: { position: "position" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
|
|
707
709
|
}
|
|
708
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
710
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarBadgeComponent, decorators: [{
|
|
709
711
|
type: Component,
|
|
710
712
|
args: [{ selector: 'euim-avatar-badge', template: "<ng-content></ng-content>\n" }]
|
|
711
713
|
}], propDecorators: { cssClasses: [{
|
|
@@ -716,8 +718,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
716
718
|
}] } });
|
|
717
719
|
|
|
718
720
|
class EuimAvatarModule {
|
|
719
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
720
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
721
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
722
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarModule, declarations: [EuimAvatarComponent,
|
|
721
723
|
EuimAvatarIconComponent,
|
|
722
724
|
EuimAvatarIconSubComponent,
|
|
723
725
|
EuimAvatarTextComponent,
|
|
@@ -729,10 +731,10 @@ class EuimAvatarModule {
|
|
|
729
731
|
EuimAvatarTextComponent,
|
|
730
732
|
EuimAvatarImageComponent,
|
|
731
733
|
EuimAvatarBadgeComponent] }); }
|
|
732
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
734
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarModule, imports: [CommonModule,
|
|
733
735
|
IonicModule] }); }
|
|
734
736
|
}
|
|
735
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
737
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAvatarModule, decorators: [{
|
|
736
738
|
type: NgModule,
|
|
737
739
|
args: [{
|
|
738
740
|
imports: [
|
|
@@ -759,15 +761,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
759
761
|
}] });
|
|
760
762
|
|
|
761
763
|
class EuimEmptyListPlaceholderModule {
|
|
762
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
763
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
764
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimEmptyListPlaceholderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
765
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimEmptyListPlaceholderModule, declarations: [EuimEmptyListPlaceholderComponent], imports: [CommonModule,
|
|
764
766
|
IonicModule,
|
|
765
767
|
TranslateModule], exports: [EuimEmptyListPlaceholderComponent] }); }
|
|
766
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
768
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimEmptyListPlaceholderModule, imports: [CommonModule,
|
|
767
769
|
IonicModule,
|
|
768
770
|
TranslateModule] }); }
|
|
769
771
|
}
|
|
770
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
772
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimEmptyListPlaceholderModule, decorators: [{
|
|
771
773
|
type: NgModule,
|
|
772
774
|
args: [{
|
|
773
775
|
imports: [
|
|
@@ -785,8 +787,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
785
787
|
}] });
|
|
786
788
|
|
|
787
789
|
class EuimLanguageSelectorModule {
|
|
788
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
789
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
790
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLanguageSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
791
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimLanguageSelectorModule, declarations: [EuimLanguageSelectorComponent,
|
|
790
792
|
EuimLanguageListComponent], imports: [CommonModule,
|
|
791
793
|
IonicModule,
|
|
792
794
|
EuimAvatarModule,
|
|
@@ -794,7 +796,7 @@ class EuimLanguageSelectorModule {
|
|
|
794
796
|
EuimEmptyListPlaceholderModule,
|
|
795
797
|
TranslateModule], exports: [EuimLanguageSelectorComponent,
|
|
796
798
|
EuimLanguageListComponent] }); }
|
|
797
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
799
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLanguageSelectorModule, providers: [
|
|
798
800
|
{ provide: EclLanguageService, useClass: EclDefaultLanguageService },
|
|
799
801
|
], imports: [CommonModule,
|
|
800
802
|
IonicModule,
|
|
@@ -803,7 +805,7 @@ class EuimLanguageSelectorModule {
|
|
|
803
805
|
EuimEmptyListPlaceholderModule,
|
|
804
806
|
TranslateModule] }); }
|
|
805
807
|
}
|
|
806
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
808
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimLanguageSelectorModule, decorators: [{
|
|
807
809
|
type: NgModule,
|
|
808
810
|
args: [{
|
|
809
811
|
imports: [
|
|
@@ -829,15 +831,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
829
831
|
}] });
|
|
830
832
|
|
|
831
833
|
class EuimAppModule {
|
|
832
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
833
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
834
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAppModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
835
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimAppModule, declarations: [EuimAppComponent], imports: [CommonModule,
|
|
834
836
|
IonicModule,
|
|
835
837
|
EuimLanguageSelectorModule], exports: [EuimAppComponent] }); }
|
|
836
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
838
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAppModule, imports: [CommonModule,
|
|
837
839
|
IonicModule,
|
|
838
840
|
EuimLanguageSelectorModule] }); }
|
|
839
841
|
}
|
|
840
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
842
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAppModule, decorators: [{
|
|
841
843
|
type: NgModule,
|
|
842
844
|
args: [{
|
|
843
845
|
imports: [
|
|
@@ -855,16 +857,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
855
857
|
}] });
|
|
856
858
|
|
|
857
859
|
class EuimUserProfileComponent {
|
|
858
|
-
|
|
859
|
-
this.
|
|
860
|
+
get cssClasses() {
|
|
861
|
+
return this.getCssClasses();
|
|
862
|
+
}
|
|
863
|
+
getCssClasses() {
|
|
864
|
+
return [
|
|
865
|
+
'euim-user-profile',
|
|
866
|
+
this.color ? `euim-user-profile__backgroundcolor-${this.color}` : '',
|
|
867
|
+
].join(' ').trim();
|
|
860
868
|
}
|
|
861
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
862
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
869
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimUserProfileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
870
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimUserProfileComponent, selector: "euim-user-profile", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content select=\"euim-user-profile-avatar\"></ng-content>\n<ng-content select=\"euim-user-profile-infos\"></ng-content>\n<ng-content select=\"euim-user-profile-action\"></ng-content>\n", styles: [".euim-user-profile{display:flex;padding:var(--eui-s-m);background-color:var(--eui-bc-neutral-5)}.euim-user-profile__backgroundcolor-primary{background-color:var(--eui-base-color-primary-100)}.euim-user-profile-avatar{margin-right:var(--eui-s-m)}.euim-user-profile-action ion-buttons{margin-top:calc(-1 * var(--eui-s-s));margin-right:calc(-1 * var(--eui-s-s));margin-left:var(--eui-s-2xs);color:var(--eui-bc-primary-100)}.euim-user-profile-infos{width:calc(100% - (var(--eui-s-2xl) + var(--eui-s-l) + 2 * var(--eui-s-m)))}.euim-user-profile-infos [euimLabel]{color:var(--eui-bc-neutral-80)}.euim-user-profile-infos [euimLabelTitle]{color:var(--eui-bc-neutral-100)}.euim-user-profile-infos__color-white [euimLabel]{color:var(--eui-base-color-white)}.euim-user-profile-infos euim-user-profile-infos-item:not(:last-child){margin-bottom:var(--eui-s-2xs)}.euim-user-profile-infos-item{display:flex;margin-right:var(--eui-s-2xl);width:100%}.euim-user-profile-infos-item ion-icon{margin-right:var(--eui-s-2xs);min-width:var(--eui-s-m);min-height:var(--eui-s-m)}.euim-user-profile-infos-item p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
863
871
|
}
|
|
864
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
872
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimUserProfileComponent, decorators: [{
|
|
865
873
|
type: Component,
|
|
866
|
-
args: [{ selector: 'euim-user-profile', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"euim-user-profile-avatar\"></ng-content>\n<ng-content select=\"euim-user-profile-infos\"></ng-content>\n<ng-content select=\"euim-user-profile-action\"></ng-content>\n", styles: [".euim-user-profile{display:flex;padding:var(--eui-s-m);background-color:var(--eui-bc-neutral-5)}.euim-user-profile-avatar{margin-right:var(--eui-s-m)}.euim-user-profile-action ion-buttons{margin-top:calc(-1 * var(--eui-s-s));margin-right:calc(-1 * var(--eui-s-s));margin-left:var(--eui-s-2xs);color:var(--eui-bc-primary-100)}.euim-user-profile-infos{width:calc(100% - (var(--eui-s-2xl) + var(--eui-s-l) + 2 * var(--eui-s-m)))}.euim-user-profile-infos [euimLabel]{color:var(--eui-bc-neutral-80)}.euim-user-profile-infos [euimLabelTitle]{color:var(--eui-bc-neutral-100)}.euim-user-profile-infos euim-user-profile-infos-item:not(:last-child){margin-bottom:var(--eui-s-2xs)}.euim-user-profile-infos-item{display:flex;margin-right:var(--eui-s-2xl);width:100%}.euim-user-profile-infos-item ion-icon{margin-right:var(--eui-s-2xs);min-width:var(--eui-s-m);min-height:var(--eui-s-m)}.euim-user-profile-infos-item p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}\n"] }]
|
|
867
|
-
}], propDecorators: {
|
|
874
|
+
args: [{ selector: 'euim-user-profile', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"euim-user-profile-avatar\"></ng-content>\n<ng-content select=\"euim-user-profile-infos\"></ng-content>\n<ng-content select=\"euim-user-profile-action\"></ng-content>\n", styles: [".euim-user-profile{display:flex;padding:var(--eui-s-m);background-color:var(--eui-bc-neutral-5)}.euim-user-profile__backgroundcolor-primary{background-color:var(--eui-base-color-primary-100)}.euim-user-profile-avatar{margin-right:var(--eui-s-m)}.euim-user-profile-action ion-buttons{margin-top:calc(-1 * var(--eui-s-s));margin-right:calc(-1 * var(--eui-s-s));margin-left:var(--eui-s-2xs);color:var(--eui-bc-primary-100)}.euim-user-profile-infos{width:calc(100% - (var(--eui-s-2xl) + var(--eui-s-l) + 2 * var(--eui-s-m)))}.euim-user-profile-infos [euimLabel]{color:var(--eui-bc-neutral-80)}.euim-user-profile-infos [euimLabelTitle]{color:var(--eui-bc-neutral-100)}.euim-user-profile-infos__color-white [euimLabel]{color:var(--eui-base-color-white)}.euim-user-profile-infos euim-user-profile-infos-item:not(:last-child){margin-bottom:var(--eui-s-2xs)}.euim-user-profile-infos-item{display:flex;margin-right:var(--eui-s-2xl);width:100%}.euim-user-profile-infos-item ion-icon{margin-right:var(--eui-s-2xs);min-width:var(--eui-s-m);min-height:var(--eui-s-m)}.euim-user-profile-infos-item p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}\n"] }]
|
|
875
|
+
}], propDecorators: { color: [{
|
|
876
|
+
type: Input
|
|
877
|
+
}], cssClasses: [{
|
|
868
878
|
type: HostBinding,
|
|
869
879
|
args: ['class']
|
|
870
880
|
}] } });
|
|
@@ -873,10 +883,10 @@ class EuiMUserProfileAvatarComponent {
|
|
|
873
883
|
constructor() {
|
|
874
884
|
this.class = 'euim-user-profile-avatar';
|
|
875
885
|
}
|
|
876
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
877
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
886
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuiMUserProfileAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
887
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuiMUserProfileAvatarComponent, selector: "euim-user-profile-avatar", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
878
888
|
}
|
|
879
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
889
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuiMUserProfileAvatarComponent, decorators: [{
|
|
880
890
|
type: Component,
|
|
881
891
|
args: [{ selector: 'euim-user-profile-avatar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
|
|
882
892
|
}], propDecorators: { class: [{
|
|
@@ -884,27 +894,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
884
894
|
}] } });
|
|
885
895
|
|
|
886
896
|
class EuiMUserProfileInfosComponent {
|
|
887
|
-
|
|
888
|
-
this.
|
|
897
|
+
get cssClasses() {
|
|
898
|
+
return this.getCssClasses();
|
|
899
|
+
}
|
|
900
|
+
getCssClasses() {
|
|
901
|
+
return [
|
|
902
|
+
'euim-user-profile-infos',
|
|
903
|
+
this.color ? `euim-user-profile-infos__color-${this.color}` : '',
|
|
904
|
+
].join(' ').trim();
|
|
889
905
|
}
|
|
890
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
891
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
906
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuiMUserProfileInfosComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
907
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuiMUserProfileInfosComponent, selector: "euim-user-profile-infos", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
892
908
|
}
|
|
893
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
909
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuiMUserProfileInfosComponent, decorators: [{
|
|
894
910
|
type: Component,
|
|
895
|
-
args: [{ selector: 'euim-user-profile-infos', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
|
|
896
|
-
}], propDecorators: {
|
|
897
|
-
type:
|
|
911
|
+
args: [{ selector: 'euim-user-profile-infos', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
|
|
912
|
+
}], propDecorators: { color: [{
|
|
913
|
+
type: Input
|
|
914
|
+
}], cssClasses: [{
|
|
915
|
+
type: HostBinding,
|
|
916
|
+
args: ['class']
|
|
898
917
|
}] } });
|
|
899
918
|
|
|
900
919
|
class EuiMUserProfileInfosItemComponent {
|
|
901
920
|
constructor() {
|
|
902
921
|
this.class = 'euim-user-profile-infos-item';
|
|
903
922
|
}
|
|
904
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
905
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
923
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuiMUserProfileInfosItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
924
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuiMUserProfileInfosItemComponent, selector: "euim-user-profile-infos-item", host: { properties: { "class": "this.class" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
906
925
|
}
|
|
907
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
926
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuiMUserProfileInfosItemComponent, decorators: [{
|
|
908
927
|
type: Component,
|
|
909
928
|
args: [{ selector: 'euim-user-profile-infos-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
|
|
910
929
|
}], propDecorators: { class: [{
|
|
@@ -915,10 +934,10 @@ class EuiMUserProfileActionComponent {
|
|
|
915
934
|
constructor() {
|
|
916
935
|
this.className = 'euim-user-profile-action';
|
|
917
936
|
}
|
|
918
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
919
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
937
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuiMUserProfileActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
938
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuiMUserProfileActionComponent, selector: "euim-user-profile-action", host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-buttons>\n <ng-content></ng-content>\n</ion-buttons>\n", dependencies: [{ kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
920
939
|
}
|
|
921
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
940
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuiMUserProfileActionComponent, decorators: [{
|
|
922
941
|
type: Component,
|
|
923
942
|
args: [{ selector: 'euim-user-profile-action', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-buttons>\n <ng-content></ng-content>\n</ion-buttons>\n" }]
|
|
924
943
|
}], propDecorators: { className: [{
|
|
@@ -933,8 +952,8 @@ const COMPONENTS$b = [
|
|
|
933
952
|
EuiMUserProfileActionComponent,
|
|
934
953
|
];
|
|
935
954
|
class EuimUserProfileModule {
|
|
936
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
937
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
955
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimUserProfileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
956
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimUserProfileModule, declarations: [EuimUserProfileComponent,
|
|
938
957
|
EuiMUserProfileAvatarComponent,
|
|
939
958
|
EuiMUserProfileInfosComponent,
|
|
940
959
|
EuiMUserProfileInfosItemComponent,
|
|
@@ -944,10 +963,10 @@ class EuimUserProfileModule {
|
|
|
944
963
|
EuiMUserProfileInfosComponent,
|
|
945
964
|
EuiMUserProfileInfosItemComponent,
|
|
946
965
|
EuiMUserProfileActionComponent] }); }
|
|
947
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
966
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimUserProfileModule, imports: [CommonModule,
|
|
948
967
|
IonicModule] }); }
|
|
949
968
|
}
|
|
950
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
969
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimUserProfileModule, decorators: [{
|
|
951
970
|
type: NgModule,
|
|
952
971
|
args: [{
|
|
953
972
|
imports: [
|
|
@@ -980,12 +999,12 @@ class EuimToolbarComponent {
|
|
|
980
999
|
onBackButtonClick(event) {
|
|
981
1000
|
this.backButtonClick.emit(event);
|
|
982
1001
|
}
|
|
983
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
984
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.
|
|
1002
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1003
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.8", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: { hasBackButton: ["hasBackButton", "hasBackButton", booleanAttribute], backButtonDefaultHref: "backButtonDefaultHref", hasSidebarTrigger: ["hasSidebarTrigger", "hasSidebarTrigger", booleanAttribute], hasLanguageSelector: ["hasLanguageSelector", "hasLanguageSelector", booleanAttribute] }, outputs: { backButtonClick: "backButtonClick" }, host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-buttons slot=\"start\">\n <ion-menu-button *ngIf=\"hasSidebarTrigger\"></ion-menu-button>\n <ion-back-button (pointerdown)=\"onBackButtonClick($event)\"\n *ngIf=\"hasBackButton\"\n defaultHref=\"{{backButtonDefaultHref}}\"></ion-back-button>\n <ng-content></ng-content>\n</ion-buttons>\n<ion-title class=\"euim-toolbar__title-container\">\n <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"end\">\n <ng-content select=\"euim-toolbar-action-items\"></ng-content>\n <ng-container *ngIf=\"hasLanguageSelector\">\n <euim-language-selector></euim-language-selector>\n </ng-container>\n</ion-buttons>\n", styles: [".euim-toolbar{display:flex;align-items:center}.euim-toolbar__title-container{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonMenuButton, selector: "ion-menu-button", inputs: ["autoHide", "color", "disabled", "menu", "mode", "type"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonBackButton, selector: "ion-back-button" }, { kind: "component", type: EuimLanguageSelectorComponent, selector: "euim-language-selector" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
985
1004
|
}
|
|
986
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1005
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarComponent, decorators: [{
|
|
987
1006
|
type: Component,
|
|
988
|
-
args: [{ selector: 'euim-toolbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-buttons slot=\"start\">\n <ion-menu-button *ngIf=\"hasSidebarTrigger\"></ion-menu-button>\n <ion-back-button (pointerdown)=\"onBackButtonClick($event)\"\n *ngIf=\"hasBackButton\"\n defaultHref=\"{{backButtonDefaultHref}}\"></ion-back-button>\n <ng-content></ng-content>\n</ion-buttons>\n<ion-title class=\"euim-toolbar__title-container\">\n <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"end\">\n <ng-content select=\"euim-toolbar-action-items\"></ng-content>\n <ng-container *ngIf=\"hasLanguageSelector\">\n <euim-language-selector></euim-language-selector>\n </ng-container>\n</ion-buttons>\n", styles: [".euim-toolbar{display:flex;align-items:center}.euim-toolbar__title-container{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:flex;align-items:center}
|
|
1007
|
+
args: [{ selector: 'euim-toolbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-buttons slot=\"start\">\n <ion-menu-button *ngIf=\"hasSidebarTrigger\"></ion-menu-button>\n <ion-back-button (pointerdown)=\"onBackButtonClick($event)\"\n *ngIf=\"hasBackButton\"\n defaultHref=\"{{backButtonDefaultHref}}\"></ion-back-button>\n <ng-content></ng-content>\n</ion-buttons>\n<ion-title class=\"euim-toolbar__title-container\">\n <ng-content select=\"euim-toolbar-title\"></ng-content>\n</ion-title>\n<ion-buttons slot=\"end\">\n <ng-content select=\"euim-toolbar-action-items\"></ng-content>\n <ng-container *ngIf=\"hasLanguageSelector\">\n <euim-language-selector></euim-language-selector>\n </ng-container>\n</ion-buttons>\n", styles: [".euim-toolbar{display:flex;align-items:center}.euim-toolbar__title-container{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:flex;align-items:center}\n"] }]
|
|
989
1008
|
}], propDecorators: { hasBackButton: [{
|
|
990
1009
|
type: Input,
|
|
991
1010
|
args: [{ transform: booleanAttribute }]
|
|
@@ -1015,10 +1034,10 @@ class EuimToolbarTitleComponent {
|
|
|
1015
1034
|
this.baseStatesDirective.getCssClasses('euim-toolbar__title'),
|
|
1016
1035
|
].join(' ');
|
|
1017
1036
|
}
|
|
1018
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1019
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1037
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarTitleComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1038
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective }], ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1020
1039
|
}
|
|
1021
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1040
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarTitleComponent, decorators: [{
|
|
1022
1041
|
type: Component,
|
|
1023
1042
|
args: [{ selector: 'euim-toolbar-title', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
1024
1043
|
{
|
|
@@ -1034,10 +1053,10 @@ class EuimToolbarActionItemsComponent {
|
|
|
1034
1053
|
constructor() {
|
|
1035
1054
|
this.className = 'euim-toolbar-action-items';
|
|
1036
1055
|
}
|
|
1037
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1038
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1056
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarActionItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1057
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimToolbarActionItemsComponent, selector: "euim-toolbar-action-items", host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1039
1058
|
}
|
|
1040
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1059
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarActionItemsComponent, decorators: [{
|
|
1041
1060
|
type: Component,
|
|
1042
1061
|
args: [{ selector: 'euim-toolbar-action-items', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
|
|
1043
1062
|
}], propDecorators: { className: [{
|
|
@@ -1045,8 +1064,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1045
1064
|
}] } });
|
|
1046
1065
|
|
|
1047
1066
|
class EuimToolbarComponentModule {
|
|
1048
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1049
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
1067
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1068
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarComponentModule, declarations: [EuimToolbarComponent,
|
|
1050
1069
|
EuimToolbarTitleComponent,
|
|
1051
1070
|
EuimToolbarActionItemsComponent], imports: [CommonModule,
|
|
1052
1071
|
IonicModule,
|
|
@@ -1054,12 +1073,12 @@ class EuimToolbarComponentModule {
|
|
|
1054
1073
|
EuimLanguageSelectorModule], exports: [EuimToolbarComponent,
|
|
1055
1074
|
EuimToolbarTitleComponent,
|
|
1056
1075
|
EuimToolbarActionItemsComponent] }); }
|
|
1057
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
1076
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarComponentModule, imports: [CommonModule,
|
|
1058
1077
|
IonicModule,
|
|
1059
1078
|
TranslateModule,
|
|
1060
1079
|
EuimLanguageSelectorModule] }); }
|
|
1061
1080
|
}
|
|
1062
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1081
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarComponentModule, decorators: [{
|
|
1063
1082
|
type: NgModule,
|
|
1064
1083
|
args: [{
|
|
1065
1084
|
imports: [
|
|
@@ -1108,12 +1127,12 @@ class EuimSidebarComponent {
|
|
|
1108
1127
|
}
|
|
1109
1128
|
});
|
|
1110
1129
|
}
|
|
1111
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1112
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1130
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarComponent, deps: [{ token: i1$2.Router }, { token: i1.MenuController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1131
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimSidebarComponent, selector: "euim-sidebar", inputs: { ionMenuId: "ionMenuId", routerPath: "routerPath" }, host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md:before{height:0}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-base-spacing-m) 0 var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);opacity:1;color:var(--eui-base-color-grey-50);margin-left:var(--eui-base-spacing-xs)}\n"], dependencies: [{ kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1113
1132
|
}
|
|
1114
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1133
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarComponent, decorators: [{
|
|
1115
1134
|
type: Component,
|
|
1116
|
-
args: [{ selector: 'euim-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md:before{height:0}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}\n"] }]
|
|
1135
|
+
args: [{ selector: 'euim-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md:before{height:0}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:0}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-base-spacing-m) 0 var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-base-spacing-l);height:var(--eui-base-spacing-l);opacity:1;color:var(--eui-base-color-grey-50);margin-left:var(--eui-base-spacing-xs)}\n"] }]
|
|
1117
1136
|
}], ctorParameters: () => [{ type: i1$2.Router }, { type: i1.MenuController }], propDecorators: { className: [{
|
|
1118
1137
|
type: HostBinding
|
|
1119
1138
|
}], ionMenuId: [{
|
|
@@ -1142,10 +1161,10 @@ class EuimSidebarContentComponent {
|
|
|
1142
1161
|
return a.group - b.group;
|
|
1143
1162
|
});
|
|
1144
1163
|
}
|
|
1145
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1146
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1164
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarContentComponent, deps: [{ token: i2.I18nService }, { token: i2.EuiAppShellService }, { token: i1.NavController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1165
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimSidebarContentComponent, selector: "euim-sidebar-content", inputs: { sidebarItems: "sidebarItems" }, host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ion-list class=\"euim-sidebar-content__list\">\n <ion-menu-toggle auto-hide=\"true\">\n <ng-content></ng-content>\n </ion-menu-toggle>\n</ion-list>\n", dependencies: [{ kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonMenuToggle, selector: "ion-menu-toggle", inputs: ["autoHide", "menu"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1147
1166
|
}
|
|
1148
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1167
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarContentComponent, decorators: [{
|
|
1149
1168
|
type: Component,
|
|
1150
1169
|
args: [{ selector: 'euim-sidebar-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ion-list class=\"euim-sidebar-content__list\">\n <ion-menu-toggle auto-hide=\"true\">\n <ng-content></ng-content>\n </ion-menu-toggle>\n</ion-list>\n" }]
|
|
1151
1170
|
}], ctorParameters: () => [{ type: i2.I18nService }, { type: i2.EuiAppShellService }, { type: i1.NavController }], propDecorators: { className: [{
|
|
@@ -1155,8 +1174,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1155
1174
|
}] } });
|
|
1156
1175
|
|
|
1157
1176
|
class EuimSidebarModule {
|
|
1158
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1159
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
1177
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1178
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarModule, declarations: [EuimSidebarComponent,
|
|
1160
1179
|
EuimSidebarContentComponent], imports: [CommonModule,
|
|
1161
1180
|
RouterModule,
|
|
1162
1181
|
IonicModule,
|
|
@@ -1164,14 +1183,14 @@ class EuimSidebarModule {
|
|
|
1164
1183
|
EuimLabelModule,
|
|
1165
1184
|
EuimNotificationItemModule], exports: [EuimSidebarComponent,
|
|
1166
1185
|
EuimSidebarContentComponent] }); }
|
|
1167
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
1186
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarModule, imports: [CommonModule,
|
|
1168
1187
|
RouterModule,
|
|
1169
1188
|
IonicModule,
|
|
1170
1189
|
EuimAvatarModule,
|
|
1171
1190
|
EuimLabelModule,
|
|
1172
1191
|
EuimNotificationItemModule] }); }
|
|
1173
1192
|
}
|
|
1174
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1193
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarModule, decorators: [{
|
|
1175
1194
|
type: NgModule,
|
|
1176
1195
|
args: [{
|
|
1177
1196
|
imports: [
|
|
@@ -1199,16 +1218,18 @@ class EuimHeaderDetailsComponent {
|
|
|
1199
1218
|
}
|
|
1200
1219
|
constructor(baseStatesDirective) {
|
|
1201
1220
|
this.baseStatesDirective = baseStatesDirective;
|
|
1221
|
+
this.hasBorderBottom = true;
|
|
1202
1222
|
}
|
|
1203
1223
|
getCssClasses() {
|
|
1204
1224
|
return [
|
|
1205
1225
|
this.baseStatesDirective.getCssClasses('euim-header-details'),
|
|
1226
|
+
!this.hasBorderBottom ? 'euim-header-details--no-border-bottom' : '',
|
|
1206
1227
|
].join(' ');
|
|
1207
1228
|
}
|
|
1208
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1209
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1229
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1230
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.8", type: EuimHeaderDetailsComponent, selector: "euim-header-details", inputs: { hasBorderBottom: ["hasBorderBottom", "hasBorderBottom", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-s-m);display:block;text-align:center;background-color:var(--eui-bc-neutral-5);border-bottom:1px solid var(--eui-bc-neutral-20)}.euim-header-details--no-border-bottom{border-bottom:none}.euim-header-details--primary{background-color:var(--eui-bc-primary-100);border-bottom:none}.euim-header-details--primary .euim-header-details__title,.euim-header-details--primary .euim-header-details__meta{color:var(--eui-c-white)}.euim-header-details__title{font:var(--eui-f-m);color:var(--eui-bc-neutral-100)}.euim-header-details__meta{color:var(--eui-bc-neutral-80);font:var(--eui-f-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-s-xs)}.euim-header-details__title+.euim-header-details__meta,.euim-header-details__meta+.euim-header-details__meta{margin-top:var(--eui-s-2xs)}.euim-header-details p,.euim-header-details span{margin:0}.euim-header-details span[euimHeaderDetailsTitle],.euim-header-details span[euimHeaderDetailsMeta]{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1210
1231
|
}
|
|
1211
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1232
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsComponent, decorators: [{
|
|
1212
1233
|
type: Component,
|
|
1213
1234
|
args: [{ selector: 'euim-header-details', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1214
1235
|
{
|
|
@@ -1217,8 +1238,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1217
1238
|
'color',
|
|
1218
1239
|
],
|
|
1219
1240
|
},
|
|
1220
|
-
], template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-s-m);display:block;text-align:center;background-color:var(--eui-bc-neutral-5);border-bottom:1px solid var(--eui-bc-neutral-20)}.euim-header-details--primary{background-color:var(--eui-bc-primary-100);border-bottom:none}.euim-header-details--primary .euim-header-details__title,.euim-header-details--primary .euim-header-details__meta{color:var(--eui-c-white)}.euim-header-details__title{font:var(--eui-f-m);color:var(--eui-bc-neutral-100)}.euim-header-details__meta{color:var(--eui-bc-neutral-80);font:var(--eui-f-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-s-xs)}.euim-header-details__title+.euim-header-details__meta,.euim-header-details__meta+.euim-header-details__meta{margin-top:var(--eui-s-2xs)}\n"] }]
|
|
1221
|
-
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: {
|
|
1241
|
+
], template: "<ng-content></ng-content>\n", styles: [".euim-header-details{padding:var(--eui-s-m);display:block;text-align:center;background-color:var(--eui-bc-neutral-5);border-bottom:1px solid var(--eui-bc-neutral-20)}.euim-header-details--no-border-bottom{border-bottom:none}.euim-header-details--primary{background-color:var(--eui-bc-primary-100);border-bottom:none}.euim-header-details--primary .euim-header-details__title,.euim-header-details--primary .euim-header-details__meta{color:var(--eui-c-white)}.euim-header-details__title{font:var(--eui-f-m);color:var(--eui-bc-neutral-100)}.euim-header-details__meta{color:var(--eui-bc-neutral-80);font:var(--eui-f-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-s-xs)}.euim-header-details__title+.euim-header-details__meta,.euim-header-details__meta+.euim-header-details__meta{margin-top:var(--eui-s-2xs)}.euim-header-details p,.euim-header-details span{margin:0}.euim-header-details span[euimHeaderDetailsTitle],.euim-header-details span[euimHeaderDetailsMeta]{display:block}\n"] }]
|
|
1242
|
+
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { hasBorderBottom: [{
|
|
1243
|
+
type: Input,
|
|
1244
|
+
args: [{ transform: booleanAttribute }]
|
|
1245
|
+
}], cssClasses: [{
|
|
1222
1246
|
type: HostBinding,
|
|
1223
1247
|
args: ['class']
|
|
1224
1248
|
}] } });
|
|
@@ -1227,10 +1251,10 @@ class EuimHeaderDetailsMetaDirective {
|
|
|
1227
1251
|
constructor() {
|
|
1228
1252
|
this.className = 'euim-header-details__meta';
|
|
1229
1253
|
}
|
|
1230
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1231
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1254
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsMetaDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1255
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimHeaderDetailsMetaDirective, selector: "[euimHeaderDetailsMeta]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1232
1256
|
}
|
|
1233
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1257
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsMetaDirective, decorators: [{
|
|
1234
1258
|
type: Directive,
|
|
1235
1259
|
args: [{
|
|
1236
1260
|
selector: '[euimHeaderDetailsMeta]',
|
|
@@ -1244,10 +1268,10 @@ class EuimHeaderDetailsTitleDirective {
|
|
|
1244
1268
|
constructor() {
|
|
1245
1269
|
this.className = 'euim-header-details__title';
|
|
1246
1270
|
}
|
|
1247
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1248
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1271
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1272
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimHeaderDetailsTitleDirective, selector: "[euimHeaderDetailsTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1249
1273
|
}
|
|
1250
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1274
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsTitleDirective, decorators: [{
|
|
1251
1275
|
type: Directive,
|
|
1252
1276
|
args: [{
|
|
1253
1277
|
selector: '[euimHeaderDetailsTitle]',
|
|
@@ -1261,10 +1285,10 @@ class EuimHeaderDetailsIconDirective {
|
|
|
1261
1285
|
constructor() {
|
|
1262
1286
|
this.className = 'euim-header-details__icon';
|
|
1263
1287
|
}
|
|
1264
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1265
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1288
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1289
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimHeaderDetailsIconDirective, selector: "[euimHeaderDetailsIcon]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1266
1290
|
}
|
|
1267
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1291
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsIconDirective, decorators: [{
|
|
1268
1292
|
type: Directive,
|
|
1269
1293
|
args: [{
|
|
1270
1294
|
selector: '[euimHeaderDetailsIcon]',
|
|
@@ -1281,8 +1305,8 @@ const COMPONENTS$a = [
|
|
|
1281
1305
|
EuimHeaderDetailsIconDirective,
|
|
1282
1306
|
];
|
|
1283
1307
|
class EuimHeaderDetailsModule {
|
|
1284
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1285
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
1308
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1309
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsModule, declarations: [EuimHeaderDetailsComponent,
|
|
1286
1310
|
EuimHeaderDetailsTitleDirective,
|
|
1287
1311
|
EuimHeaderDetailsMetaDirective,
|
|
1288
1312
|
EuimHeaderDetailsIconDirective], imports: [CommonModule,
|
|
@@ -1290,10 +1314,10 @@ class EuimHeaderDetailsModule {
|
|
|
1290
1314
|
EuimHeaderDetailsTitleDirective,
|
|
1291
1315
|
EuimHeaderDetailsMetaDirective,
|
|
1292
1316
|
EuimHeaderDetailsIconDirective] }); }
|
|
1293
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
1317
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsModule, imports: [CommonModule,
|
|
1294
1318
|
IonicModule] }); }
|
|
1295
1319
|
}
|
|
1296
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1320
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHeaderDetailsModule, decorators: [{
|
|
1297
1321
|
type: NgModule,
|
|
1298
1322
|
args: [{
|
|
1299
1323
|
imports: [
|
|
@@ -1321,10 +1345,10 @@ class EuimBadgeComponent {
|
|
|
1321
1345
|
this.baseStatesDirective.getCssClasses('euim-badge'),
|
|
1322
1346
|
].join(' ').trim();
|
|
1323
1347
|
}
|
|
1324
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1325
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1348
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimBadgeComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1349
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimBadgeComponent, selector: "euim-badge", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimPositionTopEnd", "euimPositionTopEnd", "euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL", "color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);height:var(--eui-s-l);min-width:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs);color:var(--eui-c-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-s-bold);box-sizing:border-box;letter-spacing:normal}.euim-avatar{position:relative;overflow:visible}ion-button .euim-badge--position-top-end,ion-tab-button span .euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-l.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-l.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-m.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-m.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-xs));left:var(--eui-s-s)}ion-button .euim-badge--size-s.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-s.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-2xs));left:var(--eui-s-s)}ion-button::part(native){overflow:visible}ion-tab-button span{position:relative}ion-tab-button span ion-icon{font-size:var(--eui-f-size-2xl)}.euim-badge--info{background:var(--eui-c-info)}.euim-badge--success{background:var(--eui-c-success)}.euim-badge--warning{background:var(--eui-c-warning)}.euim-badge--danger{background:var(--eui-c-danger)}.euim-badge--white{background:var(--eui-bc-white);color:var(--eui-base-color-primary-100)}.euim-badge--default{background:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral-lightest-contrast)}.euim-badge--size-s{min-width:var(--eui-s-m);height:var(--eui-s-m);padding:0 var(--eui-s-2xs);font:var(--eui-f-xs)!important}.euim-badge--size-m{min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));height:calc(var(--eui-s-m) + var(--eui-s-2xs));padding:calc(var(--eui-s-2xs) / 2) calc(var(--eui-s-s) / 2);font:var(--eui-f-xs)!important}.euim-badge--size-l{height:var(--eui-s-l);min-width:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1326
1350
|
}
|
|
1327
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1351
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimBadgeComponent, decorators: [{
|
|
1328
1352
|
type: Component,
|
|
1329
1353
|
args: [{ selector: 'euim-badge', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
1330
1354
|
{
|
|
@@ -1337,20 +1361,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1337
1361
|
'color',
|
|
1338
1362
|
],
|
|
1339
1363
|
},
|
|
1340
|
-
], template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:
|
|
1364
|
+
], template: "<ng-content></ng-content>\n", styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);height:var(--eui-s-l);min-width:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs);color:var(--eui-c-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-s-bold);box-sizing:border-box;letter-spacing:normal}.euim-avatar{position:relative;overflow:visible}ion-button .euim-badge--position-top-end,ion-tab-button span .euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-l.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-l.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-m.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-m.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-xs));left:var(--eui-s-s)}ion-button .euim-badge--size-s.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-s.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-2xs));left:var(--eui-s-s)}ion-button::part(native){overflow:visible}ion-tab-button span{position:relative}ion-tab-button span ion-icon{font-size:var(--eui-f-size-2xl)}.euim-badge--info{background:var(--eui-c-info)}.euim-badge--success{background:var(--eui-c-success)}.euim-badge--warning{background:var(--eui-c-warning)}.euim-badge--danger{background:var(--eui-c-danger)}.euim-badge--white{background:var(--eui-bc-white);color:var(--eui-base-color-primary-100)}.euim-badge--default{background:var(--eui-c-neutral-lightest);color:var(--eui-c-neutral-lightest-contrast)}.euim-badge--size-s{min-width:var(--eui-s-m);height:var(--eui-s-m);padding:0 var(--eui-s-2xs);font:var(--eui-f-xs)!important}.euim-badge--size-m{min-width:calc(var(--eui-s-m) + var(--eui-s-2xs));height:calc(var(--eui-s-m) + var(--eui-s-2xs));padding:calc(var(--eui-s-2xs) / 2) calc(var(--eui-s-s) / 2);font:var(--eui-f-xs)!important}.euim-badge--size-l{height:var(--eui-s-l);min-width:var(--eui-s-l);padding:var(--eui-s-2xs) var(--eui-s-xs);font:var(--eui-f-s)!important}\n"] }]
|
|
1341
1365
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
1342
1366
|
type: HostBinding,
|
|
1343
1367
|
args: ['class']
|
|
1344
1368
|
}] } });
|
|
1345
1369
|
|
|
1346
1370
|
class EuimBadgeModule {
|
|
1347
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1348
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
1371
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1372
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimBadgeModule, declarations: [EuimBadgeComponent], imports: [CommonModule,
|
|
1349
1373
|
IonicModule], exports: [EuimBadgeComponent] }); }
|
|
1350
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
1374
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimBadgeModule, imports: [CommonModule,
|
|
1351
1375
|
IonicModule] }); }
|
|
1352
1376
|
}
|
|
1353
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1377
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimBadgeModule, decorators: [{
|
|
1354
1378
|
type: NgModule,
|
|
1355
1379
|
args: [{
|
|
1356
1380
|
imports: [
|
|
@@ -1394,10 +1418,10 @@ class EuimMessageComponent {
|
|
|
1394
1418
|
this.baseStatesDirective.color !== 'info' ? 'euim-message--info' : '',
|
|
1395
1419
|
].join(' ');
|
|
1396
1420
|
}
|
|
1397
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1398
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1421
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMessageComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1422
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimMessageComponent, selector: "euim-message", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<div class=\"euim-message__wrappericon\">\n <ion-icon [name]=\"icon\" class=\"euim-message__icon\"></ion-icon>\n</div>\n<div class=\"euim-message__wrapper\">\n <ng-content select=\"euim-message-title\"></ng-content>\n <ng-content></ng-content>\n</div>\n", styles: [".euim-message{border-width:2px;border-style:solid;display:flex;padding:var(--eui-s-m)}.euim-message__wrappericon{width:var(--eui-s-l);height:var(--eui-s-l);padding:0;margin:0}.euim-message__icon{padding:0;margin:0;width:var(--eui-s-l);height:var(--eui-s-l)}.euim-message__wrapper{margin-left:var(--eui-s-xs)}.euim-message--danger{border-color:var(--eui-c-danger)}.euim-message--danger ion-icon{color:var(--eui-c-danger)}.euim-message--info{border-color:var(--eui-c-info)}.euim-message--info ion-icon{color:var(--eui-c-info)}.euim-message--success{border-color:var(--eui-c-success)}.euim-message--success ion-icon{color:var(--eui-c-success)}.euim-message--warning{border-color:var(--eui-c-warning)}.euim-message--warning ion-icon{color:var(--eui-c-warning)}.euim-message-title{display:flex;align-items:center;font:var(--eui-f-m);font:var(--eui-f-bold);padding:0;margin:0 0 var(--eui-s-xs)}\n"], dependencies: [{ kind: "component", type: 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 }); }
|
|
1399
1423
|
}
|
|
1400
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1424
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMessageComponent, decorators: [{
|
|
1401
1425
|
type: Component,
|
|
1402
1426
|
args: [{ selector: 'euim-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1403
1427
|
{
|
|
@@ -1406,7 +1430,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1406
1430
|
'color',
|
|
1407
1431
|
],
|
|
1408
1432
|
},
|
|
1409
|
-
], template: "<div class=\"euim-message__wrappericon\">\n <ion-icon [name]=\"icon\" class=\"euim-message__icon\"></ion-icon>\n</div>\n<div class=\"euim-message__wrapper\">\n <ng-content select=\"euim-message-title\"></ng-content>\n <ng-content></ng-content>\n</div>\n", styles: [".euim-message{border-width:2px;border-style:solid;display:flex;padding:var(--eui-s-m)}.euim-message__wrappericon{width:var(--eui-s-l);height:var(--eui-s-l);padding:0;margin:0}.euim-message__icon{padding:0;margin:0;width:var(--eui-s-l);height:var(--eui-s-l)}.euim-message__wrapper{margin-left:var(--eui-s-xs)}.euim-message--danger{border-color:var(--eui-
|
|
1433
|
+
], template: "<div class=\"euim-message__wrappericon\">\n <ion-icon [name]=\"icon\" class=\"euim-message__icon\"></ion-icon>\n</div>\n<div class=\"euim-message__wrapper\">\n <ng-content select=\"euim-message-title\"></ng-content>\n <ng-content></ng-content>\n</div>\n", styles: [".euim-message{border-width:2px;border-style:solid;display:flex;padding:var(--eui-s-m)}.euim-message__wrappericon{width:var(--eui-s-l);height:var(--eui-s-l);padding:0;margin:0}.euim-message__icon{padding:0;margin:0;width:var(--eui-s-l);height:var(--eui-s-l)}.euim-message__wrapper{margin-left:var(--eui-s-xs)}.euim-message--danger{border-color:var(--eui-c-danger)}.euim-message--danger ion-icon{color:var(--eui-c-danger)}.euim-message--info{border-color:var(--eui-c-info)}.euim-message--info ion-icon{color:var(--eui-c-info)}.euim-message--success{border-color:var(--eui-c-success)}.euim-message--success ion-icon{color:var(--eui-c-success)}.euim-message--warning{border-color:var(--eui-c-warning)}.euim-message--warning ion-icon{color:var(--eui-c-warning)}.euim-message-title{display:flex;align-items:center;font:var(--eui-f-m);font:var(--eui-f-bold);padding:0;margin:0 0 var(--eui-s-xs)}\n"] }]
|
|
1410
1434
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
1411
1435
|
type: HostBinding,
|
|
1412
1436
|
args: ['class']
|
|
@@ -1416,10 +1440,10 @@ class EuimMessageTitleComponent {
|
|
|
1416
1440
|
constructor() {
|
|
1417
1441
|
this.className = 'euim-message-title';
|
|
1418
1442
|
}
|
|
1419
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1420
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1443
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMessageTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1444
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimMessageTitleComponent, selector: "euim-message-title", host: { properties: { "className": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1421
1445
|
}
|
|
1422
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1446
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMessageTitleComponent, decorators: [{
|
|
1423
1447
|
type: Component,
|
|
1424
1448
|
args: [{ selector: 'euim-message-title', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n" }]
|
|
1425
1449
|
}], propDecorators: { className: [{
|
|
@@ -1431,15 +1455,15 @@ const COMPONENTS$9 = [
|
|
|
1431
1455
|
EuimMessageTitleComponent,
|
|
1432
1456
|
];
|
|
1433
1457
|
class EuimMessageModule {
|
|
1434
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1435
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
1458
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1459
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimMessageModule, declarations: [EuimMessageComponent,
|
|
1436
1460
|
EuimMessageTitleComponent], imports: [CommonModule,
|
|
1437
1461
|
IonicModule], exports: [EuimMessageComponent,
|
|
1438
1462
|
EuimMessageTitleComponent] }); }
|
|
1439
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
1463
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMessageModule, imports: [CommonModule,
|
|
1440
1464
|
IonicModule] }); }
|
|
1441
1465
|
}
|
|
1442
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1466
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMessageModule, decorators: [{
|
|
1443
1467
|
type: NgModule,
|
|
1444
1468
|
args: [{
|
|
1445
1469
|
imports: [
|
|
@@ -1459,10 +1483,10 @@ class EuimSpinnerComponent {
|
|
|
1459
1483
|
constructor() {
|
|
1460
1484
|
this.className = 'euim-spinner';
|
|
1461
1485
|
}
|
|
1462
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1463
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1486
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1487
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimSpinnerComponent, selector: "euim-spinner", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-spinner class=\"euim-spinner__icon\">\n</ion-spinner>\n<ng-content>\n</ng-content>\n\n\n", styles: [".euim-spinner{width:100%;margin:0;padding:0}.euim-spinner__icon{width:100%;height:var(--eui-s-2xl);color:var(--eui-bc-primary-100)}.euim-spinner--size-2xs{font-size:var(--eui-f-size-2xs)}.euim-spinner--size-xs{font-size:var(--eui-f-size-xs)}.euim-spinner--size-s{font-size:var(--eui-f-size-s)}.euim-spinner--size-m{font-size:var(--eui-f-size-m)}.euim-spinner--size-l{font-size:var(--eui-f-size-l)}.euim-spinner--size-xl{font-size:var(--eui-f-size-xl)}.euim-spinner--size-2xl{font-size:var(--eui-f-size-2xl)}.euim-spinner--size-3xl{font-size:var(--eui-f-size-3xl)}.euim-spinner--size-4xl{font-size:var(--eui-f-size-4xl)}.euim-spinner--primary{color:var(--eui-bc-primary-100)}.euim-spinner--secondary{color:var(--eui-bc-neutral-60)}.euim-spinner--info{color:var(--eui-bc-info-100)}.euim-spinner--success{color:var(--eui-bc-success-100)}.euim-spinner--warning{color:var(--eui-bc-warning-100)}.euim-spinner--danger{color:var(--eui-bc-danger-100)}.euim-spinner--accent{color:var(--eui-bc-accent-100)}.euim-spinner-message{font:var(--eui-f-m);font:var(--eui-f-bold);display:flex;justify-content:center;color:var(--eui-bc-neutral-80)}.euim-spinner-description{font:var(--eui-f-s);display:flex;justify-content:center;color:var(--eui-bc-neutral-80);margin-top:var(--eui-s-2xs)}\n"], dependencies: [{ kind: "component", type: i1.IonSpinner, selector: "ion-spinner", inputs: ["color", "duration", "name", "paused"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1464
1488
|
}
|
|
1465
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1489
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSpinnerComponent, decorators: [{
|
|
1466
1490
|
type: Component,
|
|
1467
1491
|
args: [{ selector: 'euim-spinner', encapsulation: ViewEncapsulation.None, template: "<ion-spinner class=\"euim-spinner__icon\">\n</ion-spinner>\n<ng-content>\n</ng-content>\n\n\n", styles: [".euim-spinner{width:100%;margin:0;padding:0}.euim-spinner__icon{width:100%;height:var(--eui-s-2xl);color:var(--eui-bc-primary-100)}.euim-spinner--size-2xs{font-size:var(--eui-f-size-2xs)}.euim-spinner--size-xs{font-size:var(--eui-f-size-xs)}.euim-spinner--size-s{font-size:var(--eui-f-size-s)}.euim-spinner--size-m{font-size:var(--eui-f-size-m)}.euim-spinner--size-l{font-size:var(--eui-f-size-l)}.euim-spinner--size-xl{font-size:var(--eui-f-size-xl)}.euim-spinner--size-2xl{font-size:var(--eui-f-size-2xl)}.euim-spinner--size-3xl{font-size:var(--eui-f-size-3xl)}.euim-spinner--size-4xl{font-size:var(--eui-f-size-4xl)}.euim-spinner--primary{color:var(--eui-bc-primary-100)}.euim-spinner--secondary{color:var(--eui-bc-neutral-60)}.euim-spinner--info{color:var(--eui-bc-info-100)}.euim-spinner--success{color:var(--eui-bc-success-100)}.euim-spinner--warning{color:var(--eui-bc-warning-100)}.euim-spinner--danger{color:var(--eui-bc-danger-100)}.euim-spinner--accent{color:var(--eui-bc-accent-100)}.euim-spinner-message{font:var(--eui-f-m);font:var(--eui-f-bold);display:flex;justify-content:center;color:var(--eui-bc-neutral-80)}.euim-spinner-description{font:var(--eui-f-s);display:flex;justify-content:center;color:var(--eui-bc-neutral-80);margin-top:var(--eui-s-2xs)}\n"] }]
|
|
1468
1492
|
}], propDecorators: { className: [{
|
|
@@ -1475,10 +1499,10 @@ class EuimSpinnerMessageComponent {
|
|
|
1475
1499
|
constructor() {
|
|
1476
1500
|
this.className = 'euim-spinner-message';
|
|
1477
1501
|
}
|
|
1478
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1479
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1502
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSpinnerMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1503
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimSpinnerMessageComponent, selector: "[euimSpinnerMessage]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-spinner-message{font:var(--eui-f-m);font:var(--eui-f-bold);display:flex;justify-content:center;color:var(--eui-bc-neutral-80)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1480
1504
|
}
|
|
1481
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1505
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSpinnerMessageComponent, decorators: [{
|
|
1482
1506
|
type: Component,
|
|
1483
1507
|
args: [{ selector: '[euimSpinnerMessage]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".euim-spinner-message{font:var(--eui-f-m);font:var(--eui-f-bold);display:flex;justify-content:center;color:var(--eui-bc-neutral-80)}\n"] }]
|
|
1484
1508
|
}], propDecorators: { className: [{
|
|
@@ -1491,10 +1515,10 @@ class EuimSpinnerDescriptionComponent {
|
|
|
1491
1515
|
constructor() {
|
|
1492
1516
|
this.className = 'euim-spinner-description';
|
|
1493
1517
|
}
|
|
1494
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1495
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1518
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSpinnerDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1519
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimSpinnerDescriptionComponent, selector: "[euimSpinnerDescription]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".euim-spinner-description{font:var(--eui-f-s);display:flex;justify-content:center;color:var(--eui-bc-neutral-80);margin-top:var(--eui-s-2xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1496
1520
|
}
|
|
1497
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1521
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSpinnerDescriptionComponent, decorators: [{
|
|
1498
1522
|
type: Component,
|
|
1499
1523
|
args: [{ selector: '[euimSpinnerDescription]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".euim-spinner-description{font:var(--eui-f-s);display:flex;justify-content:center;color:var(--eui-bc-neutral-80);margin-top:var(--eui-s-2xs)}\n"] }]
|
|
1500
1524
|
}], propDecorators: { className: [{
|
|
@@ -1503,19 +1527,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1503
1527
|
}] } });
|
|
1504
1528
|
|
|
1505
1529
|
class EuimSpinnerComponentModule {
|
|
1506
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1507
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
1530
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSpinnerComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1531
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimSpinnerComponentModule, declarations: [EuimSpinnerComponent,
|
|
1508
1532
|
EuimSpinnerMessageComponent,
|
|
1509
1533
|
EuimSpinnerDescriptionComponent], imports: [CommonModule,
|
|
1510
1534
|
IonicModule,
|
|
1511
1535
|
TranslateModule], exports: [EuimSpinnerComponent,
|
|
1512
1536
|
EuimSpinnerMessageComponent,
|
|
1513
1537
|
EuimSpinnerDescriptionComponent] }); }
|
|
1514
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
1538
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSpinnerComponentModule, imports: [CommonModule,
|
|
1515
1539
|
IonicModule,
|
|
1516
1540
|
TranslateModule] }); }
|
|
1517
1541
|
}
|
|
1518
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1542
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSpinnerComponentModule, decorators: [{
|
|
1519
1543
|
type: NgModule,
|
|
1520
1544
|
args: [{
|
|
1521
1545
|
imports: [
|
|
@@ -1544,6 +1568,7 @@ class EuimMediaHeaderComponent {
|
|
|
1544
1568
|
this.baseStatesDirective = baseStatesDirective;
|
|
1545
1569
|
this.euimNoGradient = false;
|
|
1546
1570
|
this.euimTwoSidesGradient = false;
|
|
1571
|
+
this.hasBlur = false;
|
|
1547
1572
|
}
|
|
1548
1573
|
getCssClasses() {
|
|
1549
1574
|
let size;
|
|
@@ -1561,10 +1586,10 @@ class EuimMediaHeaderComponent {
|
|
|
1561
1586
|
size ? `euim-media-header__size-${size}` : '',
|
|
1562
1587
|
].join(' ').trim();
|
|
1563
1588
|
}
|
|
1564
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1565
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
1589
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1590
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimMediaHeaderComponent, selector: "euim-media-header", inputs: { euimNoGradient: ["euimNoGradient", "euimNoGradient", booleanAttribute], euimTwoSidesGradient: ["euimTwoSidesGradient", "euimTwoSidesGradient", booleanAttribute], hasBlur: ["hasBlur", "hasBlur", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ng-content select=\"[euimMediaHeaderImage]\"></ng-content>\n@if (!euimNoGradient) {\n <div [ngClass]=\"euimTwoSidesGradient ? 'euim-media-header__gradient euim-media-header__gradient--two-sides' : 'euim-media-header__gradient'\">\n </div>\n}\n@if (hasBlur) {\n <div class=\"euim-media-header__blur\">\n </div>\n}\n<div class=\"euim-media-header__content\">\n <ng-content></ng-content>\n</div>\n", styles: [".euim-media-header{position:relative;display:flex}.euim-media-header__content{position:absolute;bottom:var(--eui-s-m);color:#fff;padding-left:var(--eui-s-m);padding-right:var(--eui-s-m)}.euim-media-header__content .euim-media-header__title{font:var(--eui-f-xl);font-weight:700;color:var(--eui-c-white)}.euim-media-header__content .euim-media-header__sub-title{color:var(--eui-c-white);font:var(--eui-f-m)}.euim-media-header__content:has(.euim-media-header__custom-content){padding:0;top:0;right:0;width:100%;height:100%;overflow:auto}.euim-media-header__content:has(.euim-align-center){top:50%;right:50%;transform:translate(50%,-50%);width:100%;bottom:auto;text-align:center}.euim-media-header__blur{position:absolute;inset:0;background-color:#0003;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.euim-media-header__gradient{width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#000);background-blend-mode:multiply;background-size:100%;position:absolute;inset:0}.euim-media-header__gradient--two-sides{background:linear-gradient(180deg,#000,#fff0 46.35%,#000 86.98%)!important}.euim-media-header__image{width:100%;height:100%;object-fit:cover}.euim-media-header__title{font:var(--eui-f-xl);font-weight:700;color:var(--eui-c-white)}.euim-media-header__sub-title{color:var(--eui-c-white);font:var(--eui-f-m)}.euim-media-header__title+.euim-media-header__sub-title{margin-top:var(--eui-s-2xs)}.euim-media-header p,.euim-media-header span{margin:0}.euim-media-header span[euimMediaHeaderTitle],.euim-media-header span[euimMediaHeaderSubTitle]{display:block}.euim-media-header__size-s{height:calc(var(--eui-s-m) * 8)}.euim-media-header__size-m{height:calc(var(--eui-s-m) * 16)}.euim-media-header__size-l{height:calc(var(--eui-s-m) * 25)}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1566
1591
|
}
|
|
1567
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1592
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderComponent, decorators: [{
|
|
1568
1593
|
type: Component,
|
|
1569
1594
|
args: [{ selector: 'euim-media-header', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1570
1595
|
{
|
|
@@ -1575,13 +1600,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1575
1600
|
'euimSizeL',
|
|
1576
1601
|
],
|
|
1577
1602
|
},
|
|
1578
|
-
], template: "<ng-content select=\"[euimMediaHeaderImage]\"></ng-content>\n@if (!euimNoGradient) {\n <div [ngClass]=\"euimTwoSidesGradient ? 'euim-media-header__gradient euim-media-header__gradient--two-sides' : 'euim-media-header__gradient'\">\n </div>\n}\n<div class=\"euim-media-
|
|
1603
|
+
], template: "<ng-content select=\"[euimMediaHeaderImage]\"></ng-content>\n@if (!euimNoGradient) {\n <div [ngClass]=\"euimTwoSidesGradient ? 'euim-media-header__gradient euim-media-header__gradient--two-sides' : 'euim-media-header__gradient'\">\n </div>\n}\n@if (hasBlur) {\n <div class=\"euim-media-header__blur\">\n </div>\n}\n<div class=\"euim-media-header__content\">\n <ng-content></ng-content>\n</div>\n", styles: [".euim-media-header{position:relative;display:flex}.euim-media-header__content{position:absolute;bottom:var(--eui-s-m);color:#fff;padding-left:var(--eui-s-m);padding-right:var(--eui-s-m)}.euim-media-header__content .euim-media-header__title{font:var(--eui-f-xl);font-weight:700;color:var(--eui-c-white)}.euim-media-header__content .euim-media-header__sub-title{color:var(--eui-c-white);font:var(--eui-f-m)}.euim-media-header__content:has(.euim-media-header__custom-content){padding:0;top:0;right:0;width:100%;height:100%;overflow:auto}.euim-media-header__content:has(.euim-align-center){top:50%;right:50%;transform:translate(50%,-50%);width:100%;bottom:auto;text-align:center}.euim-media-header__blur{position:absolute;inset:0;background-color:#0003;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.euim-media-header__gradient{width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#000);background-blend-mode:multiply;background-size:100%;position:absolute;inset:0}.euim-media-header__gradient--two-sides{background:linear-gradient(180deg,#000,#fff0 46.35%,#000 86.98%)!important}.euim-media-header__image{width:100%;height:100%;object-fit:cover}.euim-media-header__title{font:var(--eui-f-xl);font-weight:700;color:var(--eui-c-white)}.euim-media-header__sub-title{color:var(--eui-c-white);font:var(--eui-f-m)}.euim-media-header__title+.euim-media-header__sub-title{margin-top:var(--eui-s-2xs)}.euim-media-header p,.euim-media-header span{margin:0}.euim-media-header span[euimMediaHeaderTitle],.euim-media-header span[euimMediaHeaderSubTitle]{display:block}.euim-media-header__size-s{height:calc(var(--eui-s-m) * 8)}.euim-media-header__size-m{height:calc(var(--eui-s-m) * 16)}.euim-media-header__size-l{height:calc(var(--eui-s-m) * 25)}\n"] }]
|
|
1579
1604
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimNoGradient: [{
|
|
1580
1605
|
type: Input,
|
|
1581
1606
|
args: [{ transform: booleanAttribute }]
|
|
1582
1607
|
}], euimTwoSidesGradient: [{
|
|
1583
1608
|
type: Input,
|
|
1584
1609
|
args: [{ transform: booleanAttribute }]
|
|
1610
|
+
}], hasBlur: [{
|
|
1611
|
+
type: Input,
|
|
1612
|
+
args: [{ transform: booleanAttribute }]
|
|
1585
1613
|
}], cssClasses: [{
|
|
1586
1614
|
type: HostBinding,
|
|
1587
1615
|
args: ['class']
|
|
@@ -1591,10 +1619,10 @@ class EuimMediaHeaderSubTitleDirective {
|
|
|
1591
1619
|
constructor() {
|
|
1592
1620
|
this.className = 'euim-media-header__sub-title';
|
|
1593
1621
|
}
|
|
1594
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1595
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1622
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderSubTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1623
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimMediaHeaderSubTitleDirective, selector: "[euimMediaHeaderSubTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1596
1624
|
}
|
|
1597
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1625
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderSubTitleDirective, decorators: [{
|
|
1598
1626
|
type: Directive,
|
|
1599
1627
|
args: [{
|
|
1600
1628
|
selector: '[euimMediaHeaderSubTitle]',
|
|
@@ -1608,10 +1636,10 @@ class EuimMediaHeaderTitleDirective {
|
|
|
1608
1636
|
constructor() {
|
|
1609
1637
|
this.className = 'euim-media-header__title';
|
|
1610
1638
|
}
|
|
1611
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1612
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1639
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1640
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimMediaHeaderTitleDirective, selector: "[euimMediaHeaderTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1613
1641
|
}
|
|
1614
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1642
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderTitleDirective, decorators: [{
|
|
1615
1643
|
type: Directive,
|
|
1616
1644
|
args: [{
|
|
1617
1645
|
selector: '[euimMediaHeaderTitle]',
|
|
@@ -1625,10 +1653,10 @@ class EuimMediaHeaderImageDirective {
|
|
|
1625
1653
|
constructor() {
|
|
1626
1654
|
this.className = 'euim-media-header__image';
|
|
1627
1655
|
}
|
|
1628
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1629
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1656
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1657
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimMediaHeaderImageDirective, selector: "[euimMediaHeaderImage]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1630
1658
|
}
|
|
1631
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1659
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderImageDirective, decorators: [{
|
|
1632
1660
|
type: Directive,
|
|
1633
1661
|
args: [{
|
|
1634
1662
|
selector: '[euimMediaHeaderImage]',
|
|
@@ -1638,6 +1666,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1638
1666
|
args: ['class']
|
|
1639
1667
|
}] } });
|
|
1640
1668
|
|
|
1669
|
+
class EuimMediaHeaderCustomContentDirective {
|
|
1670
|
+
constructor() {
|
|
1671
|
+
this.className = 'euim-media-header__custom-content';
|
|
1672
|
+
}
|
|
1673
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderCustomContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1674
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimMediaHeaderCustomContentDirective, isStandalone: true, selector: "[euimMediaHeaderCustomContent]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
1675
|
+
}
|
|
1676
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderCustomContentDirective, decorators: [{
|
|
1677
|
+
type: Directive,
|
|
1678
|
+
args: [{
|
|
1679
|
+
selector: '[euimMediaHeaderCustomContent]',
|
|
1680
|
+
standalone: true,
|
|
1681
|
+
}]
|
|
1682
|
+
}], propDecorators: { className: [{
|
|
1683
|
+
type: HostBinding,
|
|
1684
|
+
args: ['class']
|
|
1685
|
+
}] } });
|
|
1686
|
+
|
|
1641
1687
|
const COMPONENTS$8 = [
|
|
1642
1688
|
EuimMediaHeaderComponent,
|
|
1643
1689
|
EuimMediaHeaderTitleDirective,
|
|
@@ -1645,27 +1691,30 @@ const COMPONENTS$8 = [
|
|
|
1645
1691
|
EuimMediaHeaderImageDirective,
|
|
1646
1692
|
];
|
|
1647
1693
|
class EuimMediaHeaderModule {
|
|
1648
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1649
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
1694
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1695
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderModule, declarations: [EuimMediaHeaderComponent,
|
|
1650
1696
|
EuimMediaHeaderTitleDirective,
|
|
1651
1697
|
EuimMediaHeaderSubTitleDirective,
|
|
1652
1698
|
EuimMediaHeaderImageDirective], imports: [CommonModule,
|
|
1653
|
-
IonicModule
|
|
1699
|
+
IonicModule,
|
|
1700
|
+
EuimMediaHeaderCustomContentDirective], exports: [EuimMediaHeaderComponent,
|
|
1654
1701
|
EuimMediaHeaderTitleDirective,
|
|
1655
1702
|
EuimMediaHeaderSubTitleDirective,
|
|
1656
|
-
EuimMediaHeaderImageDirective] }); }
|
|
1657
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
1703
|
+
EuimMediaHeaderImageDirective, EuimMediaHeaderCustomContentDirective] }); }
|
|
1704
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderModule, imports: [CommonModule,
|
|
1658
1705
|
IonicModule] }); }
|
|
1659
1706
|
}
|
|
1660
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1707
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMediaHeaderModule, decorators: [{
|
|
1661
1708
|
type: NgModule,
|
|
1662
1709
|
args: [{
|
|
1663
1710
|
imports: [
|
|
1664
1711
|
CommonModule,
|
|
1665
1712
|
IonicModule,
|
|
1713
|
+
EuimMediaHeaderCustomContentDirective,
|
|
1666
1714
|
],
|
|
1667
1715
|
exports: [
|
|
1668
1716
|
...COMPONENTS$8,
|
|
1717
|
+
EuimMediaHeaderCustomContentDirective,
|
|
1669
1718
|
],
|
|
1670
1719
|
declarations: [
|
|
1671
1720
|
...COMPONENTS$8,
|
|
@@ -1685,10 +1734,10 @@ class EuimDataSummaryColLabelDirective {
|
|
|
1685
1734
|
this.baseStatesDirective.getCssClasses('euim-data-summary__col-label'),
|
|
1686
1735
|
].join(' ').trim();
|
|
1687
1736
|
}
|
|
1688
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1689
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1737
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryColLabelDirective, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1738
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimDataSummaryColLabelDirective, selector: "[euimDataSummaryColLabel]", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0 }); }
|
|
1690
1739
|
}
|
|
1691
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1740
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryColLabelDirective, decorators: [{
|
|
1692
1741
|
type: Directive,
|
|
1693
1742
|
args: [{
|
|
1694
1743
|
selector: '[euimDataSummaryColLabel]',
|
|
@@ -1718,10 +1767,10 @@ class EuimDataSummaryColValueDirective {
|
|
|
1718
1767
|
this.baseStatesDirective.getCssClasses('euim-data-summary__col-value'),
|
|
1719
1768
|
].join(' ').trim();
|
|
1720
1769
|
}
|
|
1721
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1722
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
1770
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryColValueDirective, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1771
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimDataSummaryColValueDirective, selector: "[euimDataSummaryColValue]", host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
|
|
1723
1772
|
}
|
|
1724
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1773
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryColValueDirective, decorators: [{
|
|
1725
1774
|
type: Directive,
|
|
1726
1775
|
args: [{
|
|
1727
1776
|
selector: '[euimDataSummaryColValue]',
|
|
@@ -1756,10 +1805,10 @@ class EuimDataSummaryComponent {
|
|
|
1756
1805
|
}
|
|
1757
1806
|
}
|
|
1758
1807
|
}
|
|
1759
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1760
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1808
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1809
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimDataSummaryComponent, selector: "euim-data-summary", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimDataSummaryColLabelComponent", predicate: EuimDataSummaryColLabelDirective, descendants: true }, { propertyName: "euimDataSummaryColValueComponent", predicate: EuimDataSummaryColValueDirective, descendants: true }], hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-bc-neutral-20);border-top:1px solid var(--eui-bc-neutral-20)}.euim-data-summary--primary{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-summary__col{width:100%;text-align:center}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-bc-neutral-20)}.euim-data-summary__col-label{color:var(--eui-c-neutral);font:var(--eui-f-m);font:var(--eui-f-bold);margin:0 0 var(--eui-s-2xs) 0}.euim-data-summary__col-label--primary{color:var(--eui-c-branding-contrast)}p:not(.euim-data-summary__col-label),span:not(.euim-data-summary__col-label){margin:0}.euim-data-summary span[euimDataSummaryColLabel]{display:block}.euim-data-summary__col-value{color:var(--eui-c-neutral);font:var(--eui-f-s)}.euim-data-summary__col-value ion-icon{min-height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);vertical-align:bottom;margin-right:var(--eui-base-spacing-2xs)}.euim-data-summary__col-value--primary{color:var(--eui-c-branding-contrast)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1761
1810
|
}
|
|
1762
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1811
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryComponent, decorators: [{
|
|
1763
1812
|
type: Component,
|
|
1764
1813
|
args: [{ selector: 'euim-data-summary', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1765
1814
|
{
|
|
@@ -1768,7 +1817,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1768
1817
|
'color',
|
|
1769
1818
|
],
|
|
1770
1819
|
},
|
|
1771
|
-
], template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-bc-neutral-20);border-top:1px solid var(--eui-bc-neutral-20)}.euim-data-summary--primary{background-color:var(--eui-
|
|
1820
|
+
], template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;width:100%;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-bc-neutral-20);border-top:1px solid var(--eui-bc-neutral-20)}.euim-data-summary--primary{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-summary__col{width:100%;text-align:center}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-bc-neutral-20)}.euim-data-summary__col-label{color:var(--eui-c-neutral);font:var(--eui-f-m);font:var(--eui-f-bold);margin:0 0 var(--eui-s-2xs) 0}.euim-data-summary__col-label--primary{color:var(--eui-c-branding-contrast)}p:not(.euim-data-summary__col-label),span:not(.euim-data-summary__col-label){margin:0}.euim-data-summary span[euimDataSummaryColLabel]{display:block}.euim-data-summary__col-value{color:var(--eui-c-neutral);font:var(--eui-f-s)}.euim-data-summary__col-value ion-icon{min-height:var(--eui-base-spacing-m);min-width:var(--eui-base-spacing-m);vertical-align:bottom;margin-right:var(--eui-base-spacing-2xs)}.euim-data-summary__col-value--primary{color:var(--eui-c-branding-contrast)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"] }]
|
|
1772
1821
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimDataSummaryColLabelComponent: [{
|
|
1773
1822
|
type: ContentChildren,
|
|
1774
1823
|
args: [EuimDataSummaryColLabelDirective, { descendants: true }]
|
|
@@ -1784,10 +1833,10 @@ class EuimDataSummaryColComponent {
|
|
|
1784
1833
|
constructor() {
|
|
1785
1834
|
this.className = 'euim-data-summary__col';
|
|
1786
1835
|
}
|
|
1787
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1788
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
1836
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryColComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1837
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimDataSummaryColComponent, selector: "euim-data-summary-col", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true }); }
|
|
1789
1838
|
}
|
|
1790
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1839
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryColComponent, decorators: [{
|
|
1791
1840
|
type: Component,
|
|
1792
1841
|
args: [{
|
|
1793
1842
|
selector: 'euim-data-summary-col',
|
|
@@ -1805,8 +1854,8 @@ const COMPONENTS$7 = [
|
|
|
1805
1854
|
EuimDataSummaryColValueDirective,
|
|
1806
1855
|
];
|
|
1807
1856
|
class EuimDataSummaryModule {
|
|
1808
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1809
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
1857
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1858
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryModule, declarations: [EuimDataSummaryComponent,
|
|
1810
1859
|
EuimDataSummaryColComponent,
|
|
1811
1860
|
EuimDataSummaryColLabelDirective,
|
|
1812
1861
|
EuimDataSummaryColValueDirective], imports: [CommonModule,
|
|
@@ -1814,10 +1863,10 @@ class EuimDataSummaryModule {
|
|
|
1814
1863
|
EuimDataSummaryColComponent,
|
|
1815
1864
|
EuimDataSummaryColLabelDirective,
|
|
1816
1865
|
EuimDataSummaryColValueDirective] }); }
|
|
1817
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
1866
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryModule, imports: [CommonModule,
|
|
1818
1867
|
IonicModule] }); }
|
|
1819
1868
|
}
|
|
1820
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
1869
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDataSummaryModule, decorators: [{
|
|
1821
1870
|
type: NgModule,
|
|
1822
1871
|
args: [{
|
|
1823
1872
|
imports: [
|
|
@@ -1833,6 +1882,173 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1833
1882
|
}]
|
|
1834
1883
|
}] });
|
|
1835
1884
|
|
|
1885
|
+
class EuimCardImageDirective {
|
|
1886
|
+
constructor() {
|
|
1887
|
+
this.className = 'euim-card__image';
|
|
1888
|
+
}
|
|
1889
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardImageDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1890
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimCardImageDirective, selector: "[euimCardImage]", inputs: { euimCardImageHeight: "euimCardImageHeight", euimCardImageWidth: "euimCardImageWidth" }, host: { properties: { "style.--euimImageHeight": "this.euimCardImageHeight", "style.--euimImageWidth": "this.euimCardImageWidth", "class": "this.className" } }, ngImport: i0 }); }
|
|
1891
|
+
}
|
|
1892
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardImageDirective, decorators: [{
|
|
1893
|
+
type: Directive,
|
|
1894
|
+
args: [{
|
|
1895
|
+
selector: '[euimCardImage]',
|
|
1896
|
+
}]
|
|
1897
|
+
}], propDecorators: { euimCardImageHeight: [{
|
|
1898
|
+
type: HostBinding,
|
|
1899
|
+
args: ['style.--euimImageHeight']
|
|
1900
|
+
}, {
|
|
1901
|
+
type: Input
|
|
1902
|
+
}], euimCardImageWidth: [{
|
|
1903
|
+
type: HostBinding,
|
|
1904
|
+
args: ['style.--euimImageWidth']
|
|
1905
|
+
}, {
|
|
1906
|
+
type: Input
|
|
1907
|
+
}], className: [{
|
|
1908
|
+
type: HostBinding,
|
|
1909
|
+
args: ['class']
|
|
1910
|
+
}] } });
|
|
1911
|
+
|
|
1912
|
+
class EuimCardComponent {
|
|
1913
|
+
get cssClasses() {
|
|
1914
|
+
return this.getCssClasses();
|
|
1915
|
+
}
|
|
1916
|
+
constructor(baseStatesDirective) {
|
|
1917
|
+
this.baseStatesDirective = baseStatesDirective;
|
|
1918
|
+
}
|
|
1919
|
+
getCssClasses() {
|
|
1920
|
+
return [
|
|
1921
|
+
this.baseStatesDirective.getCssClasses('euim-card'),
|
|
1922
|
+
].join(' ').trim();
|
|
1923
|
+
}
|
|
1924
|
+
ngAfterContentInit() {
|
|
1925
|
+
if (this.cardImageDirective?.euimCardImageWidth) {
|
|
1926
|
+
this.imageWidth = this.cardImageDirective.euimCardImageWidth;
|
|
1927
|
+
}
|
|
1928
|
+
}
|
|
1929
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1930
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimCardComponent, selector: "euim-card", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "cardImageDirective", first: true, predicate: EuimCardImageDirective, descendants: true }], hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ion-card [style.width]=\"imageWidth ? imageWidth : ''\">\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative}.euim-card ion-card{margin:0;width:100%}.euim-card__header-image{width:100%}.euim-card__image{height:100%;width:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:0}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:0}.euim-card--size-s .euim-card__image{height:calc(var(--eui-base-spacing-m) * 6.25)}.euim-card--size-s .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-s .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) * 6.875 + 1px)}.euim-card--size-s .euim-card__content ion-item::part(native){padding:0}.euim-card--size-m .euim-card__image{height:calc(var(--eui-base-spacing-m) * 8)}.euim-card--size-m .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-m .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) * 9.625 + 1px)}.euim-card--size-m .euim-card__content ion-item::part(native){padding:0}\n"], dependencies: [{ kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1931
|
+
}
|
|
1932
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardComponent, decorators: [{
|
|
1933
|
+
type: Component,
|
|
1934
|
+
args: [{ selector: 'euim-card', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1935
|
+
{
|
|
1936
|
+
directive: BaseStatesDirective,
|
|
1937
|
+
inputs: [
|
|
1938
|
+
'euimSizeM',
|
|
1939
|
+
'euimSizeS',
|
|
1940
|
+
'euimSizeL',
|
|
1941
|
+
],
|
|
1942
|
+
},
|
|
1943
|
+
], template: "<ion-card [style.width]=\"imageWidth ? imageWidth : ''\">\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative}.euim-card ion-card{margin:0;width:100%}.euim-card__header-image{width:100%}.euim-card__image{height:100%;width:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:0}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:0}.euim-card--size-s .euim-card__image{height:calc(var(--eui-base-spacing-m) * 6.25)}.euim-card--size-s .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-s .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) * 6.875 + 1px)}.euim-card--size-s .euim-card__content ion-item::part(native){padding:0}.euim-card--size-m .euim-card__image{height:calc(var(--eui-base-spacing-m) * 8)}.euim-card--size-m .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-m .euim-card__content ion-item{--inner-padding-end: 0;--padding-start: 0;padding:0 var(--eui-base-spacing-m);min-width:calc(var(--eui-base-spacing-m) * 9.625 + 1px)}.euim-card--size-m .euim-card__content ion-item::part(native){padding:0}\n"] }]
|
|
1944
|
+
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cardImageDirective: [{
|
|
1945
|
+
type: ContentChild,
|
|
1946
|
+
args: [EuimCardImageDirective]
|
|
1947
|
+
}], cssClasses: [{
|
|
1948
|
+
type: HostBinding,
|
|
1949
|
+
args: ['class']
|
|
1950
|
+
}] } });
|
|
1951
|
+
|
|
1952
|
+
class EuimCardModule {
|
|
1953
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1954
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimCardModule, declarations: [EuimCardComponent, EuimCardImageDirective], imports: [CommonModule, IonicModule], exports: [EuimCardComponent, EuimCardImageDirective] }); }
|
|
1955
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardModule, imports: [CommonModule, IonicModule] }); }
|
|
1956
|
+
}
|
|
1957
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardModule, decorators: [{
|
|
1958
|
+
type: NgModule,
|
|
1959
|
+
args: [{
|
|
1960
|
+
imports: [CommonModule, IonicModule],
|
|
1961
|
+
exports: [EuimCardComponent, EuimCardImageDirective],
|
|
1962
|
+
declarations: [EuimCardComponent, EuimCardImageDirective],
|
|
1963
|
+
}]
|
|
1964
|
+
}] });
|
|
1965
|
+
|
|
1966
|
+
class EuimCardListComponent {
|
|
1967
|
+
constructor() {
|
|
1968
|
+
this.direction = '';
|
|
1969
|
+
}
|
|
1970
|
+
get cssClasses() {
|
|
1971
|
+
return this.getCssClasses();
|
|
1972
|
+
}
|
|
1973
|
+
getCssClasses() {
|
|
1974
|
+
return [
|
|
1975
|
+
'euim-card-list',
|
|
1976
|
+
this.direction ? `euim-card-list--direction-${this.direction}` : '',
|
|
1977
|
+
].join(' ').trim();
|
|
1978
|
+
}
|
|
1979
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1980
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimCardListComponent, selector: "euim-card-list", inputs: { direction: "direction" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [".euim-card-list{padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-m);overflow-x:auto;display:flex;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-card-list::-webkit-scrollbar{height:0}.euim-card-list .euim-card{padding-right:var(--eui-base-spacing-m)}.euim-card-list--direction-column{flex-direction:column;padding:var(--eui-base-spacing-xs)}.euim-card-list--direction-column .euim-card{padding-right:0;margin-bottom:var(--eui-base-spacing-xs)}.euim-card-list--direction-column .euim-card:first-child{padding-left:0}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}.euim-card-list .euim-card{margin-bottom:var(--eui-base-spacing-xs)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1981
|
+
}
|
|
1982
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardListComponent, decorators: [{
|
|
1983
|
+
type: Component,
|
|
1984
|
+
args: [{ selector: 'euim-card-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content></ng-content>\n", styles: [".euim-card-list{padding:var(--eui-base-spacing-xs) 0 var(--eui-base-spacing-xs) var(--eui-base-spacing-m);overflow-x:auto;display:flex;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-card-list::-webkit-scrollbar{height:0}.euim-card-list .euim-card{padding-right:var(--eui-base-spacing-m)}.euim-card-list--direction-column{flex-direction:column;padding:var(--eui-base-spacing-xs)}.euim-card-list--direction-column .euim-card{padding-right:0;margin-bottom:var(--eui-base-spacing-xs)}.euim-card-list--direction-column .euim-card:first-child{padding-left:0}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}.euim-card-list .euim-card{margin-bottom:var(--eui-base-spacing-xs)}}\n"] }]
|
|
1985
|
+
}], propDecorators: { direction: [{
|
|
1986
|
+
type: Input
|
|
1987
|
+
}], cssClasses: [{
|
|
1988
|
+
type: HostBinding,
|
|
1989
|
+
args: ['class']
|
|
1990
|
+
}] } });
|
|
1991
|
+
|
|
1992
|
+
class EuimScrollerXComponent {
|
|
1993
|
+
constructor() {
|
|
1994
|
+
this.className = 'euim-scroller-x';
|
|
1995
|
+
}
|
|
1996
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimScrollerXComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1997
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimScrollerXComponent, selector: "euim-scroller-x", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n\n", styles: [".euim-scroller-x{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-scroller-x::-webkit-scrollbar{height:0}.euim-scroller-x>*{flex:0 0 auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1998
|
+
}
|
|
1999
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimScrollerXComponent, decorators: [{
|
|
2000
|
+
type: Component,
|
|
2001
|
+
args: [{ selector: 'euim-scroller-x', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n\n", styles: [".euim-scroller-x{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-scroller-x::-webkit-scrollbar{height:0}.euim-scroller-x>*{flex:0 0 auto}\n"] }]
|
|
2002
|
+
}], propDecorators: { className: [{
|
|
2003
|
+
type: HostBinding,
|
|
2004
|
+
args: ['class']
|
|
2005
|
+
}] } });
|
|
2006
|
+
|
|
2007
|
+
class EuimScrollerXComponentModule {
|
|
2008
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimScrollerXComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2009
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimScrollerXComponentModule, declarations: [EuimScrollerXComponent], imports: [CommonModule,
|
|
2010
|
+
IonicModule], exports: [EuimScrollerXComponent] }); }
|
|
2011
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimScrollerXComponentModule, imports: [CommonModule,
|
|
2012
|
+
IonicModule] }); }
|
|
2013
|
+
}
|
|
2014
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimScrollerXComponentModule, decorators: [{
|
|
2015
|
+
type: NgModule,
|
|
2016
|
+
args: [{
|
|
2017
|
+
imports: [
|
|
2018
|
+
CommonModule,
|
|
2019
|
+
IonicModule,
|
|
2020
|
+
],
|
|
2021
|
+
exports: [
|
|
2022
|
+
EuimScrollerXComponent,
|
|
2023
|
+
],
|
|
2024
|
+
declarations: [
|
|
2025
|
+
EuimScrollerXComponent,
|
|
2026
|
+
],
|
|
2027
|
+
}]
|
|
2028
|
+
}] });
|
|
2029
|
+
|
|
2030
|
+
class EuimCardListModule {
|
|
2031
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2032
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimCardListModule, declarations: [EuimCardListComponent], imports: [CommonModule,
|
|
2033
|
+
IonicModule,
|
|
2034
|
+
EuimScrollerXComponentModule], exports: [EuimCardListComponent] }); }
|
|
2035
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardListModule, imports: [CommonModule,
|
|
2036
|
+
IonicModule,
|
|
2037
|
+
EuimScrollerXComponentModule] }); }
|
|
2038
|
+
}
|
|
2039
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimCardListModule, decorators: [{
|
|
2040
|
+
type: NgModule,
|
|
2041
|
+
args: [{
|
|
2042
|
+
imports: [
|
|
2043
|
+
CommonModule,
|
|
2044
|
+
IonicModule,
|
|
2045
|
+
EuimScrollerXComponentModule,
|
|
2046
|
+
],
|
|
2047
|
+
exports: [EuimCardListComponent],
|
|
2048
|
+
declarations: [EuimCardListComponent],
|
|
2049
|
+
}]
|
|
2050
|
+
}] });
|
|
2051
|
+
|
|
1836
2052
|
class EuimAlertMessageComponent {
|
|
1837
2053
|
constructor(baseStatesDirective) {
|
|
1838
2054
|
this.baseStatesDirective = baseStatesDirective;
|
|
@@ -1892,10 +2108,10 @@ class EuimAlertMessageComponent {
|
|
|
1892
2108
|
this.isVisible = false;
|
|
1893
2109
|
this.euimClose.emit();
|
|
1894
2110
|
}
|
|
1895
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1896
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
2111
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlertMessageComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2112
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimAlertMessageComponent, selector: "euim-alert-message", inputs: { euimLabelTruncate: ["euimLabelTruncate", "euimLabelTruncate", booleanAttribute], hasIcon: ["hasIcon", "hasIcon", booleanAttribute], isCloseable: ["isCloseable", "isCloseable", booleanAttribute] }, outputs: { euimClose: "euimClose" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "@if (hasIcon && isVisible) {\n <div class=\"euim-alert-message__wrappericon\">\n @if (hasIcon) {\n <ion-icon [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n }\n </div>\n}\n@if (isVisible) {\n <div class=\"euim-alert-message__wrapper\">\n <div class=\"slotStart\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n <div euimLabel [euimLabelTruncate]=\"euimLabelTruncate\">\n <ng-content></ng-content>\n </div>\n <div class=\"slotEnd\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n </div>\n}\n\n@if (isCloseable && isVisible) {\n <a role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n (click)=\"onClose($event)\">\n <ion-icon name=\"close-sharp\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n </a>\n}\n", styles: [".euim-alert-message{display:flex;align-items:center;font:var(--eui-f-s);padding-left:var(--eui-s-m);padding-right:var(--eui-s-xs);padding-top:var(--eui-s-xs);padding-bottom:var(--eui-s-xs)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message__wrapper .euim-label span,.euim-alert-message__wrapper .euim-label p{margin:0}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-s-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-s-m);height:var(--eui-s-m);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex}.euim-alert-message--danger{color:var(--eui-c-danger);background:var(--eui-c-danger-bg)}.euim-alert-message--danger .euim-label{color:var(--eui-c-danger)}.euim-alert-message--danger ion-icon{color:var(--eui-c-danger)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd],.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-c-danger);color:var(--eui-c-danger-contrast)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd] ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-c-danger-contrast)}.euim-alert-message--info{color:var(--eui-c-info);background:var(--eui-c-info-bg)}.euim-alert-message--info .euim-label{color:var(--eui-c-info)}.euim-alert-message--info ion-icon{color:var(--eui-c-info)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd],.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-bc-info-100);color:var(--eui-c-info-contrast)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd] ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--success{color:var(--eui-c-success);background:var(--eui-c-success-bg)}.euim-alert-message--success .euim-label{color:var(--eui-c-success)}.euim-alert-message--success ion-icon{color:var(--eui-c-success)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd],.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-c-success);color:var(--eui-c-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd] ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-c-success)}.euim-alert-message--warning{color:var(--eui-c-warning-darker);background:var(--eui-c-warning-bg)}.euim-alert-message--warning .euim-label{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd],.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-c-warning-darker);color:var(--eui-c-warning-darker-contrast)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd] ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-warning-darker-contrast)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-c-neutral)}.euim-alert-message--dark{color:var(--eui-c-neutral);background:var(--eui-c-neutral-bg)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-alert-message--primary{color:var(--eui-c-primary-contrast);background:var(--eui-c-primary)}.euim-alert-message--primary ion-icon,.euim-alert-message--primary .euim-label{color:var(--eui-c-primary-contrast)}.euim-alert-message--primary [slotEnd]{--background: none;--border-color: var(--eui-c-neutral);color:var(--eui-c-neutral)}.euim-alert-message--light{color:var(--eui-c-neutral);background:var(--eui-c-neutral-bg-light)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--light [slotEnd]{--background: var(--eui-bc-neutral-bg-light);color:var(--eui-c-neutral)}.euim-alert-message--default{color:var(--eui-c-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-c-black)}.euim-alert-message--clear{color:var(--eui-c-neutral);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:var(--eui-f-s)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-s-xs);padding-left:var(--eui-s-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-s-2xs)}\n"], dependencies: [{ kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1897
2113
|
}
|
|
1898
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2114
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlertMessageComponent, decorators: [{
|
|
1899
2115
|
type: Component,
|
|
1900
2116
|
args: [{ selector: 'euim-alert-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1901
2117
|
{
|
|
@@ -1904,7 +2120,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
1904
2120
|
'color',
|
|
1905
2121
|
],
|
|
1906
2122
|
},
|
|
1907
|
-
], template: "@if (hasIcon && isVisible) {\n <div class=\"euim-alert-message__wrappericon\">\n @if (hasIcon) {\n <ion-icon [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n }\n </div>\n}\n@if (isVisible) {\n <div class=\"euim-alert-message__wrapper\">\n <div class=\"slotStart\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n <div euimLabel [euimLabelTruncate]=\"euimLabelTruncate\">\n <ng-content></ng-content>\n </div>\n <div class=\"slotEnd\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n </div>\n}\n\n@if (isCloseable && isVisible) {\n <a role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n (click)=\"onClose($event)\">\n <ion-icon name=\"close-sharp\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n </a>\n}\n", styles: [".euim-alert-message{display:flex;align-items:center;font:var(--eui-f-s);padding-left:var(--eui-s-m);padding-right:var(--eui-s-xs);padding-top:var(--eui-s-xs);padding-bottom:var(--eui-s-xs)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-s-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-s-m);height:var(--eui-s-m);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex}.euim-alert-message--danger{color:var(--eui-
|
|
2123
|
+
], template: "@if (hasIcon && isVisible) {\n <div class=\"euim-alert-message__wrappericon\">\n @if (hasIcon) {\n <ion-icon [name]=\"icon\" class=\"euim-alert-message__icon\"></ion-icon>\n }\n </div>\n}\n@if (isVisible) {\n <div class=\"euim-alert-message__wrapper\">\n <div class=\"slotStart\">\n <ng-content select=\"[slotStart]\"></ng-content>\n </div>\n <div euimLabel [euimLabelTruncate]=\"euimLabelTruncate\">\n <ng-content></ng-content>\n </div>\n <div class=\"slotEnd\">\n <ng-content select=\"[slotEnd]\"></ng-content>\n </div>\n </div>\n}\n\n@if (isCloseable && isVisible) {\n <a role=\"button\" aria-label=\"Close Icon Button\" class=\"euim-alert-message__close\"\n (click)=\"onClose($event)\">\n <ion-icon name=\"close-sharp\" class=\"euim-alert-message__closeIcon\"></ion-icon>\n </a>\n}\n", styles: [".euim-alert-message{display:flex;align-items:center;font:var(--eui-f-s);padding-left:var(--eui-s-m);padding-right:var(--eui-s-xs);padding-top:var(--eui-s-xs);padding-bottom:var(--eui-s-xs)}.euim-alert-message__wrapper{padding:0;margin:0;min-width:1px;display:flex;align-items:center;position:relative;flex-grow:1}.euim-alert-message__wrapper .euim-label span,.euim-alert-message__wrapper .euim-label p{margin:0}.euim-alert-message .slotEnd{display:flex;align-items:center;margin-inline-start:auto;padding-left:var(--eui-s-xs)}.euim-alert-message .slotEnd ion-icon{width:var(--eui-s-m);height:var(--eui-s-m);display:flex}.euim-alert-message [slotStart]{display:flex;align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__icon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__closeIcon{align-items:center;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message__wrappericon{align-items:center;width:var(--eui-s-l);height:var(--eui-s-l);margin-inline-end:var(--eui-s-m)}.euim-alert-message__close{padding:0;margin:0;width:var(--eui-s-m);height:var(--eui-s-m)}.euim-alert-message a{cursor:pointer}.euim-alert-message ion-badge[slotEnd]{display:flex}.euim-alert-message--danger{color:var(--eui-c-danger);background:var(--eui-c-danger-bg)}.euim-alert-message--danger .euim-label{color:var(--eui-c-danger)}.euim-alert-message--danger ion-icon{color:var(--eui-c-danger)}.euim-alert-message--danger ion-badge[slotEnd],.euim-alert-message--danger ion-button[slotEnd],.euim-alert-message--danger ion-chip[slotEnd]{--background: var(--eui-c-danger);color:var(--eui-c-danger-contrast)}.euim-alert-message--danger ion-badge[slotEnd] ion-icon,.euim-alert-message--danger ion-button[slotEnd] ion-icon,.euim-alert-message--danger ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--danger [slotEnd] ion-icon{color:var(--eui-c-danger-contrast)}.euim-alert-message--info{color:var(--eui-c-info);background:var(--eui-c-info-bg)}.euim-alert-message--info .euim-label{color:var(--eui-c-info)}.euim-alert-message--info ion-icon{color:var(--eui-c-info)}.euim-alert-message--info ion-badge[slotEnd],.euim-alert-message--info ion-button[slotEnd],.euim-alert-message--info ion-chip[slotEnd]{--background: var(--eui-bc-info-100);color:var(--eui-c-info-contrast)}.euim-alert-message--info ion-badge[slotEnd] ion-icon,.euim-alert-message--info ion-button[slotEnd] ion-icon,.euim-alert-message--info ion-chip[slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--info [slotEnd] ion-icon{color:var(--eui-c-info-contrast)}.euim-alert-message--success{color:var(--eui-c-success);background:var(--eui-c-success-bg)}.euim-alert-message--success .euim-label{color:var(--eui-c-success)}.euim-alert-message--success ion-icon{color:var(--eui-c-success)}.euim-alert-message--success ion-badge[slotEnd],.euim-alert-message--success ion-button[slotEnd],.euim-alert-message--success ion-chip[slotEnd]{--background: var(--eui-c-success);color:var(--eui-c-white)}.euim-alert-message--success ion-badge[slotEnd] ion-icon,.euim-alert-message--success ion-button[slotEnd] ion-icon,.euim-alert-message--success ion-chip[slotEnd] ion-icon{color:var(--eui-c-white)}.euim-alert-message--success [slotEnd] ion-icon{color:var(--eui-c-success)}.euim-alert-message--warning{color:var(--eui-c-warning-darker);background:var(--eui-c-warning-bg)}.euim-alert-message--warning .euim-label{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-alert-message--warning ion-badge[slotEnd],.euim-alert-message--warning ion-button[slotEnd],.euim-alert-message--warning ion-chip[slotEnd]{--background: var(--eui-c-warning-darker);color:var(--eui-c-warning-darker-contrast)}.euim-alert-message--warning ion-badge[slotEnd] ion-icon,.euim-alert-message--warning ion-button[slotEnd] ion-icon,.euim-alert-message--warning ion-chip[slotEnd] ion-icon{color:var(--eui-c-warning-darker-contrast)}.euim-alert-message--warning [slotEnd] ion-icon{color:var(--eui-c-neutral)}.euim-alert-message--dark{color:var(--eui-c-neutral);background:var(--eui-c-neutral-bg)}.euim-alert-message--dark ion-icon,.euim-alert-message--dark .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--dark [slotEnd]{--background: var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-alert-message--primary{color:var(--eui-c-primary-contrast);background:var(--eui-c-primary)}.euim-alert-message--primary ion-icon,.euim-alert-message--primary .euim-label{color:var(--eui-c-primary-contrast)}.euim-alert-message--primary [slotEnd]{--background: none;--border-color: var(--eui-c-neutral);color:var(--eui-c-neutral)}.euim-alert-message--light{color:var(--eui-c-neutral);background:var(--eui-c-neutral-bg-light)}.euim-alert-message--light ion-icon,.euim-alert-message--light .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--light [slotEnd]{--background: var(--eui-bc-neutral-bg-light);color:var(--eui-c-neutral)}.euim-alert-message--default{color:var(--eui-c-black);background:none}.euim-alert-message--default ion-icon,.euim-alert-message--default .euim-label{color:var(--eui-c-black)}.euim-alert-message--clear{color:var(--eui-c-neutral);background:none}.euim-alert-message--clear ion-icon,.euim-alert-message--clear .euim-label{color:var(--eui-c-neutral)}.euim-alert-message--hidden{display:none}.euim-alert-message [slotEnd]{font:var(--eui-f-s)}.euim-alert-message ion-badge[slotEnd]{padding-right:var(--eui-s-xs);padding-left:var(--eui-s-xs)}.euim-alert-message ion-badge[slotEnd] ion-icon{padding-left:var(--eui-s-2xs)}\n"] }]
|
|
1908
2124
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimClose: [{
|
|
1909
2125
|
type: Output
|
|
1910
2126
|
}], euimLabelTruncate: [{
|
|
@@ -1925,15 +2141,15 @@ const COMPONENTS$6 = [
|
|
|
1925
2141
|
EuimAlertMessageComponent,
|
|
1926
2142
|
];
|
|
1927
2143
|
class EuimAlertMessageModule {
|
|
1928
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
1929
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
2144
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlertMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2145
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimAlertMessageModule, declarations: [EuimAlertMessageComponent], imports: [CommonModule,
|
|
1930
2146
|
IonicModule,
|
|
1931
2147
|
EuimLabelModule], exports: [EuimAlertMessageComponent] }); }
|
|
1932
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
2148
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlertMessageModule, imports: [CommonModule,
|
|
1933
2149
|
IonicModule,
|
|
1934
2150
|
EuimLabelModule] }); }
|
|
1935
2151
|
}
|
|
1936
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2152
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlertMessageModule, decorators: [{
|
|
1937
2153
|
type: NgModule,
|
|
1938
2154
|
args: [{
|
|
1939
2155
|
imports: [
|
|
@@ -1970,8 +2186,12 @@ class EuimSliderInfoScreenComponent {
|
|
|
1970
2186
|
lastStepActionBtnName: '',
|
|
1971
2187
|
leftBtnName: '',
|
|
1972
2188
|
};
|
|
2189
|
+
this.actionBtnIconsNames = {
|
|
2190
|
+
rightBtnIconName: '',
|
|
2191
|
+
lastStepActionBtnIconName: '',
|
|
2192
|
+
leftBtnIconName: '',
|
|
2193
|
+
};
|
|
1973
2194
|
this.showLeftBtnAsPrevious = false;
|
|
1974
|
-
this.className = 'euim-slider-info-screen';
|
|
1975
2195
|
this.slidesArray = [];
|
|
1976
2196
|
this.currentSlide = 0;
|
|
1977
2197
|
this.startX = 0;
|
|
@@ -1979,6 +2199,9 @@ class EuimSliderInfoScreenComponent {
|
|
|
1979
2199
|
onResize(event) {
|
|
1980
2200
|
this.setSliderStyles();
|
|
1981
2201
|
}
|
|
2202
|
+
get cssClasses() {
|
|
2203
|
+
return this.getCssClasses();
|
|
2204
|
+
}
|
|
1982
2205
|
ngAfterViewInit() {
|
|
1983
2206
|
this.setSliderStyles();
|
|
1984
2207
|
}
|
|
@@ -2004,7 +2227,9 @@ class EuimSliderInfoScreenComponent {
|
|
|
2004
2227
|
this.renderer.setStyle(this.slides.nativeElement, 'width', `${this.slidesArray.length * 100}%`);
|
|
2005
2228
|
for (const slide of this.slidesArray) {
|
|
2006
2229
|
this.renderer.setStyle(slide, 'width', `${100 / this.slidesArray.length}%`);
|
|
2007
|
-
this.
|
|
2230
|
+
if (!this.isImageOnly()) {
|
|
2231
|
+
this.renderer.setStyle(slide, 'maxHeight', `${slideHeight}px`);
|
|
2232
|
+
}
|
|
2008
2233
|
this.renderer.setStyle(slide, 'overflow', 'auto');
|
|
2009
2234
|
}
|
|
2010
2235
|
// to calculate the case when there is only one slide
|
|
@@ -2078,12 +2303,28 @@ class EuimSliderInfoScreenComponent {
|
|
|
2078
2303
|
}
|
|
2079
2304
|
this.leftActionClicked.emit(event);
|
|
2080
2305
|
}
|
|
2081
|
-
|
|
2082
|
-
|
|
2306
|
+
isImageOnly() {
|
|
2307
|
+
return (this.slidesArray.length > 0 &&
|
|
2308
|
+
!document.querySelector('.euim-slider-info-screen__title') &&
|
|
2309
|
+
!document.querySelector('.euim-slider-info-screen__sub-title') &&
|
|
2310
|
+
!document.querySelector('.euim-slider-info-screen__content'));
|
|
2311
|
+
}
|
|
2312
|
+
getCssClasses() {
|
|
2313
|
+
const paginationClass = !this.paginationColor
|
|
2314
|
+
? 'pagination-color-primary'
|
|
2315
|
+
: `pagination-color-${this.paginationColor}`;
|
|
2316
|
+
return [
|
|
2317
|
+
'euim-slider-info-screen',
|
|
2318
|
+
this.isImageOnly() ? 'image-only' : '',
|
|
2319
|
+
paginationClass,
|
|
2320
|
+
].join(' ').trim();
|
|
2321
|
+
}
|
|
2322
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenComponent, deps: [{ token: i0.Renderer2 }, { token: i1.GestureController }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2323
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimSliderInfoScreenComponent, selector: "euim-slider-info-screen", inputs: { isCarousel: ["isCarousel", "isCarousel", booleanAttribute], showLeftBtn: ["showLeftBtn", "showLeftBtn", booleanAttribute], showRightBtn: ["showRightBtn", "showRightBtn", booleanAttribute], isPreviousBtn: ["isPreviousBtn", "isPreviousBtn", booleanAttribute], isNextBtn: ["isNextBtn", "isNextBtn", booleanAttribute], paginationColor: "paginationColor", actionBtnNames: "actionBtnNames", actionBtnIconsNames: "actionBtnIconsNames" }, outputs: { rightActionClicked: "rightActionClicked", lastStepActionClicked: "lastStepActionClicked", leftActionClicked: "leftActionClicked" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "slides", first: true, predicate: ["slides"], descendants: true, static: true }], ngImport: i0, template: "<div #sliderElement class=\"euim-slider-info-screen__slider-container\" >\n <div #slides class=\"euim-slider-info-screen__slides\">\n <ng-content></ng-content>\n </div>\n\n @if (!isImageOnly()) {\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn || showRightBtn || isCarousel || isLastItemReached){\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn) {\n <ion-button (click)=\"onLeftBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">\n @if (actionBtnIconsNames.leftBtnIconName !== '') {\n <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n }\n {{actionBtnNames.leftBtnName}}\n </ion-button>\n }\n @if (showLeftBtnAsPrevious) {\n <ion-button (click)=\"onLeftBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">\n @if (actionBtnIconsNames.leftBtnIconName !== '') {\n <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n }\n {{actionBtnNames.leftBtnName || 'euim.slider-info-screen.LEFT-BTN-NAME' | translate}}</ion-button>\n }\n @if (isCarousel){\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\" class=\"euim-slider-info-screen__span\"></span>\n </div>\n }\n @if (!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn) {\n <ion-button (click)=\"onRightBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">\n {{actionBtnNames.rightBtnName || 'euim.slider-info-screen.RIGHT-BTN-NAME' | translate}}\n\n @if (actionBtnIconsNames.rightBtnIconName !== '') {\n <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.rightBtnIconName\"></ion-icon>\n }\n </ion-button>\n }\n\n @if (isLastItemReached) {\n <ion-button (click)=\"onLastStepAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">\n {{actionBtnNames.lastStepActionBtnName || 'euim.slider-info-screen.LAST-STEP-ACTION-BTN-NAME' | translate}}\n\n @if (actionBtnIconsNames.lastStepActionBtnIconName !== '') {\n <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.lastStepActionBtnIconName\"></ion-icon>\n }\n </ion-button>\n }\n </div>\n }\n </div>\n }\n\n @if (isImageOnly()) {\n <div class=\"euim-slider-info-screen__pagination-container--over-image\">\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\"\n class=\"euim-slider-info-screen__span\" ></span>\n </div>\n </div>\n }\n\n</div>\n", styles: [".euim-slider-info-screen__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider-info-screen__slides{display:flex;transition:all .5s ease;height:100%;width:100%}.euim-slider-info-screen__slide{width:100%;height:100%}.euim-slider-info-screen__pagination-container--over-image{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:1}.euim-slider-info-screen__pagination-container{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:60px}.euim-slider-info-screen__pagination{display:flex}.euim-slider-info-screen__span{width:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);height:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);border-radius:50%;cursor:pointer;border:1px solid var(--eui-bc-primary-100)}.euim-slider-info-screen__span:not(:last-child){margin-right:var(--eui-s-xs)}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-primary-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span.active{background-color:var(--eui-bc-primary-100)!important}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span{border:1px solid var(--eui-bc-white)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-white)!important}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-success-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-success-100)!important}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-warning-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-warning-100)!important}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-info-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-info-100)!important}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-grey-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-grey-100)!important}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-danger-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-danger-100)!important}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-bc-primary-100);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider-info-screen__action-button::part(native){padding:0 var(--eui-s-m)}.euim-slider-info-screen__action-button--right{right:0;margin:0 var(--eui-s-xs) 0 var(--eui-s-m)}.euim-slider-info-screen__action-button--left{margin:0 var(--eui-s-m) 0 var(--eui-s-xs);left:0}.euim-slider-info-screen__action-button ion-icon{color:var(--eui-base-color-primary-100)}.euim-slider-info-screen__title{font:var(--eui-f-3xl-bold);color:var(--eui-bc-neutral-100);margin-top:var(--eui-s-l);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l)}.euim-slider-info-screen__sub-title{color:var(--eui-bc-neutral-80);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-l)}.euim-slider-info-screen__content{color:var(--eui-bc-neutral-100);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-l)}.euim-slider-info-screen__content--centered{text-align:center}.euim-slider-info-screen__title+.euim-slider-info-screen__sub-title{margin-top:var(--eui-s-2xs)}.euim-slider-info-screen__sub-title+.euim-slider-info-screen__content,title+.euim-slider-info-screen__content{margin-top:var(--eui-s-m)}.euim-slider-info-screen.image-only .euim-slider-info-screen__slider-container{height:auto}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2083
2324
|
}
|
|
2084
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2325
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenComponent, decorators: [{
|
|
2085
2326
|
type: Component,
|
|
2086
|
-
args: [{ selector: 'euim-slider-info-screen', encapsulation: ViewEncapsulation.None, template: "<div #sliderElement class=\"euim-slider-info-screen__slider-container\">\n <div #slides class=\"euim-slider-info-screen__slides\">\n <ng-content></ng-content>\n </div>\n @if (showLeftBtn || showRightBtn || isCarousel || isLastItemReached){\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn) {\n
|
|
2327
|
+
args: [{ selector: 'euim-slider-info-screen', encapsulation: ViewEncapsulation.None, template: "<div #sliderElement class=\"euim-slider-info-screen__slider-container\" >\n <div #slides class=\"euim-slider-info-screen__slides\">\n <ng-content></ng-content>\n </div>\n\n @if (!isImageOnly()) {\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn || showRightBtn || isCarousel || isLastItemReached){\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn) {\n <ion-button (click)=\"onLeftBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">\n @if (actionBtnIconsNames.leftBtnIconName !== '') {\n <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n }\n {{actionBtnNames.leftBtnName}}\n </ion-button>\n }\n @if (showLeftBtnAsPrevious) {\n <ion-button (click)=\"onLeftBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">\n @if (actionBtnIconsNames.leftBtnIconName !== '') {\n <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n }\n {{actionBtnNames.leftBtnName || 'euim.slider-info-screen.LEFT-BTN-NAME' | translate}}</ion-button>\n }\n @if (isCarousel){\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\" class=\"euim-slider-info-screen__span\"></span>\n </div>\n }\n @if (!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn) {\n <ion-button (click)=\"onRightBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">\n {{actionBtnNames.rightBtnName || 'euim.slider-info-screen.RIGHT-BTN-NAME' | translate}}\n\n @if (actionBtnIconsNames.rightBtnIconName !== '') {\n <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.rightBtnIconName\"></ion-icon>\n }\n </ion-button>\n }\n\n @if (isLastItemReached) {\n <ion-button (click)=\"onLastStepAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">\n {{actionBtnNames.lastStepActionBtnName || 'euim.slider-info-screen.LAST-STEP-ACTION-BTN-NAME' | translate}}\n\n @if (actionBtnIconsNames.lastStepActionBtnIconName !== '') {\n <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.lastStepActionBtnIconName\"></ion-icon>\n }\n </ion-button>\n }\n </div>\n }\n </div>\n }\n\n @if (isImageOnly()) {\n <div class=\"euim-slider-info-screen__pagination-container--over-image\">\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\"\n class=\"euim-slider-info-screen__span\" ></span>\n </div>\n </div>\n }\n\n</div>\n", styles: [".euim-slider-info-screen__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider-info-screen__slides{display:flex;transition:all .5s ease;height:100%;width:100%}.euim-slider-info-screen__slide{width:100%;height:100%}.euim-slider-info-screen__pagination-container--over-image{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:1}.euim-slider-info-screen__pagination-container{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:60px}.euim-slider-info-screen__pagination{display:flex}.euim-slider-info-screen__span{width:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);height:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);border-radius:50%;cursor:pointer;border:1px solid var(--eui-bc-primary-100)}.euim-slider-info-screen__span:not(:last-child){margin-right:var(--eui-s-xs)}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-primary-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span.active{background-color:var(--eui-bc-primary-100)!important}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span{border:1px solid var(--eui-bc-white)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-white)!important}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-success-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-success-100)!important}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-warning-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-warning-100)!important}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-info-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-info-100)!important}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-grey-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-grey-100)!important}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span{border:1px solid var(--eui-base-color-danger-100)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span.active{background-color:var(--eui-base-color-danger-100)!important}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-bc-primary-100);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider-info-screen__action-button::part(native){padding:0 var(--eui-s-m)}.euim-slider-info-screen__action-button--right{right:0;margin:0 var(--eui-s-xs) 0 var(--eui-s-m)}.euim-slider-info-screen__action-button--left{margin:0 var(--eui-s-m) 0 var(--eui-s-xs);left:0}.euim-slider-info-screen__action-button ion-icon{color:var(--eui-base-color-primary-100)}.euim-slider-info-screen__title{font:var(--eui-f-3xl-bold);color:var(--eui-bc-neutral-100);margin-top:var(--eui-s-l);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l)}.euim-slider-info-screen__sub-title{color:var(--eui-bc-neutral-80);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-l)}.euim-slider-info-screen__content{color:var(--eui-bc-neutral-100);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-l)}.euim-slider-info-screen__content--centered{text-align:center}.euim-slider-info-screen__title+.euim-slider-info-screen__sub-title{margin-top:var(--eui-s-2xs)}.euim-slider-info-screen__sub-title+.euim-slider-info-screen__content,title+.euim-slider-info-screen__content{margin-top:var(--eui-s-m)}.euim-slider-info-screen.image-only .euim-slider-info-screen__slider-container{height:auto}\n"] }]
|
|
2087
2328
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1.GestureController }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { slides: [{
|
|
2088
2329
|
type: ViewChild,
|
|
2089
2330
|
args: ['slides', { static: true }]
|
|
@@ -2108,27 +2349,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
2108
2349
|
}], isNextBtn: [{
|
|
2109
2350
|
type: Input,
|
|
2110
2351
|
args: [{ transform: booleanAttribute }]
|
|
2352
|
+
}], paginationColor: [{
|
|
2353
|
+
type: Input
|
|
2111
2354
|
}], actionBtnNames: [{
|
|
2112
2355
|
type: Input
|
|
2113
|
-
}],
|
|
2114
|
-
type:
|
|
2115
|
-
args: ['class']
|
|
2356
|
+
}], actionBtnIconsNames: [{
|
|
2357
|
+
type: Input
|
|
2116
2358
|
}], onResize: [{
|
|
2117
2359
|
type: HostListener,
|
|
2118
2360
|
args: ['window:resize', ['$event']]
|
|
2361
|
+
}], cssClasses: [{
|
|
2362
|
+
type: HostBinding,
|
|
2363
|
+
args: ['class']
|
|
2119
2364
|
}] } });
|
|
2120
2365
|
|
|
2121
2366
|
class EuimSlideInfoScreenComponent {
|
|
2122
2367
|
constructor() {
|
|
2123
2368
|
this.className = 'euim-slider-info-screen__slide';
|
|
2124
2369
|
}
|
|
2125
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2126
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
2370
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSlideInfoScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2371
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimSlideInfoScreenComponent, selector: "euim-slide-info-screen", host: { properties: { "class": "this.className" } }, ngImport: i0, template: `
|
|
2127
2372
|
<div #slide>
|
|
2128
2373
|
<ng-content></ng-content>
|
|
2129
2374
|
</div>`, isInline: true }); }
|
|
2130
2375
|
}
|
|
2131
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2376
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSlideInfoScreenComponent, decorators: [{
|
|
2132
2377
|
type: Component,
|
|
2133
2378
|
args: [{
|
|
2134
2379
|
selector: 'euim-slide-info-screen',
|
|
@@ -2155,10 +2400,10 @@ class EuimSliderInfoScreenContentDirective {
|
|
|
2155
2400
|
this.euimTextCenter ? 'euim-slider-info-screen__content--centered' : '',
|
|
2156
2401
|
].join(' ').trim();
|
|
2157
2402
|
}
|
|
2158
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2159
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.
|
|
2403
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2404
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.8", type: EuimSliderInfoScreenContentDirective, selector: "[euimSliderInfoScreenContent]", inputs: { euimTextCenter: ["euimTextCenter", "euimTextCenter", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
|
|
2160
2405
|
}
|
|
2161
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2406
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenContentDirective, decorators: [{
|
|
2162
2407
|
type: Directive,
|
|
2163
2408
|
args: [{
|
|
2164
2409
|
selector: '[euimSliderInfoScreenContent]',
|
|
@@ -2175,10 +2420,10 @@ class EuimSliderInfoScreenTitleDirective {
|
|
|
2175
2420
|
constructor() {
|
|
2176
2421
|
this.className = 'euim-slider-info-screen__title';
|
|
2177
2422
|
}
|
|
2178
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2179
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
2423
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2424
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimSliderInfoScreenTitleDirective, selector: "[euimSliderInfoScreenTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
2180
2425
|
}
|
|
2181
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2426
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenTitleDirective, decorators: [{
|
|
2182
2427
|
type: Directive,
|
|
2183
2428
|
args: [{
|
|
2184
2429
|
selector: '[euimSliderInfoScreenTitle]',
|
|
@@ -2192,10 +2437,10 @@ class EuimSliderInfoScreenSubTitleDirective {
|
|
|
2192
2437
|
constructor() {
|
|
2193
2438
|
this.className = 'euim-slider-info-screen__sub-title';
|
|
2194
2439
|
}
|
|
2195
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2196
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
2440
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenSubTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2441
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimSliderInfoScreenSubTitleDirective, selector: "[euimSliderInfoScreenSubTitle]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
2197
2442
|
}
|
|
2198
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2443
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenSubTitleDirective, decorators: [{
|
|
2199
2444
|
type: Directive,
|
|
2200
2445
|
args: [{
|
|
2201
2446
|
selector: '[euimSliderInfoScreenSubTitle]',
|
|
@@ -2213,8 +2458,8 @@ const COMPONENTS$5 = [
|
|
|
2213
2458
|
EuimSliderInfoScreenSubTitleDirective,
|
|
2214
2459
|
];
|
|
2215
2460
|
class EuimSliderInfoScreenModule {
|
|
2216
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2217
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
2461
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2462
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenModule, declarations: [EuimSliderInfoScreenComponent,
|
|
2218
2463
|
EuimSlideInfoScreenComponent,
|
|
2219
2464
|
EuimSliderInfoScreenContentDirective,
|
|
2220
2465
|
EuimSliderInfoScreenTitleDirective,
|
|
@@ -2225,11 +2470,11 @@ class EuimSliderInfoScreenModule {
|
|
|
2225
2470
|
EuimSliderInfoScreenContentDirective,
|
|
2226
2471
|
EuimSliderInfoScreenTitleDirective,
|
|
2227
2472
|
EuimSliderInfoScreenSubTitleDirective] }); }
|
|
2228
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
2473
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenModule, imports: [CommonModule,
|
|
2229
2474
|
IonicModule,
|
|
2230
2475
|
TranslateModule] }); }
|
|
2231
2476
|
}
|
|
2232
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2477
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSliderInfoScreenModule, decorators: [{
|
|
2233
2478
|
type: NgModule,
|
|
2234
2479
|
args: [{
|
|
2235
2480
|
imports: [
|
|
@@ -2246,44 +2491,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
2246
2491
|
}]
|
|
2247
2492
|
}] });
|
|
2248
2493
|
|
|
2249
|
-
class EuimScrollerXComponent {
|
|
2250
|
-
constructor() {
|
|
2251
|
-
this.className = 'euim-scroller-x';
|
|
2252
|
-
}
|
|
2253
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimScrollerXComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2254
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: EuimScrollerXComponent, selector: "euim-scroller-x", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n\n", styles: [".euim-scroller-x{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-scroller-x::-webkit-scrollbar{height:0}.euim-scroller-x>*{flex:0 0 auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2255
|
-
}
|
|
2256
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimScrollerXComponent, decorators: [{
|
|
2257
|
-
type: Component,
|
|
2258
|
-
args: [{ selector: 'euim-scroller-x', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n\n", styles: [".euim-scroller-x{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-scroller-x::-webkit-scrollbar{height:0}.euim-scroller-x>*{flex:0 0 auto}\n"] }]
|
|
2259
|
-
}], propDecorators: { className: [{
|
|
2260
|
-
type: HostBinding,
|
|
2261
|
-
args: ['class']
|
|
2262
|
-
}] } });
|
|
2263
|
-
|
|
2264
|
-
class EuimScrollerXComponentModule {
|
|
2265
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimScrollerXComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2266
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: EuimScrollerXComponentModule, declarations: [EuimScrollerXComponent], imports: [CommonModule,
|
|
2267
|
-
IonicModule], exports: [EuimScrollerXComponent] }); }
|
|
2268
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimScrollerXComponentModule, imports: [CommonModule,
|
|
2269
|
-
IonicModule] }); }
|
|
2270
|
-
}
|
|
2271
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: EuimScrollerXComponentModule, decorators: [{
|
|
2272
|
-
type: NgModule,
|
|
2273
|
-
args: [{
|
|
2274
|
-
imports: [
|
|
2275
|
-
CommonModule,
|
|
2276
|
-
IonicModule,
|
|
2277
|
-
],
|
|
2278
|
-
exports: [
|
|
2279
|
-
EuimScrollerXComponent,
|
|
2280
|
-
],
|
|
2281
|
-
declarations: [
|
|
2282
|
-
EuimScrollerXComponent,
|
|
2283
|
-
],
|
|
2284
|
-
}]
|
|
2285
|
-
}] });
|
|
2286
|
-
|
|
2287
2494
|
class EuimChipSelectorItemDirective {
|
|
2288
2495
|
constructor(renderer, el) {
|
|
2289
2496
|
this.renderer = renderer;
|
|
@@ -2292,10 +2499,10 @@ class EuimChipSelectorItemDirective {
|
|
|
2292
2499
|
this.euimChipSelectorAll = false;
|
|
2293
2500
|
this.className = 'euim-chip-selector__item';
|
|
2294
2501
|
}
|
|
2295
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2296
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.
|
|
2502
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimChipSelectorItemDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2503
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "16.1.0", version: "18.2.8", type: EuimChipSelectorItemDirective, selector: "[euimChipSelectorItem]", inputs: { id: ["id", "id", numberAttribute], euimChipSelectorAll: ["euimChipSelectorAll", "euimChipSelectorAll", booleanAttribute] }, host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
2297
2504
|
}
|
|
2298
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2505
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimChipSelectorItemDirective, decorators: [{
|
|
2299
2506
|
type: Directive,
|
|
2300
2507
|
args: [{
|
|
2301
2508
|
selector: '[euimChipSelectorItem]',
|
|
@@ -2318,6 +2525,9 @@ class EuimChipSelectorComponent {
|
|
|
2318
2525
|
this.chipSelectedColor = 'white';
|
|
2319
2526
|
this.chipFill = 'default';
|
|
2320
2527
|
this.sourceData = [];
|
|
2528
|
+
this.hasBoxShadow = false;
|
|
2529
|
+
this.hasNoScrollerX = false;
|
|
2530
|
+
this.hasColorTransparency = false;
|
|
2321
2531
|
this.selectedChips = [];
|
|
2322
2532
|
this.isMultiSelectionMode = false;
|
|
2323
2533
|
this.isCustomMode = false;
|
|
@@ -2325,6 +2535,7 @@ class EuimChipSelectorComponent {
|
|
|
2325
2535
|
this.hasSearchbar = false;
|
|
2326
2536
|
this.filterData = new EventEmitter();
|
|
2327
2537
|
this.clickItems = new EventEmitter();
|
|
2538
|
+
this.selectedChipsChange = new EventEmitter();
|
|
2328
2539
|
this.filteredData = [...this.sourceData];
|
|
2329
2540
|
this.filterConditions = [];
|
|
2330
2541
|
this.searchInput = '';
|
|
@@ -2366,7 +2577,18 @@ class EuimChipSelectorComponent {
|
|
|
2366
2577
|
}
|
|
2367
2578
|
if (this.euimChipSelectorItemComponent && this.euimChipSelectorItemComponent.length > 0 &&
|
|
2368
2579
|
changes['selectedChips']?.currentValue && !changes['selectedChips']?.currentValue.every((value) => value === '0')) {
|
|
2369
|
-
this.updateChipsAndFilterDataAfterInit();
|
|
2580
|
+
this.updateChipsAndFilterDataAfterInit(this.isEmitEvent = false);
|
|
2581
|
+
this.selectedChipsChange.emit(this.selectedChips);
|
|
2582
|
+
return;
|
|
2583
|
+
}
|
|
2584
|
+
if (this.euimChipSelectorItemComponent && this.euimChipSelectorItemComponent.length > 0 &&
|
|
2585
|
+
changes['chipSelectedColor']?.currentValue) {
|
|
2586
|
+
this.euimChipSelectorItemComponent.forEach(chip => {
|
|
2587
|
+
chip.el.nativeElement.classList.remove(`euim-chip-selector__item-selected--color-${changes['chipSelectedColor']?.previousValue}`);
|
|
2588
|
+
if (chip.el.nativeElement.getAttribute('selected') === 'true') {
|
|
2589
|
+
chip.el.nativeElement.classList.add(`euim-chip-selector__item-selected--color-${changes['chipSelectedColor']?.currentValue}`);
|
|
2590
|
+
}
|
|
2591
|
+
});
|
|
2370
2592
|
return;
|
|
2371
2593
|
}
|
|
2372
2594
|
}
|
|
@@ -2374,6 +2596,7 @@ class EuimChipSelectorComponent {
|
|
|
2374
2596
|
return [
|
|
2375
2597
|
'euim-chip-selector',
|
|
2376
2598
|
this.backgroundColor ? `euim-chip-selector--background-color-${this.backgroundColor}` : '',
|
|
2599
|
+
this.hasNoScrollerX ? 'euim-chip-selector--has-no-scroller-x' : '',
|
|
2377
2600
|
].join(' ').trim();
|
|
2378
2601
|
}
|
|
2379
2602
|
setCssItemClasses() {
|
|
@@ -2388,7 +2611,11 @@ class EuimChipSelectorComponent {
|
|
|
2388
2611
|
return [
|
|
2389
2612
|
this.chipFill ? `euim-chip-selector__item--fill-${this.chipFill}` : '',
|
|
2390
2613
|
this.color ? `euim-chip-selector__item--color-${this.color}` : '',
|
|
2391
|
-
|
|
2614
|
+
this.hasColorTransparency ? `euim-chip-selector__item--color-${this.color}-with-transparency` : '',
|
|
2615
|
+
this.hasBoxShadow ? 'euim-chip-selector__item--has-box-shadow' : '',
|
|
2616
|
+
]
|
|
2617
|
+
.filter(Boolean)
|
|
2618
|
+
.join(' ');
|
|
2392
2619
|
}
|
|
2393
2620
|
updateChipsAndFilters() {
|
|
2394
2621
|
this.euimChipSelectorItemComponent.forEach(chip => {
|
|
@@ -2405,6 +2632,7 @@ class EuimChipSelectorComponent {
|
|
|
2405
2632
|
this.onFilterChange(chip.id?.toString(), chip.euimChipSelectorAll, chip.el.nativeElement);
|
|
2406
2633
|
this.filterData.emit(this.filteredData);
|
|
2407
2634
|
this.clickItems.emit(this.selectedChips);
|
|
2635
|
+
this.selectedChipsChange.emit(this.selectedChips);
|
|
2408
2636
|
this.clickEventHandled = false;
|
|
2409
2637
|
}
|
|
2410
2638
|
});
|
|
@@ -2440,7 +2668,7 @@ class EuimChipSelectorComponent {
|
|
|
2440
2668
|
}
|
|
2441
2669
|
});
|
|
2442
2670
|
this.filterData.emit(this.sourceData);
|
|
2443
|
-
this.
|
|
2671
|
+
this.selectedChipsChange.emit(this.selectedChips);
|
|
2444
2672
|
}
|
|
2445
2673
|
updateChipsAndFilterDataAfterInit(isEmitEvent) {
|
|
2446
2674
|
this.euimChipSelectorItemComponent.forEach(chip => {
|
|
@@ -2562,12 +2790,12 @@ class EuimChipSelectorComponent {
|
|
|
2562
2790
|
return data;
|
|
2563
2791
|
return data.filter(item => multipleFilterConditions.includes(item.filterId));
|
|
2564
2792
|
}
|
|
2565
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2566
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
2793
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimChipSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2794
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimChipSelectorComponent, selector: "euim-chip-selector", inputs: { backgroundColor: "backgroundColor", color: "color", chipSelectedColor: "chipSelectedColor", chipFill: "chipFill", sourceData: "sourceData", hasBoxShadow: ["hasBoxShadow", "hasBoxShadow", booleanAttribute], hasNoScrollerX: ["hasNoScrollerX", "hasNoScrollerX", booleanAttribute], hasColorTransparency: ["hasColorTransparency", "hasColorTransparency", booleanAttribute], selectedChips: "selectedChips", isMultiSelectionMode: ["isMultiSelectionMode", "isMultiSelectionMode", booleanAttribute], isCustomMode: ["isCustomMode", "isCustomMode", booleanAttribute], euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute], hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute] }, outputs: { filterData: "filterData", clickItems: "clickItems", selectedChipsChange: "selectedChipsChange" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimChipSelectorItemComponent", predicate: EuimChipSelectorItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (hasNoScrollerX) {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n <euim-scroller-x>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </euim-scroller-x>\n}\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n\n", styles: [".euim-chip-selector{padding:var(--eui-s-xs) 0 var(--eui-s-xs) var(--eui-s-xs);display:flex;justify-content:center;flex-direction:column}.euim-chip-selector ion-chip{margin:calc(var(--eui-s-2xs) / 2) var(--eui-s-xs) calc(var(--eui-base-spacing-2xs) / 2) 0;padding:0 var(--eui-s-xs)}.euim-chip-selector ion-searchbar{padding-inline-start:0;padding-top:0;padding-bottom:var(--eui-s-s)}@media (min-width: 768px){.euim-chip-selector .euim-scroller-x{flex-wrap:wrap;gap:var(--eui-base-spacing-xs)}}ion-chip.euim-chip-selector__item--has-box-shadow{box-shadow:0 calc(var(--eui-base-spacing-2xs) / 2) var(--eui-base-spacing-2xs) #0003;margin-bottom:var(--eui-base-spacing-2xs)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent!important;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-primary{background-color:var(--eui-bc-primary-100)}.euim-chip-selector--background-color-transparent{background-color:transparent}.euim-chip-selector__item--color-success{background-color:var(--eui-bc-success-25);border-color:var(--eui-bc-success-25);color:var(--eui-bc-success-100)}.euim-chip-selector__item--color-success ion-icon{color:var(--eui-base-color-success-100)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-success-50)}.euim-chip-selector__item--color-warning{background-color:var(--eui-bc-warning-25);border-color:var(--eui-bc-warning-25);color:var(--eui-bc-warning-140)}.euim-chip-selector__item--color-warning ion-icon{color:var(--eui-base-color-warning-140)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-warning-50)}.euim-chip-selector__item--color-danger{background-color:var(--eui-bc-danger-25);border-color:var(--eui-bc-danger-25);color:var(--eui-bc-danger-100)}.euim-chip-selector__item--color-danger ion-icon{color:var(--eui-base-color-danger-100)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-danger-50)}.euim-chip-selector__item--color-primary{background-color:var(--eui-bc-primary-25);border-color:var(--eui-bc-primary-25);color:var(--eui-bc-primary-100)}.euim-chip-selector__item--color-primary ion-icon{color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-primary-100)}.euim-chip-selector__item--color-info{background-color:var(--eui-bc-info-25);border-color:var(--eui-bc-info-25);color:var(--eui-bc-info-100)}.euim-chip-selector__item--color-info ion-icon{color:var(--eui-base-color-info-100)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-info-50)}.euim-chip-selector__item--color-dark{background-color:var(--eui-bc-neutral-100);border-color:var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-chip-selector__item--color-dark ion-icon{color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{color:var(--eui-bc-neutral-100)}.euim-chip-selector__item--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white);color:var(--eui-bc-neutral-100)}.euim-chip-selector__item--color-white ion-icon{color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-white.euim-chip-selector__item--color-white-with-transparency{background-color:#ffffff30;border-color:transparent;color:var(--eui-c-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-bc-neutral-15);border-color:var(--eui-bc-neutral-15);color:var(--eui-bc-neutral-100)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-neutral-60)}ion-chip.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-white)!important;border-color:var(--eui-c-white)!important;color:var(--eui-bc-neutral-100)!important}ion-chip.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-base-color-grey-100)!important}ion-chip.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-bc-neutral-100)!important;border-color:var(--eui-bc-neutral-100)!important;color:var(--eui-c-white)!important}ion-chip.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-base-color-primary-100)!important;border-color:var(--eui-base-color-primary-100)!important;color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-info{background-color:var(--eui-base-color-info-100)!important;border-color:var(--eui-base-color-info-100)!important;color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-success{background-color:var(--eui-base-color-success-100)!important;border-color:var(--eui-base-color-success-100)!important;color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-base-color-danger-100)!important;border-color:var(--eui-base-color-danger-100)!important;color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-base-color-warning-100)!important;border-color:var(--eui-base-color-warning-100)!important;color:var(--eui-base-color-warning-100-contrast)!important}ion-chip.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-base-color-warning-100-contrast)!important}\n"], dependencies: [{ kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EuimScrollerXComponent, selector: "euim-scroller-x" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2567
2795
|
}
|
|
2568
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2796
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimChipSelectorComponent, decorators: [{
|
|
2569
2797
|
type: Component,
|
|
2570
|
-
args: [{ selector: 'euim-chip-selector', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (
|
|
2798
|
+
args: [{ selector: 'euim-chip-selector', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (hasNoScrollerX) {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n <euim-scroller-x>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </euim-scroller-x>\n}\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n\n", styles: [".euim-chip-selector{padding:var(--eui-s-xs) 0 var(--eui-s-xs) var(--eui-s-xs);display:flex;justify-content:center;flex-direction:column}.euim-chip-selector ion-chip{margin:calc(var(--eui-s-2xs) / 2) var(--eui-s-xs) calc(var(--eui-base-spacing-2xs) / 2) 0;padding:0 var(--eui-s-xs)}.euim-chip-selector ion-searchbar{padding-inline-start:0;padding-top:0;padding-bottom:var(--eui-s-s)}@media (min-width: 768px){.euim-chip-selector .euim-scroller-x{flex-wrap:wrap;gap:var(--eui-base-spacing-xs)}}ion-chip.euim-chip-selector__item--has-box-shadow{box-shadow:0 calc(var(--eui-base-spacing-2xs) / 2) var(--eui-base-spacing-2xs) #0003;margin-bottom:var(--eui-base-spacing-2xs)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent!important;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-primary{background-color:var(--eui-bc-primary-100)}.euim-chip-selector--background-color-transparent{background-color:transparent}.euim-chip-selector__item--color-success{background-color:var(--eui-bc-success-25);border-color:var(--eui-bc-success-25);color:var(--eui-bc-success-100)}.euim-chip-selector__item--color-success ion-icon{color:var(--eui-base-color-success-100)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-success-50)}.euim-chip-selector__item--color-warning{background-color:var(--eui-bc-warning-25);border-color:var(--eui-bc-warning-25);color:var(--eui-bc-warning-140)}.euim-chip-selector__item--color-warning ion-icon{color:var(--eui-base-color-warning-140)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-warning-50)}.euim-chip-selector__item--color-danger{background-color:var(--eui-bc-danger-25);border-color:var(--eui-bc-danger-25);color:var(--eui-bc-danger-100)}.euim-chip-selector__item--color-danger ion-icon{color:var(--eui-base-color-danger-100)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-danger-50)}.euim-chip-selector__item--color-primary{background-color:var(--eui-bc-primary-25);border-color:var(--eui-bc-primary-25);color:var(--eui-bc-primary-100)}.euim-chip-selector__item--color-primary ion-icon{color:var(--eui-base-color-primary-100)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-primary-100)}.euim-chip-selector__item--color-info{background-color:var(--eui-bc-info-25);border-color:var(--eui-bc-info-25);color:var(--eui-bc-info-100)}.euim-chip-selector__item--color-info ion-icon{color:var(--eui-base-color-info-100)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-info-50)}.euim-chip-selector__item--color-dark{background-color:var(--eui-bc-neutral-100);border-color:var(--eui-bc-neutral-100);color:var(--eui-c-white)}.euim-chip-selector__item--color-dark ion-icon{color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{color:var(--eui-bc-neutral-100)}.euim-chip-selector__item--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white);color:var(--eui-bc-neutral-100)}.euim-chip-selector__item--color-white ion-icon{color:var(--eui-base-color-grey-100)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-white.euim-chip-selector__item--color-white-with-transparency{background-color:#ffffff30;border-color:transparent;color:var(--eui-c-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-bc-neutral-15);border-color:var(--eui-bc-neutral-15);color:var(--eui-bc-neutral-100)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{border-color:var(--eui-bc-neutral-60)}ion-chip.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-white)!important;border-color:var(--eui-c-white)!important;color:var(--eui-bc-neutral-100)!important}ion-chip.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-base-color-grey-100)!important}ion-chip.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-bc-neutral-100)!important;border-color:var(--eui-bc-neutral-100)!important;color:var(--eui-c-white)!important}ion-chip.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-base-color-primary-100)!important;border-color:var(--eui-base-color-primary-100)!important;color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-info{background-color:var(--eui-base-color-info-100)!important;border-color:var(--eui-base-color-info-100)!important;color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-success{background-color:var(--eui-base-color-success-100)!important;border-color:var(--eui-base-color-success-100)!important;color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-base-color-danger-100)!important;border-color:var(--eui-base-color-danger-100)!important;color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-base-color-white)!important}ion-chip.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-base-color-warning-100)!important;border-color:var(--eui-base-color-warning-100)!important;color:var(--eui-base-color-warning-100-contrast)!important}ion-chip.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-base-color-warning-100-contrast)!important}\n"] }]
|
|
2571
2799
|
}], propDecorators: { backgroundColor: [{
|
|
2572
2800
|
type: Input
|
|
2573
2801
|
}], color: [{
|
|
@@ -2578,6 +2806,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
2578
2806
|
type: Input
|
|
2579
2807
|
}], sourceData: [{
|
|
2580
2808
|
type: Input
|
|
2809
|
+
}], hasBoxShadow: [{
|
|
2810
|
+
type: Input,
|
|
2811
|
+
args: [{ transform: booleanAttribute }]
|
|
2812
|
+
}], hasNoScrollerX: [{
|
|
2813
|
+
type: Input,
|
|
2814
|
+
args: [{ transform: booleanAttribute }]
|
|
2815
|
+
}], hasColorTransparency: [{
|
|
2816
|
+
type: Input,
|
|
2817
|
+
args: [{ transform: booleanAttribute }]
|
|
2581
2818
|
}], selectedChips: [{
|
|
2582
2819
|
type: Input
|
|
2583
2820
|
}], isMultiSelectionMode: [{
|
|
@@ -2596,6 +2833,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
2596
2833
|
type: Output
|
|
2597
2834
|
}], clickItems: [{
|
|
2598
2835
|
type: Output
|
|
2836
|
+
}], selectedChipsChange: [{
|
|
2837
|
+
type: Output
|
|
2599
2838
|
}], cssClasses: [{
|
|
2600
2839
|
type: HostBinding,
|
|
2601
2840
|
args: ['class']
|
|
@@ -2605,17 +2844,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
2605
2844
|
}] } });
|
|
2606
2845
|
|
|
2607
2846
|
class EuimChipSelectorComponentModule {
|
|
2608
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2609
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
2847
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimChipSelectorComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2848
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimChipSelectorComponentModule, declarations: [EuimChipSelectorComponent,
|
|
2610
2849
|
EuimChipSelectorItemDirective], imports: [CommonModule,
|
|
2611
2850
|
IonicModule,
|
|
2612
2851
|
EuimScrollerXComponentModule], exports: [EuimChipSelectorComponent,
|
|
2613
2852
|
EuimChipSelectorItemDirective] }); }
|
|
2614
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
2853
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimChipSelectorComponentModule, imports: [CommonModule,
|
|
2615
2854
|
IonicModule,
|
|
2616
2855
|
EuimScrollerXComponentModule] }); }
|
|
2617
2856
|
}
|
|
2618
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2857
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimChipSelectorComponentModule, decorators: [{
|
|
2619
2858
|
type: NgModule,
|
|
2620
2859
|
args: [{
|
|
2621
2860
|
imports: [
|
|
@@ -2657,10 +2896,10 @@ class EuimSkeletonListItemComponent {
|
|
|
2657
2896
|
.join(' ')
|
|
2658
2897
|
.trim();
|
|
2659
2898
|
}
|
|
2660
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2661
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
2899
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListItemComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2900
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimSkeletonListItemComponent, selector: "euim-skeleton-list-item", inputs: { hasAvatar: ["hasAvatar", "hasAvatar", booleanAttribute], hasTitle: ["hasTitle", "hasTitle", booleanAttribute], hasSubtitle: ["hasSubtitle", "hasSubtitle", booleanAttribute], hasMetaLine: ["hasMetaLine", "hasMetaLine", booleanAttribute], isAnimated: ["isAnimated", "isAnimated", booleanAttribute], avatarType: "avatarType", separator: "separator", titleWidth: "titleWidth", subTitleWidth: "subTitleWidth", metaLineWidth: "metaLineWidth" }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSize2XL", "euimSize2XL", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ion-item button [lines]=\"separator\">\n @if (hasAvatar) {\n <ion-thumbnail slot=\"start\">\n <ion-skeleton-text [animated]=\"true\"></ion-skeleton-text>\n </ion-thumbnail>\n }\n <ion-label>\n @if (hasTitle) {\n <ion-skeleton-text [animated]=\"isAnimated\"\n [style.width]=\"titleWidth || '80%'\"></ion-skeleton-text>\n }\n @if (hasSubtitle) {\n <ion-skeleton-text [animated]=\"isAnimated\"\n [style.width]=\"subTitleWidth || '60%'\"></ion-skeleton-text>\n }\n @if (hasMetaLine) {\n <ion-skeleton-text [animated]=\"isAnimated\"\n [style.width]=\"metaLineWidth || '40%'\"></ion-skeleton-text>\n }\n </ion-label>\n</ion-item>\n", styles: [".euim-skeleton-list-item ion-label ion-skeleton-text{margin-bottom:var(--eui-s-xs)}.euim-skeleton-list-item ion-thumbnail{width:var(--eui-s-2xl);height:var(--eui-s-2xl)}.euim-skeleton-list-item--size-l ion-thumbnail{width:var(--eui-s-l);height:var(--eui-s-l)}.euim-skeleton-list-item--size-2xl ion-thumbnail{width:var(--eui-s-2xl);height:var(--eui-s-2xl)}.euim-skeleton-list-item ion-thumbnail{--border-radius: 50%}.euim-skeleton-list-item--square ion-thumbnail{--border-radius: 0}\n"], dependencies: [{ kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonSkeletonText, selector: "ion-skeleton-text", inputs: ["animated"] }, { kind: "component", type: i1.IonThumbnail, selector: "ion-thumbnail" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2662
2901
|
}
|
|
2663
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2902
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListItemComponent, decorators: [{
|
|
2664
2903
|
type: Component,
|
|
2665
2904
|
args: [{ selector: 'euim-skeleton-list-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
2666
2905
|
{
|
|
@@ -2705,13 +2944,13 @@ const COMPONENTS$4 = [
|
|
|
2705
2944
|
EuimSkeletonListItemComponent,
|
|
2706
2945
|
];
|
|
2707
2946
|
class EuimSkeletonListItemModule {
|
|
2708
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2709
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
2947
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2948
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListItemModule, declarations: [EuimSkeletonListItemComponent], imports: [CommonModule,
|
|
2710
2949
|
IonicModule], exports: [EuimSkeletonListItemComponent] }); }
|
|
2711
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
2950
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListItemModule, imports: [CommonModule,
|
|
2712
2951
|
IonicModule] }); }
|
|
2713
2952
|
}
|
|
2714
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2953
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListItemModule, decorators: [{
|
|
2715
2954
|
type: NgModule,
|
|
2716
2955
|
args: [{
|
|
2717
2956
|
imports: [
|
|
@@ -2751,10 +2990,10 @@ class EuimSkeletonListComponent {
|
|
|
2751
2990
|
get itemsArray() {
|
|
2752
2991
|
return Array.from({ length: this.items });
|
|
2753
2992
|
}
|
|
2754
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2755
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
2993
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2994
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimSkeletonListComponent, selector: "euim-skeleton-list", inputs: { items: "items" }, queries: [{ propertyName: "skeletonListItem", first: true, predicate: EuimSkeletonListItemComponent, descendants: true }], ngImport: i0, template: "@for (item of itemsArray; track item) {\n @if (!skeletonListItem) {\n <euim-skeleton-list-item></euim-skeleton-list-item>\n }\n @if (skeletonListItem) {\n <ng-container *ngComponentOutlet=\"skeletonItem; inputs: skeletonItemInputs\"></ng-container>\n }\n}\n\n", dependencies: [{ kind: "directive", type: i2$1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "component", type: EuimSkeletonListItemComponent, selector: "euim-skeleton-list-item", inputs: ["hasAvatar", "hasTitle", "hasSubtitle", "hasMetaLine", "isAnimated", "avatarType", "separator", "titleWidth", "subTitleWidth", "metaLineWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2756
2995
|
}
|
|
2757
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
2996
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListComponent, decorators: [{
|
|
2758
2997
|
type: Component,
|
|
2759
2998
|
args: [{ selector: 'euim-skeleton-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "@for (item of itemsArray; track item) {\n @if (!skeletonListItem) {\n <euim-skeleton-list-item></euim-skeleton-list-item>\n }\n @if (skeletonListItem) {\n <ng-container *ngComponentOutlet=\"skeletonItem; inputs: skeletonItemInputs\"></ng-container>\n }\n}\n\n" }]
|
|
2760
2999
|
}], propDecorators: { items: [{
|
|
@@ -2768,15 +3007,15 @@ const COMPONENTS$3 = [
|
|
|
2768
3007
|
EuimSkeletonListComponent,
|
|
2769
3008
|
];
|
|
2770
3009
|
class EuimSkeletonListModule {
|
|
2771
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2772
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
3010
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3011
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListModule, declarations: [EuimSkeletonListComponent], imports: [CommonModule,
|
|
2773
3012
|
IonicModule,
|
|
2774
3013
|
EuimSkeletonListItemModule], exports: [EuimSkeletonListComponent] }); }
|
|
2775
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
3014
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListModule, imports: [CommonModule,
|
|
2776
3015
|
IonicModule,
|
|
2777
3016
|
EuimSkeletonListItemModule] }); }
|
|
2778
3017
|
}
|
|
2779
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3018
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonListModule, decorators: [{
|
|
2780
3019
|
type: NgModule,
|
|
2781
3020
|
args: [{
|
|
2782
3021
|
imports: [
|
|
@@ -2850,10 +3089,10 @@ class EuimMultiselectComponent {
|
|
|
2850
3089
|
this.initialDataProvider = changes['currentDataProvider']?.currentValue;
|
|
2851
3090
|
}
|
|
2852
3091
|
}
|
|
2853
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2854
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
3092
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3093
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimMultiselectComponent, selector: "euim-multiselect", inputs: { currentDataProvider: "currentDataProvider", toolbarTitle: "toolbarTitle", euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute] }, host: { properties: { "class": "this.className" } }, exportAs: ["euimMultiselect"], usesOnChanges: true, ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"light\" class=\"euim-multiselect__toolbar\">\n <ng-content select=\"euim-multiselect-toolbar\"></ng-content>\n <ion-toolbar color=\"light\">\n <ng-content select=\"euim-multiselect-filter\"></ng-content>\n </ion-toolbar>\n </ion-toolbar>\n</ion-header>\n\n@if (currentDataProvider?.length > 0) {\n <ng-content select=\"euim-multiselect-list\">\n </ng-content>\n}\n\n@if (currentDataProvider?.length === 0) {\n <ng-content select=\"euim-empty-list-placeholder\">\n </ng-content>\n}\n\n\n\n", styles: [".euim-multiselect__toolbar{color:var(--eui-bc-neutral-100)}.euim-multiselect__toolbar--title{font:var(--eui-f-xl-bold)}\n"], dependencies: [{ kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2855
3094
|
}
|
|
2856
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3095
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectComponent, decorators: [{
|
|
2857
3096
|
type: Component,
|
|
2858
3097
|
args: [{ selector: 'euim-multiselect', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'euimMultiselect', template: "<ion-header>\n <ion-toolbar color=\"light\" class=\"euim-multiselect__toolbar\">\n <ng-content select=\"euim-multiselect-toolbar\"></ng-content>\n <ion-toolbar color=\"light\">\n <ng-content select=\"euim-multiselect-filter\"></ng-content>\n </ion-toolbar>\n </ion-toolbar>\n</ion-header>\n\n@if (currentDataProvider?.length > 0) {\n <ng-content select=\"euim-multiselect-list\">\n </ng-content>\n}\n\n@if (currentDataProvider?.length === 0) {\n <ng-content select=\"euim-empty-list-placeholder\">\n </ng-content>\n}\n\n\n\n", styles: [".euim-multiselect__toolbar{color:var(--eui-bc-neutral-100)}.euim-multiselect__toolbar--title{font:var(--eui-f-xl-bold)}\n"] }]
|
|
2859
3098
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { className: [{
|
|
@@ -2916,10 +3155,10 @@ class EuimMultiselectFilterComponent {
|
|
|
2916
3155
|
this.multiselect.numberOfSelected = this.multiselect.countSelectedItems();
|
|
2917
3156
|
}
|
|
2918
3157
|
}
|
|
2919
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2920
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
3158
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectFilterComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3159
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimMultiselectFilterComponent, selector: "euim-multiselect-filter", inputs: { filterByFieldsNames: "filterByFieldsNames" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-searchbar (ionChange)=\"handleChange($event)\"\n class=\"euim-multiselect-filter__searchbar\"></ion-searchbar>\n", styles: [".euim-multiselect-filter__searchbar input::placeholder{opacity:1!important;color:var(--eui-bc-neutral-80)!important}\n"], dependencies: [{ kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2921
3160
|
}
|
|
2922
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3161
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectFilterComponent, decorators: [{
|
|
2923
3162
|
type: Component,
|
|
2924
3163
|
args: [{ selector: 'euim-multiselect-filter', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ion-searchbar (ionChange)=\"handleChange($event)\"\n class=\"euim-multiselect-filter__searchbar\"></ion-searchbar>\n", styles: [".euim-multiselect-filter__searchbar input::placeholder{opacity:1!important;color:var(--eui-bc-neutral-80)!important}\n"] }]
|
|
2925
3164
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
@@ -2950,10 +3189,10 @@ class EuimMultiselectAllDirective {
|
|
|
2950
3189
|
get checked() {
|
|
2951
3190
|
return this.euimMulti.selectAll;
|
|
2952
3191
|
}
|
|
2953
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2954
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
3192
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectAllDirective, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3193
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimMultiselectAllDirective, selector: "[euimMultiselectAll]", host: { listeners: { "ionChange": "onIonChange($event)" }, properties: { "class": "this.className", "indeterminate": "this.indeterminate", "checked": "this.checked" } }, ngImport: i0 }); }
|
|
2955
3194
|
}
|
|
2956
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3195
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectAllDirective, decorators: [{
|
|
2957
3196
|
type: Directive,
|
|
2958
3197
|
args: [{
|
|
2959
3198
|
selector: '[euimMultiselectAll]',
|
|
@@ -2977,10 +3216,10 @@ class EuimMultiselectListComponent {
|
|
|
2977
3216
|
this.multiselect = multiselect;
|
|
2978
3217
|
this.className = 'euim-multiselect-list';
|
|
2979
3218
|
}
|
|
2980
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
2981
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
3219
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectListComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3220
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimMultiselectListComponent, selector: "euim-multiselect-list", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-list>\n <ng-content></ng-content>\n</ion-list>\n", styles: [""], dependencies: [{ kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2982
3221
|
}
|
|
2983
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3222
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectListComponent, decorators: [{
|
|
2984
3223
|
type: Component,
|
|
2985
3224
|
args: [{ selector: 'euim-multiselect-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ion-list>\n <ng-content></ng-content>\n</ion-list>\n" }]
|
|
2986
3225
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
@@ -3016,10 +3255,10 @@ class EuimMultiselectSelectFieldDirective {
|
|
|
3016
3255
|
this.euimMulti.numberOfSelected = this.euimMulti.countSelectedItems();
|
|
3017
3256
|
}
|
|
3018
3257
|
}
|
|
3019
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3020
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
3258
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectSelectFieldDirective, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3259
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimMultiselectSelectFieldDirective, selector: "[euimMultiselectSelectField]", inputs: { item: "item" }, host: { listeners: { "ionChange": "onIonChange($event)" }, properties: { "class": "this.className", "item": "this.item" } }, ngImport: i0 }); }
|
|
3021
3260
|
}
|
|
3022
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3261
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectSelectFieldDirective, decorators: [{
|
|
3023
3262
|
type: Directive,
|
|
3024
3263
|
args: [{
|
|
3025
3264
|
selector: '[euimMultiselectSelectField]',
|
|
@@ -3046,10 +3285,10 @@ class EuimMultiselectInfoComponent {
|
|
|
3046
3285
|
ngAfterContentChecked() {
|
|
3047
3286
|
this.ref.detectChanges();
|
|
3048
3287
|
}
|
|
3049
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3050
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.
|
|
3288
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectInfoComponent, deps: [{ token: EuimMultiselectComponent }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3289
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.8", type: EuimMultiselectInfoComponent, selector: "euim-multiselect-info", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "{{ \"euim.multiselect-info\" | translate:\n { number: multiselect.countSelectedItems(),\n arr: multiselect.currentDataProvider?.length } }}\n\n", styles: [".euim-multiselect-info{font:var(--eui-f-m);color:var(--eui-bc-neutral-80)}\n"], dependencies: [{ kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3051
3290
|
}
|
|
3052
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3291
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectInfoComponent, decorators: [{
|
|
3053
3292
|
type: Component,
|
|
3054
3293
|
args: [{ selector: 'euim-multiselect-info', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "{{ \"euim.multiselect-info\" | translate:\n { number: multiselect.countSelectedItems(),\n arr: multiselect.currentDataProvider?.length } }}\n\n", styles: [".euim-multiselect-info{font:var(--eui-f-m);color:var(--eui-bc-neutral-80)}\n"] }]
|
|
3055
3294
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }, { type: i0.ChangeDetectorRef }], propDecorators: { className: [{
|
|
@@ -3072,10 +3311,10 @@ class EuimMultiselectToolbarComponent {
|
|
|
3072
3311
|
onCancelClick() {
|
|
3073
3312
|
this.cancel.emit(true);
|
|
3074
3313
|
}
|
|
3075
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3076
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
3314
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectToolbarComponent, deps: [{ token: EuimMultiselectComponent }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3315
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimMultiselectToolbarComponent, selector: "euim-multiselect-toolbar", inputs: { toolbarTitle: "toolbarTitle", euimCustomRender: ["euimCustomRender", "euimCustomRender", booleanAttribute] }, outputs: { cancel: "cancel", confirm: "confirm" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "@if (!euimCustomRender) {\n <euim-toolbar\n [hasBackButton]=\"false\" [hasSidebarTrigger]=\"false\" >\n <ion-button (click)=\"onCancelClick()\">\n <ion-icon name=\"close-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ng-content select=\"ion-button\"></ng-content>\n <euim-toolbar-title class=\"euim-multiselect__toolbar--title\">\n {{toolbarTitle}}\n </euim-toolbar-title>\n <euim-toolbar-action-items>\n <ion-button (click)=\"onConfirm()\">\n <ion-icon name=\"checkmark-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </euim-toolbar-action-items>\n </euim-toolbar>\n}\n@if (euimCustomRender) {\n <ng-content></ng-content>\n}\n\n", dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: EuimToolbarActionItemsComponent, selector: "euim-toolbar-action-items" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3077
3316
|
}
|
|
3078
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3317
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectToolbarComponent, decorators: [{
|
|
3079
3318
|
type: Component,
|
|
3080
3319
|
args: [{ selector: 'euim-multiselect-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "@if (!euimCustomRender) {\n <euim-toolbar\n [hasBackButton]=\"false\" [hasSidebarTrigger]=\"false\" >\n <ion-button (click)=\"onCancelClick()\">\n <ion-icon name=\"close-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ng-content select=\"ion-button\"></ng-content>\n <euim-toolbar-title class=\"euim-multiselect__toolbar--title\">\n {{toolbarTitle}}\n </euim-toolbar-title>\n <euim-toolbar-action-items>\n <ion-button (click)=\"onConfirm()\">\n <ion-icon name=\"checkmark-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </euim-toolbar-action-items>\n </euim-toolbar>\n}\n@if (euimCustomRender) {\n <ng-content></ng-content>\n}\n\n" }]
|
|
3081
3320
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
@@ -3102,8 +3341,8 @@ const COMPONENTS$2 = [
|
|
|
3102
3341
|
EuimMultiselectToolbarComponent,
|
|
3103
3342
|
];
|
|
3104
3343
|
class EuimMultiselectModule {
|
|
3105
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3106
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
3344
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3345
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectModule, declarations: [EuimMultiselectComponent,
|
|
3107
3346
|
EuimMultiselectFilterComponent,
|
|
3108
3347
|
EuimMultiselectListComponent,
|
|
3109
3348
|
EuimMultiselectInfoComponent,
|
|
@@ -3122,7 +3361,7 @@ class EuimMultiselectModule {
|
|
|
3122
3361
|
EuimMultiselectSelectFieldDirective,
|
|
3123
3362
|
EuimMultiselectAllDirective,
|
|
3124
3363
|
EuimMultiselectToolbarComponent] }); }
|
|
3125
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
3364
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectModule, imports: [CommonModule,
|
|
3126
3365
|
IonicModule,
|
|
3127
3366
|
EuimSkeletonListItemModule,
|
|
3128
3367
|
EuimToolbarComponentModule,
|
|
@@ -3130,7 +3369,7 @@ class EuimMultiselectModule {
|
|
|
3130
3369
|
EuimEmptyListPlaceholderModule,
|
|
3131
3370
|
TranslateModule] }); }
|
|
3132
3371
|
}
|
|
3133
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3372
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMultiselectModule, decorators: [{
|
|
3134
3373
|
type: NgModule,
|
|
3135
3374
|
args: [{
|
|
3136
3375
|
imports: [
|
|
@@ -3200,11 +3439,11 @@ class EuimPdfViewerComponent {
|
|
|
3200
3439
|
this.eventResult = event;
|
|
3201
3440
|
this.zoom = this.eventResult.scale;
|
|
3202
3441
|
}
|
|
3203
|
-
onLoaded() {
|
|
3204
|
-
|
|
3205
|
-
|
|
3206
|
-
|
|
3207
|
-
|
|
3442
|
+
onLoaded(pdf) {
|
|
3443
|
+
this.showDefaultError = false;
|
|
3444
|
+
this.loading = false;
|
|
3445
|
+
this.pdf = pdf;
|
|
3446
|
+
this.pdfNumPages = this.pdf.numPages;
|
|
3208
3447
|
}
|
|
3209
3448
|
onError() {
|
|
3210
3449
|
this.showDefaultError = false;
|
|
@@ -3212,9 +3451,9 @@ class EuimPdfViewerComponent {
|
|
|
3212
3451
|
this.errorMessage = 'File could not be loaded.';
|
|
3213
3452
|
}
|
|
3214
3453
|
onDownload() {
|
|
3215
|
-
|
|
3216
|
-
|
|
3217
|
-
|
|
3454
|
+
this.pdf?.getData().then((u8) => {
|
|
3455
|
+
this.downloadFile(u8, 'file.pdf');
|
|
3456
|
+
});
|
|
3218
3457
|
}
|
|
3219
3458
|
onZoomIn() {
|
|
3220
3459
|
this.pinch.zoomIn();
|
|
@@ -3228,9 +3467,9 @@ class EuimPdfViewerComponent {
|
|
|
3228
3467
|
this.pinch.resetZoom();
|
|
3229
3468
|
}
|
|
3230
3469
|
nextPage() {
|
|
3231
|
-
|
|
3232
|
-
|
|
3233
|
-
|
|
3470
|
+
if (this.page < this.pdf.numPages) {
|
|
3471
|
+
this.page++;
|
|
3472
|
+
}
|
|
3234
3473
|
}
|
|
3235
3474
|
prevPage() {
|
|
3236
3475
|
if (this.page > 1) {
|
|
@@ -3270,12 +3509,12 @@ class EuimPdfViewerComponent {
|
|
|
3270
3509
|
return throwError(() => err);
|
|
3271
3510
|
}));
|
|
3272
3511
|
}
|
|
3273
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3274
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
3512
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimPdfViewerComponent, deps: [{ token: i1.AlertController }, { token: i2$2.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3513
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimPdfViewerComponent, selector: "euim-pdf-viewer", inputs: { url: "url", page: "page" }, viewQueries: [{ propertyName: "pinch", first: true, predicate: ["pinch"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "@if (loading || errorMessage) {\n<div>\n @if (loading) {\n <euim-spinner>\n <div euimSpinnerMessage>{{'euim.pdf-viewer.SPINNER-MESSAGE' | translate }}</div>\n </euim-spinner>\n }\n @if (errorMessage) {\n <div>{{'euim.pdf-viewer.LOADING-PDF-ERROR-MESSAGE' | translate }}</div>\n }\n</div>\n}\n\n<pinch-zoom [limit-zoom]=\"4\"\n [transition-duration]=\"50\"\n [zoomControlScale]=\"0.5\"\n (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n <div style=\"display: block;width: 100%; height: 500px\">\n <pdf-viewer [src]=\"data\"\n [original-size]=\"false\"\n [zoom-scale]=\"'page-height'\"\n (after-load-complete)=\"onLoaded($event)\"\n (error)=\"onError()\"\n [(page)]=\"page\"\n [stick-to-page]=\"false\"\n [show-all]=\"false\"\n [render-text]=\"true\"\n style=\"width: 100%; height: 100%\">\n </pdf-viewer>\n </div>\n</pinch-zoom>\n\n<ion-footer>\n <ion-toolbar color=\"primary\" class=\"euim-pdf-viewer__footer\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf || !data\">\n <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-buttons class=\"euim-pdf-viewer__footer-zoom-container\">\n <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ion-button (click)=\"onResetZoom()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n {{'euim.pdf-viewer.RESET-ZOOM' | translate }}\n </ion-button>\n <ion-button (click)=\"onZoomIn()\" [disabled]=\"zoom === 4 || !pdf || !data\">\n <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n\n\n <ion-button (click)=\"prevPage()\" [disabled]=\"page === 1 || !pdf || !data\">\n {{'euim.stepper.previous' | translate }}\n </ion-button>\n {{page}}\n <ion-button (click)=\"nextPage()\" [disabled]=\"page === pdfNumPages || !pdf || !data\">\n {{'euim.stepper.next' | translate }}\n </ion-button>\n\n </ion-buttons>\n </ion-toolbar>\n</ion-footer>\n", styles: [".euim-pdf-viewer__footer-zoom-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}\n"], dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonFooter, selector: "ion-footer", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i3.PdfViewerComponent, selector: "pdf-viewer", inputs: ["src", "c-maps-url", "page", "render-text", "render-text-mode", "original-size", "show-all", "stick-to-page", "zoom", "zoom-scale", "rotation", "external-link-target", "autoresize", "fit-to-page", "show-borders"], outputs: ["after-load-complete", "page-rendered", "pages-initialized", "text-layer-rendered", "error", "on-progress", "pageChange"] }, { kind: "component", type: i4.PinchZoomComponent, selector: "pinch-zoom, [pinch-zoom]", inputs: ["properties", "transition-duration", "transitionDuration", "double-tap", "doubleTap", "double-tap-scale", "doubleTapScale", "auto-zoom-out", "autoZoomOut", "limit-zoom", "limitZoom", "disabled", "disablePan", "overflow", "zoomControlScale", "disableZoomControl", "backgroundColor", "limitPan", "minPanScale", "minScale", "listeners", "wheel", "autoHeight", "stepZoomFactor", "wheelZoomFactor", "draggableImage"], outputs: ["onZoomChange"], exportAs: ["pinchZoom"] }, { kind: "component", type: EuimSpinnerComponent, selector: "euim-spinner" }, { kind: "component", type: EuimSpinnerMessageComponent, selector: "[euimSpinnerMessage]" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3275
3514
|
}
|
|
3276
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3515
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimPdfViewerComponent, decorators: [{
|
|
3277
3516
|
type: Component,
|
|
3278
|
-
args: [{ selector: 'euim-pdf-viewer', encapsulation: ViewEncapsulation.None, template: "@if (loading || errorMessage) {\n<div>\n @if (loading) {\n <euim-spinner>\n <div euimSpinnerMessage>{{'euim.pdf-viewer.SPINNER-MESSAGE' | translate }}</div>\n </euim-spinner>\n }\n @if (errorMessage) {\n <div>{{'euim.pdf-viewer.LOADING-PDF-ERROR-MESSAGE' | translate }}</div>\n }\n</div>\n}\n\n<pinch-zoom [limit-zoom]=\"4\"
|
|
3517
|
+
args: [{ selector: 'euim-pdf-viewer', encapsulation: ViewEncapsulation.None, template: "@if (loading || errorMessage) {\n<div>\n @if (loading) {\n <euim-spinner>\n <div euimSpinnerMessage>{{'euim.pdf-viewer.SPINNER-MESSAGE' | translate }}</div>\n </euim-spinner>\n }\n @if (errorMessage) {\n <div>{{'euim.pdf-viewer.LOADING-PDF-ERROR-MESSAGE' | translate }}</div>\n }\n</div>\n}\n\n<pinch-zoom [limit-zoom]=\"4\"\n [transition-duration]=\"50\"\n [zoomControlScale]=\"0.5\"\n (onZoomChange)=\"zoomChange($event)\" [wheelZoomFactor]=\"0.5\" [stepZoomFactor]=\"0.5\" #pinch>\n <div style=\"display: block;width: 100%; height: 500px\">\n <pdf-viewer [src]=\"data\"\n [original-size]=\"false\"\n [zoom-scale]=\"'page-height'\"\n (after-load-complete)=\"onLoaded($event)\"\n (error)=\"onError()\"\n [(page)]=\"page\"\n [stick-to-page]=\"false\"\n [show-all]=\"false\"\n [render-text]=\"true\"\n style=\"width: 100%; height: 100%\">\n </pdf-viewer>\n </div>\n</pinch-zoom>\n\n<ion-footer>\n <ion-toolbar color=\"primary\" class=\"euim-pdf-viewer__footer\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onDownload()\" [disabled]=\"!pdf || !data\">\n <ion-icon name=\"download-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-buttons class=\"euim-pdf-viewer__footer-zoom-container\">\n <ion-button (click)=\"onZoomOut()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n <ion-icon name=\"remove-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ion-button (click)=\"onResetZoom()\" [disabled]=\"zoom === 1 || !pdf || !data\">\n {{'euim.pdf-viewer.RESET-ZOOM' | translate }}\n </ion-button>\n <ion-button (click)=\"onZoomIn()\" [disabled]=\"zoom === 4 || !pdf || !data\">\n <ion-icon name=\"add-circle-outline\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n\n\n <ion-button (click)=\"prevPage()\" [disabled]=\"page === 1 || !pdf || !data\">\n {{'euim.stepper.previous' | translate }}\n </ion-button>\n {{page}}\n <ion-button (click)=\"nextPage()\" [disabled]=\"page === pdfNumPages || !pdf || !data\">\n {{'euim.stepper.next' | translate }}\n </ion-button>\n\n </ion-buttons>\n </ion-toolbar>\n</ion-footer>\n", styles: [".euim-pdf-viewer__footer-zoom-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}\n"] }]
|
|
3279
3518
|
}], ctorParameters: () => [{ type: i1.AlertController }, { type: i2$2.HttpClient }], propDecorators: { url: [{
|
|
3280
3519
|
type: Input
|
|
3281
3520
|
}], page: [{
|
|
@@ -3289,26 +3528,29 @@ const COMPONENTS$1 = [
|
|
|
3289
3528
|
EuimPdfViewerComponent,
|
|
3290
3529
|
];
|
|
3291
3530
|
class EuimPdfViewerModule {
|
|
3292
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3293
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
3531
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimPdfViewerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3532
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimPdfViewerModule, declarations: [EuimPdfViewerComponent], imports: [CommonModule,
|
|
3294
3533
|
IonicModule,
|
|
3534
|
+
PdfViewerModule,
|
|
3295
3535
|
PinchZoomModule,
|
|
3296
3536
|
EuimSpinnerComponentModule,
|
|
3297
3537
|
TranslateModule,
|
|
3298
3538
|
HttpClientModule], exports: [EuimPdfViewerComponent] }); }
|
|
3299
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
3539
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimPdfViewerModule, imports: [CommonModule,
|
|
3300
3540
|
IonicModule,
|
|
3541
|
+
PdfViewerModule,
|
|
3301
3542
|
PinchZoomModule,
|
|
3302
3543
|
EuimSpinnerComponentModule,
|
|
3303
3544
|
TranslateModule,
|
|
3304
3545
|
HttpClientModule] }); }
|
|
3305
3546
|
}
|
|
3306
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3547
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimPdfViewerModule, decorators: [{
|
|
3307
3548
|
type: NgModule,
|
|
3308
3549
|
args: [{
|
|
3309
3550
|
imports: [
|
|
3310
3551
|
CommonModule,
|
|
3311
3552
|
IonicModule,
|
|
3553
|
+
PdfViewerModule,
|
|
3312
3554
|
PinchZoomModule,
|
|
3313
3555
|
EuimSpinnerComponentModule,
|
|
3314
3556
|
TranslateModule,
|
|
@@ -3340,10 +3582,10 @@ class EuimAboutComponent {
|
|
|
3340
3582
|
toggleQRCode() {
|
|
3341
3583
|
this.showCode = !this.showCode;
|
|
3342
3584
|
}
|
|
3343
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3344
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
3585
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3586
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimAboutComponent, selector: "euim-about", inputs: { version: "version", releaseDate: "releaseDate", qrCodeUrl: "qrCodeUrl", logoUrl: "logoUrl", appName: "appName" }, ngImport: i0, template: "<div class=\"euim-about\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title><strong>{{'euim.about.text' | translate }}</strong></euim-toolbar-title>\r\n @if (qrCodeUrl) {\r\n <euim-toolbar-action-items>\r\n <ion-label (click)=\"toggleQRCode()\">\r\n <strong>{{ showCode ? ('euim.about.hide.qrcode' | translate) : ('euim.about.show.qrcode' | translate) }}</strong>\r\n </ion-label>\r\n </euim-toolbar-action-items> }\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n\r\n <euim-header-details color=\"primary\">\r\n <div euimHeaderDetailsIcon>\r\n @if (showCode) {\r\n <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\" [elementType]=\"'svg'\"\r\n [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\r\n @if (!showCode) {\r\n @if (logoUrl) { <img [src]=\"logoUrl\" class=\"euim-about__app-img\" alt=\"Image\" /> } }\r\n </div>\r\n @if (appName) {\r\n <div euimHeaderDetailsTitle><strong>{{appName}}</strong></div> }\r\n @if (version) {\r\n <div euimHeaderDetailsMeta>{{'euim.about.version' | translate }} {{version}}</div> }\r\n @if (releaseDate) {\r\n <div euimHeaderDetailsMeta>{{'euim.about.builton' | translate }} {{releaseDate}}</div> }\r\n </euim-header-details>\r\n </ion-header>\r\n <ng-content></ng-content>\r\n</div>", styles: [".euim-about euim-toolbar-title{font:var(--eui-f-xl)}.euim-about euim-toolbar-action-items ion-label{font:var(--eui-f-s)}.euim-about ion-label{margin-inline-end:var(--eui-s-m);cursor:pointer}.euim-about ion-icon{color:var(--eui-bc-neutral-100);margin-inline-end:var(--eui-s-m)}.euim-about__app-img{width:var(--eui-s-4xl);height:var(--eui-s-4xl);border-radius:var(--eui-s-m);border:calc(var(--eui-s-2xs) / 2) solid var(--eui-c-white)}.euim-about[slot=start]{margin-inline-end:var(--eui-s-m)}\n"], dependencies: [{ kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: i2$3.QRCodeComponent, selector: "qrcode", inputs: ["allowEmptyString", "colorDark", "colorLight", "cssClass", "elementType", "errorCorrectionLevel", "margin", "qrdata", "scale", "version", "width"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: EuimToolbarActionItemsComponent, selector: "euim-toolbar-action-items" }, { kind: "component", type: EuimHeaderDetailsComponent, selector: "euim-header-details", inputs: ["hasBorderBottom"] }, { kind: "directive", type: EuimHeaderDetailsTitleDirective, selector: "[euimHeaderDetailsTitle]" }, { kind: "directive", type: EuimHeaderDetailsMetaDirective, selector: "[euimHeaderDetailsMeta]" }, { kind: "directive", type: EuimHeaderDetailsIconDirective, selector: "[euimHeaderDetailsIcon]" }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3345
3587
|
}
|
|
3346
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3588
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutComponent, decorators: [{
|
|
3347
3589
|
type: Component,
|
|
3348
3590
|
args: [{ selector: 'euim-about', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-about\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title><strong>{{'euim.about.text' | translate }}</strong></euim-toolbar-title>\r\n @if (qrCodeUrl) {\r\n <euim-toolbar-action-items>\r\n <ion-label (click)=\"toggleQRCode()\">\r\n <strong>{{ showCode ? ('euim.about.hide.qrcode' | translate) : ('euim.about.show.qrcode' | translate) }}</strong>\r\n </ion-label>\r\n </euim-toolbar-action-items> }\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n\r\n <euim-header-details color=\"primary\">\r\n <div euimHeaderDetailsIcon>\r\n @if (showCode) {\r\n <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\" [elementType]=\"'svg'\"\r\n [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\r\n @if (!showCode) {\r\n @if (logoUrl) { <img [src]=\"logoUrl\" class=\"euim-about__app-img\" alt=\"Image\" /> } }\r\n </div>\r\n @if (appName) {\r\n <div euimHeaderDetailsTitle><strong>{{appName}}</strong></div> }\r\n @if (version) {\r\n <div euimHeaderDetailsMeta>{{'euim.about.version' | translate }} {{version}}</div> }\r\n @if (releaseDate) {\r\n <div euimHeaderDetailsMeta>{{'euim.about.builton' | translate }} {{releaseDate}}</div> }\r\n </euim-header-details>\r\n </ion-header>\r\n <ng-content></ng-content>\r\n</div>", styles: [".euim-about euim-toolbar-title{font:var(--eui-f-xl)}.euim-about euim-toolbar-action-items ion-label{font:var(--eui-f-s)}.euim-about ion-label{margin-inline-end:var(--eui-s-m);cursor:pointer}.euim-about ion-icon{color:var(--eui-bc-neutral-100);margin-inline-end:var(--eui-s-m)}.euim-about__app-img{width:var(--eui-s-4xl);height:var(--eui-s-4xl);border-radius:var(--eui-s-m);border:calc(var(--eui-s-2xs) / 2) solid var(--eui-c-white)}.euim-about[slot=start]{margin-inline-end:var(--eui-s-m)}\n"] }]
|
|
3349
3591
|
}], propDecorators: { version: [{
|
|
@@ -3362,12 +3604,12 @@ class EuimChangelogComponent {
|
|
|
3362
3604
|
constructor() {
|
|
3363
3605
|
this.changeLogs = [];
|
|
3364
3606
|
}
|
|
3365
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3366
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
3607
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimChangelogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3608
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimChangelogComponent, selector: "euim-changelog", inputs: { changeLogs: "changeLogs" }, ngImport: i0, template: "<div class=\"euim-changelog\">\n <ion-header>\n <ion-toolbar color=\"primary\">\n <euim-toolbar>\n <euim-toolbar-title>{{ 'euim.about.changelog' | translate }}</euim-toolbar-title>\n </euim-toolbar>\n </ion-toolbar>\n </ion-header>\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\n <ion-list>\n <ion-accordion-group [multiple]=\"true\" value=\"about\">\n @for (logItem of changeLogs; track $index) {\n <ion-accordion [value]=\"$index === 0 ? 'about' : logItem.version\">\n <ion-item slot=\"header\">\n <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\n <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle>\n <strong>{{ logItem.version }}</strong>\n </div>\n </ion-item>\n <ion-list slot=\"content\">\n @for (section of logItem.sections; track section) {\n @if (section.items && section.items.length > 0) {\n <ion-item-divider>\n <ion-label>{{ section.name }}</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (item of section.items; track item) {\n <li>{{ item }}</li>\n }\n </ul>\n </ion-item>\n }\n }\n </ion-list>\n </ion-accordion>\n }\n </ion-accordion-group>\n </ion-list>\n </ion-content>\n</div>\n", styles: [".euim-changelog__euimVersionTitle{font:var(--eui-f-s);color:var(--eui-bc-neutral-100)}.euim-changelog ul{padding:var(--eui-s-xs) var(--eui-s-m);margin:0}.euim-changelog li{font:var(--eui-f-m);color:var(--eui-bc-neutral-100)}.euim-changelog ion-item ion-icon{color:var(--eui-bc-neutral-100)}.euim-changelog ion-item ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-changelog ion-item ion-icon[slot=end]{color:var(--eui-bc-neutral-80)}.euim-changelog ion-list{flex:1;display:flex;flex-direction:column}.euim-changelog ion-content ion-list{max-height:calc(100vh - var(--eui-base-spacing-4xl));overflow-y:auto;overflow-x:hidden}\n"], dependencies: [{ kind: "component", type: i1.IonAccordion, selector: "ion-accordion", inputs: ["disabled", "mode", "readonly", "toggleIcon", "toggleIconSlot", "value"] }, { kind: "component", type: i1.IonAccordionGroup, selector: "ion-accordion-group", inputs: ["animated", "disabled", "expand", "mode", "multiple", "readonly", "value"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3367
3609
|
}
|
|
3368
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3610
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimChangelogComponent, decorators: [{
|
|
3369
3611
|
type: Component,
|
|
3370
|
-
args: [{ selector: 'euim-changelog', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-changelog\">\n <ion-header>\n <ion-toolbar color=\"primary\">\n <euim-toolbar>\n <euim-toolbar-title>{{ 'euim.about.changelog' | translate }}</euim-toolbar-title>\n </euim-toolbar>\n </ion-toolbar>\n </ion-header>\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\n <ion-list>\n <ion-accordion-group [multiple]=\"true\" value=\"about\">\n @for (logItem of changeLogs; track $index) {\n <ion-accordion [value]=\"$index === 0 ? 'about' : logItem.version\">\n <ion-item slot=\"header\">\n <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\n <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle>\n <strong>{{ logItem.version }}</strong>\n </div>\n </ion-item>\n <ion-list slot=\"content\">\n @for (section of logItem.sections; track section) {\n @if (section.items && section.items.length > 0) {\n <ion-item-divider>\n <ion-label>{{ section.name }}</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (item of section.items; track item) {\n <li>{{ item }}</li>\n }\n </ul>\n </ion-item>\n }\n }\n </ion-list>\n </ion-accordion>\n }\n </ion-accordion-group>\n </ion-list>\n </ion-content>\n</div>\n", styles: [".euim-changelog__euimVersionTitle{font:var(--eui-f-s);color:var(--eui-bc-neutral-100)}.euim-changelog ul{padding:var(--eui-s-xs) var(--eui-s-m);margin:0}.euim-changelog li{font:var(--eui-f-m);color:var(--eui-bc-neutral-100)}.euim-changelog ion-item ion-icon{color:var(--eui-bc-neutral-100)}.euim-changelog ion-item ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-changelog ion-item ion-icon[slot=end]{color:var(--eui-bc-neutral-80)}.euim-changelog ion-
|
|
3612
|
+
args: [{ selector: 'euim-changelog', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-changelog\">\n <ion-header>\n <ion-toolbar color=\"primary\">\n <euim-toolbar>\n <euim-toolbar-title>{{ 'euim.about.changelog' | translate }}</euim-toolbar-title>\n </euim-toolbar>\n </ion-toolbar>\n </ion-header>\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\n <ion-list>\n <ion-accordion-group [multiple]=\"true\" value=\"about\">\n @for (logItem of changeLogs; track $index) {\n <ion-accordion [value]=\"$index === 0 ? 'about' : logItem.version\">\n <ion-item slot=\"header\">\n <ion-icon name=\"build-outline\" slot=\"start\"></ion-icon>\n <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle>\n <strong>{{ logItem.version }}</strong>\n </div>\n </ion-item>\n <ion-list slot=\"content\">\n @for (section of logItem.sections; track section) {\n @if (section.items && section.items.length > 0) {\n <ion-item-divider>\n <ion-label>{{ section.name }}</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (item of section.items; track item) {\n <li>{{ item }}</li>\n }\n </ul>\n </ion-item>\n }\n }\n </ion-list>\n </ion-accordion>\n }\n </ion-accordion-group>\n </ion-list>\n </ion-content>\n</div>\n", styles: [".euim-changelog__euimVersionTitle{font:var(--eui-f-s);color:var(--eui-bc-neutral-100)}.euim-changelog ul{padding:var(--eui-s-xs) var(--eui-s-m);margin:0}.euim-changelog li{font:var(--eui-f-m);color:var(--eui-bc-neutral-100)}.euim-changelog ion-item ion-icon{color:var(--eui-bc-neutral-100)}.euim-changelog ion-item ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-changelog ion-item ion-icon[slot=end]{color:var(--eui-bc-neutral-80)}.euim-changelog ion-list{flex:1;display:flex;flex-direction:column}.euim-changelog ion-content ion-list{max-height:calc(100vh - var(--eui-base-spacing-4xl));overflow-y:auto;overflow-x:hidden}\n"] }]
|
|
3371
3613
|
}], propDecorators: { changeLogs: [{
|
|
3372
3614
|
type: Input
|
|
3373
3615
|
}] } });
|
|
@@ -3430,10 +3672,10 @@ class EuimHelpSupportComponent {
|
|
|
3430
3672
|
}
|
|
3431
3673
|
return '_blank';
|
|
3432
3674
|
}
|
|
3433
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3434
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
3675
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHelpSupportComponent, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3676
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimHelpSupportComponent, selector: "euim-help-support", inputs: { helpContacts: "helpContacts", supportMaterials: "supportMaterials", alertInfos: "alertInfos", helpAndSupportItems: "helpAndSupportItems" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <euim-toolbar>\n <euim-toolbar-title>{{'euim.about.help.support' | translate }}</euim-toolbar-title>\n </euim-toolbar>\n </ion-toolbar>\n @if (alertInfos.title) {\n <euim-alert-message color=\"primary\">\n <ion-icon name=\"person-circle\" slotStart></ion-icon>\n {{ alertInfos.title }}\n\n @if (alertInfos.btnLink) {\n <ion-button [href]=\"alertInfos.btnLink\" slotEnd size=\"small\" fill=\"outline\">\n <strong>{{ alertInfos.btnTitle }}</strong>\n </ion-button>\n }\n </euim-alert-message>\n }\n <ng-content select=\"[headerSection]\"></ng-content>\n</ion-header>\n\n@if (helpAndSupportItems.length > 0 || helpContacts.contacts.length > 0 || supportMaterials.materials.length > 0) {\n <ion-list>\n @for (helpSupportItem of helpAndSupportItems; track $index;) {\n @if (helpSupportItem.sectionTitle) {\n <ion-item-divider>\n <ion-label>{{ helpSupportItem.sectionTitle }}</ion-label>\n </ion-item-divider>\n }\n\n @for (item of helpSupportItem.items; track item;) {\n\n <ion-item [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n @if (item.startIcon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"item.startIcon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n @if (item.title || item.subtitle) {\n <ion-label>\n @if (item.title) {\n <a [ngClass]=\"getLinkClass(item)\">\n @if (!isLinkSharp(item)) {\n <div class=\"euim-help-support__title\">{{ item.title }}</div>\n }\n @if (isLinkSharp(item)) {\n <div euimLabel euimLabelTitle>{{ item.title }}</div>\n }\n </a>\n }\n @if (item.subtitle) {\n <div euimLabel euimLabelSubTitle>\n {{ item.subtitle }}\n </div>\n }\n </ion-label>\n }\n @if (item.endIcon) {\n <ion-buttons>\n <ion-button fill=\"clear\">\n <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n }\n @if (helpContacts.contacts.length > 0) {\n @if (helpContacts.sectionTitle) {\n <ion-item-divider>\n <ion-label>{{ helpContacts.sectionTitle }}</ion-label>\n </ion-item-divider>\n }\n @for (contact of helpContacts.contacts; track contact; let isLast = $last) {\n <ion-item [lines]=\"isLast ? 'none' : ''\" (click)=\"onItemClick(undefined, contact.linkType, contact.linkTitle)\">\n @if (contact.icon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"contact.icon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n @if (contact.linkTitle || contact.subtitle) {\n <ion-label>\n @if (contact.linkTitle) {\n <a class=\"euim-help-support__contact-link\">\n <div class=\"euim-help-support__title\">{{contact.linkTitle}}</div>\n </a>\n }\n @if (contact.subtitle) {\n <div euimLabel euimLabelSubTitle>{{contact.subtitle}}</div>\n }\n </ion-label>\n }\n </ion-item>\n }\n }\n\n @if (supportMaterials.materials.length > 0) {\n @if (supportMaterials.sectionTitle) {\n <ion-item-divider>\n <ion-label>{{ supportMaterials.sectionTitle }}</ion-label>\n </ion-item-divider>\n }\n @for (material of supportMaterials.materials; track material) {\n <ion-item lines=\"none\" (click)=\"onItemClick(material, undefined, undefined)\">\n @if (material.icon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"material.icon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n <ion-label>\n @if (material.title) {\n <div euimLabel euimLabelTitle>{{material.title}}</div>\n }\n @if (material.subtitle) {\n <div euimLabel euimLabelSubTitle>{{material.subtitle}}</div>\n }\n </ion-label>\n <ion-buttons>\n <ion-button fill=\"clear\" >\n <ion-icon name=\"link-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n </ion-item>\n }\n }\n </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__title{font:var(--eui-f-m);color:var(--eui-bc-primary-100)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "component", type: EuimAlertMessageComponent, selector: "euim-alert-message", inputs: ["euimLabelTruncate", "hasIcon", "isCloseable"], outputs: ["euimClose"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3435
3677
|
}
|
|
3436
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3678
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimHelpSupportComponent, decorators: [{
|
|
3437
3679
|
type: Component,
|
|
3438
3680
|
args: [{ selector: 'euim-help-support', encapsulation: ViewEncapsulation.None, template: "<ion-header>\n <ion-toolbar color=\"primary\">\n <euim-toolbar>\n <euim-toolbar-title>{{'euim.about.help.support' | translate }}</euim-toolbar-title>\n </euim-toolbar>\n </ion-toolbar>\n @if (alertInfos.title) {\n <euim-alert-message color=\"primary\">\n <ion-icon name=\"person-circle\" slotStart></ion-icon>\n {{ alertInfos.title }}\n\n @if (alertInfos.btnLink) {\n <ion-button [href]=\"alertInfos.btnLink\" slotEnd size=\"small\" fill=\"outline\">\n <strong>{{ alertInfos.btnTitle }}</strong>\n </ion-button>\n }\n </euim-alert-message>\n }\n <ng-content select=\"[headerSection]\"></ng-content>\n</ion-header>\n\n@if (helpAndSupportItems.length > 0 || helpContacts.contacts.length > 0 || supportMaterials.materials.length > 0) {\n <ion-list>\n @for (helpSupportItem of helpAndSupportItems; track $index;) {\n @if (helpSupportItem.sectionTitle) {\n <ion-item-divider>\n <ion-label>{{ helpSupportItem.sectionTitle }}</ion-label>\n </ion-item-divider>\n }\n\n @for (item of helpSupportItem.items; track item;) {\n\n <ion-item [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n @if (item.startIcon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"item.startIcon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n @if (item.title || item.subtitle) {\n <ion-label>\n @if (item.title) {\n <a [ngClass]=\"getLinkClass(item)\">\n @if (!isLinkSharp(item)) {\n <div class=\"euim-help-support__title\">{{ item.title }}</div>\n }\n @if (isLinkSharp(item)) {\n <div euimLabel euimLabelTitle>{{ item.title }}</div>\n }\n </a>\n }\n @if (item.subtitle) {\n <div euimLabel euimLabelSubTitle>\n {{ item.subtitle }}\n </div>\n }\n </ion-label>\n }\n @if (item.endIcon) {\n <ion-buttons>\n <ion-button fill=\"clear\">\n <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n }\n @if (helpContacts.contacts.length > 0) {\n @if (helpContacts.sectionTitle) {\n <ion-item-divider>\n <ion-label>{{ helpContacts.sectionTitle }}</ion-label>\n </ion-item-divider>\n }\n @for (contact of helpContacts.contacts; track contact; let isLast = $last) {\n <ion-item [lines]=\"isLast ? 'none' : ''\" (click)=\"onItemClick(undefined, contact.linkType, contact.linkTitle)\">\n @if (contact.icon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"contact.icon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n @if (contact.linkTitle || contact.subtitle) {\n <ion-label>\n @if (contact.linkTitle) {\n <a class=\"euim-help-support__contact-link\">\n <div class=\"euim-help-support__title\">{{contact.linkTitle}}</div>\n </a>\n }\n @if (contact.subtitle) {\n <div euimLabel euimLabelSubTitle>{{contact.subtitle}}</div>\n }\n </ion-label>\n }\n </ion-item>\n }\n }\n\n @if (supportMaterials.materials.length > 0) {\n @if (supportMaterials.sectionTitle) {\n <ion-item-divider>\n <ion-label>{{ supportMaterials.sectionTitle }}</ion-label>\n </ion-item-divider>\n }\n @for (material of supportMaterials.materials; track material) {\n <ion-item lines=\"none\" (click)=\"onItemClick(material, undefined, undefined)\">\n @if (material.icon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"material.icon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n <ion-label>\n @if (material.title) {\n <div euimLabel euimLabelTitle>{{material.title}}</div>\n }\n @if (material.subtitle) {\n <div euimLabel euimLabelSubTitle>{{material.subtitle}}</div>\n }\n </ion-label>\n <ion-buttons>\n <ion-button fill=\"clear\" >\n <ion-icon name=\"link-sharp\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n </ion-item>\n }\n }\n </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__title{font:var(--eui-f-m);color:var(--eui-bc-primary-100)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"] }]
|
|
3439
3681
|
}], ctorParameters: () => [{ type: i1$2.Router }], propDecorators: { helpContacts: [{
|
|
@@ -3457,10 +3699,10 @@ class EuimOpenSourceLicencesComponent {
|
|
|
3457
3699
|
emitItemClick(itemName) {
|
|
3458
3700
|
this.clickItem.emit([itemName]);
|
|
3459
3701
|
}
|
|
3460
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3461
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
3702
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimOpenSourceLicencesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3703
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimOpenSourceLicencesComponent, selector: "euim-opensource-licences", inputs: { items: "items" }, outputs: { clickItem: "clickItem" }, ngImport: i0, template: "<div class=\"euim-opensource-licences\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>{{'euim.about.opensource.licences' | translate}}</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header>\r\n <ion-list>\r\n @for (item of items; track item) {\r\n <ion-item class=\"euim-about__item\" button [detail]=\"true\" (click)=\"emitItemClick(item.name)\">\r\n <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">{{ item.name }}</div>\r\n </ion-item> }\r\n </ion-list>\r\n</div>\r\n", styles: [".euim-opensource-licences ion-item ion-icon{margin-inline-end:var(--eui-s-m);color:var(--eui-bc-neutral-100)}.euim-opensource-licences ion-item ion-icon__item{cursor:pointer!important}\n"], dependencies: [{ kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "pipe", type: i1$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3462
3704
|
}
|
|
3463
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3705
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimOpenSourceLicencesComponent, decorators: [{
|
|
3464
3706
|
type: Component,
|
|
3465
3707
|
args: [{ selector: 'euim-opensource-licences', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-opensource-licences\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>{{'euim.about.opensource.licences' | translate}}</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header>\r\n <ion-list>\r\n @for (item of items; track item) {\r\n <ion-item class=\"euim-about__item\" button [detail]=\"true\" (click)=\"emitItemClick(item.name)\">\r\n <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">{{ item.name }}</div>\r\n </ion-item> }\r\n </ion-list>\r\n</div>\r\n", styles: [".euim-opensource-licences ion-item ion-icon{margin-inline-end:var(--eui-s-m);color:var(--eui-bc-neutral-100)}.euim-opensource-licences ion-item ion-icon__item{cursor:pointer!important}\n"] }]
|
|
3466
3708
|
}], propDecorators: { items: [{
|
|
@@ -3477,10 +3719,10 @@ class EuimAboutContentLoadingComponent {
|
|
|
3477
3719
|
ngOnInit() {
|
|
3478
3720
|
this.sanitizedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.webUrl);
|
|
3479
3721
|
}
|
|
3480
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3481
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
3722
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutContentLoadingComponent, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3723
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimAboutContentLoadingComponent, selector: "euim-about-content-loading", inputs: { webUrl: "webUrl", toolbarTitle: "toolbarTitle" }, ngImport: i0, template: "<div class=\"euim-about-content-loading\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>{{toolbarTitle}}</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header>\r\n <div class=\"euim-about-content-loading__content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if(webUrl) {\r\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n <div class=\"euim-about-content-loading__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-about-content-loading__iframe\" scrolling=\"no\" allowfullscreen></iframe>\r\n </div>\r\n </ion-content> }\r\n</div>", styles: [".euim-about-content-loading__iframe-container{position:relative;width:100%;height:calc(100vh - 56px)}.euim-about-content-loading__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.euim-about-content-loading__content *{display:block;padding:var(--eui-s-2xs) var(--eui-s-m);font:var(--eui-f-s);color:var(--eui-bc-neutral-100)}\n"], dependencies: [{ kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "component", type: EuimToolbarComponent, selector: "euim-toolbar", inputs: ["hasBackButton", "backButtonDefaultHref", "hasSidebarTrigger", "hasLanguageSelector"], outputs: ["backButtonClick"] }, { kind: "component", type: EuimToolbarTitleComponent, selector: "euim-toolbar-title" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3482
3724
|
}
|
|
3483
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3725
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutContentLoadingComponent, decorators: [{
|
|
3484
3726
|
type: Component,
|
|
3485
3727
|
args: [{ selector: 'euim-about-content-loading', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-about-content-loading\">\r\n <ion-header>\r\n <ion-toolbar color=\"primary\">\r\n <euim-toolbar>\r\n <euim-toolbar-title>{{toolbarTitle}}</euim-toolbar-title>\r\n </euim-toolbar>\r\n </ion-toolbar>\r\n </ion-header>\r\n <div class=\"euim-about-content-loading__content\">\r\n <ng-content></ng-content>\r\n </div>\r\n @if(webUrl) {\r\n <ion-content [fullscreen]=\"true\" scroll-y=\"false\">\r\n <div class=\"euim-about-content-loading__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-about-content-loading__iframe\" scrolling=\"no\" allowfullscreen></iframe>\r\n </div>\r\n </ion-content> }\r\n</div>", styles: [".euim-about-content-loading__iframe-container{position:relative;width:100%;height:calc(100vh - 56px)}.euim-about-content-loading__iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.euim-about-content-loading__content *{display:block;padding:var(--eui-s-2xs) var(--eui-s-m);font:var(--eui-f-s);color:var(--eui-bc-neutral-100)}\n"] }]
|
|
3486
3728
|
}], ctorParameters: () => [{ type: i1$3.DomSanitizer }], propDecorators: { webUrl: [{
|
|
@@ -3497,8 +3739,8 @@ const COMPONENTS = [
|
|
|
3497
3739
|
EuimAboutContentLoadingComponent,
|
|
3498
3740
|
];
|
|
3499
3741
|
class EuimAboutModule {
|
|
3500
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3501
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
3742
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3743
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutModule, declarations: [EuimAboutComponent,
|
|
3502
3744
|
EuimChangelogComponent,
|
|
3503
3745
|
EuimOpenSourceLicencesComponent,
|
|
3504
3746
|
EuimHelpSupportComponent,
|
|
@@ -3517,7 +3759,7 @@ class EuimAboutModule {
|
|
|
3517
3759
|
EuimOpenSourceLicencesComponent,
|
|
3518
3760
|
EuimHelpSupportComponent,
|
|
3519
3761
|
EuimAboutContentLoadingComponent] }); }
|
|
3520
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
3762
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutModule, imports: [CommonModule,
|
|
3521
3763
|
IonicModule,
|
|
3522
3764
|
QRCodeModule,
|
|
3523
3765
|
EuimToolbarComponentModule,
|
|
@@ -3529,7 +3771,7 @@ class EuimAboutModule {
|
|
|
3529
3771
|
TranslateModule,
|
|
3530
3772
|
RouterModule] }); }
|
|
3531
3773
|
}
|
|
3532
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3774
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAboutModule, decorators: [{
|
|
3533
3775
|
type: NgModule,
|
|
3534
3776
|
args: [{
|
|
3535
3777
|
imports: [
|
|
@@ -3562,9 +3804,10 @@ class EuimToolbarDatepickerComponent {
|
|
|
3562
3804
|
get cssClasses() {
|
|
3563
3805
|
return this.getCssClasses();
|
|
3564
3806
|
}
|
|
3565
|
-
constructor(baseStatesDirective, translate) {
|
|
3807
|
+
constructor(baseStatesDirective, translate, modalController) {
|
|
3566
3808
|
this.baseStatesDirective = baseStatesDirective;
|
|
3567
3809
|
this.translate = translate;
|
|
3810
|
+
this.modalController = modalController;
|
|
3568
3811
|
this.icon = 'calendar-clear-sharp';
|
|
3569
3812
|
this.prevBtnClick = new EventEmitter();
|
|
3570
3813
|
this.nextBtnClick = new EventEmitter();
|
|
@@ -3576,6 +3819,12 @@ class EuimToolbarDatepickerComponent {
|
|
|
3576
3819
|
this.currentDate = new Date();
|
|
3577
3820
|
this.formattedDate = this.currentDate.toLocaleDateString();
|
|
3578
3821
|
}
|
|
3822
|
+
async dismissModal() {
|
|
3823
|
+
const topModal = await this.modalController.getTop();
|
|
3824
|
+
if (topModal) {
|
|
3825
|
+
await this.modalController.dismiss();
|
|
3826
|
+
}
|
|
3827
|
+
}
|
|
3579
3828
|
get dateTimeId() {
|
|
3580
3829
|
return this._dateTimeId;
|
|
3581
3830
|
}
|
|
@@ -3620,14 +3869,24 @@ class EuimToolbarDatepickerComponent {
|
|
|
3620
3869
|
}
|
|
3621
3870
|
}
|
|
3622
3871
|
selectPrevDate() {
|
|
3623
|
-
|
|
3872
|
+
if (this.selectDateBy === 'week') {
|
|
3873
|
+
this.currentDate.setDate(this.currentDate.getDate() - 7);
|
|
3874
|
+
}
|
|
3875
|
+
else {
|
|
3876
|
+
this.currentDate.setDate(this.currentDate.getDate() - 1);
|
|
3877
|
+
}
|
|
3624
3878
|
this.formattedDate = this.currentDate.toLocaleDateString();
|
|
3625
3879
|
this.formatDateAndWeekDay();
|
|
3626
3880
|
this.selectedDate = this.currentDate.toISOString();
|
|
3627
3881
|
this.prevBtnClick.emit(this.currentDate);
|
|
3628
3882
|
}
|
|
3629
3883
|
selectNextDate() {
|
|
3630
|
-
|
|
3884
|
+
if (this.selectDateBy === 'week') {
|
|
3885
|
+
this.currentDate.setDate(this.currentDate.getDate() + 7);
|
|
3886
|
+
}
|
|
3887
|
+
else {
|
|
3888
|
+
this.currentDate.setDate(this.currentDate.getDate() + 1);
|
|
3889
|
+
}
|
|
3631
3890
|
this.formattedDate = this.currentDate.toLocaleDateString();
|
|
3632
3891
|
this.formatDateAndWeekDay();
|
|
3633
3892
|
this.selectedDate = this.currentDate.toISOString();
|
|
@@ -3641,10 +3900,10 @@ class EuimToolbarDatepickerComponent {
|
|
|
3641
3900
|
formatDateAndWeekDay() {
|
|
3642
3901
|
this.weekDayName = this.weekdays[this.currentDate.getDay()];
|
|
3643
3902
|
}
|
|
3644
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3645
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.
|
|
3903
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarDatepickerComponent, deps: [{ token: BaseStatesDirective }, { token: i1$1.TranslateService }, { token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3904
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.8", type: EuimToolbarDatepickerComponent, selector: "euim-toolbar-datepicker", inputs: { icon: "icon", title: "title", subTitle: "subTitle", euimPrevBtnDisabled: ["euimPrevBtnDisabled", "euimPrevBtnDisabled", booleanAttribute], euimNextBtnDisabled: ["euimNextBtnDisabled", "euimNextBtnDisabled", booleanAttribute], euimReadOnly: ["euimReadOnly", "euimReadOnly", booleanAttribute], selectDateBy: "selectDateBy" }, outputs: { prevBtnClick: "prevBtnClick", nextBtnClick: "nextBtnClick", dateChanged: "dateChanged" }, host: { listeners: { "window:popstate": "dismissModal($event)" }, properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ion-item class=\"euim-toolbar-datepicker__item\"\n color=\"primary\">\n <euim-avatar fill=\"clear\" slot=\"start\" >\n <euim-avatar-icon>\n <ion-icon [name]=\"icon\"\n class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n @if (!euimReadOnly){\n <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n [datetime]=\"dateTimeId\">\n </ion-datetime-button>\n }\n <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n <ion-label class=\"euim-toolbar-datepicker__date\">\n <div class=\"euim-toolbar-datepicker__title\"\n euimLabel\n euimLabelTitle\n euimLabelTruncate\n disabled=\"euimReadOnly\">{{!title ? weekDayName : title}}</div>\n\n <div euimLabel\n euimLabelSubTitle\n euimLabelTruncate\n disabled=\"euimReadOnly\">{{!subTitle ? formattedDate : subTitle}}</div>\n </ion-label>\n @if (!euimReadOnly){\n <ion-icon class=\"euim-toolbar-datepicker__datetime-caret\"\n name=\"caret-down-sharp\"\n color=\"light\"></ion-icon>\n }\n </div>\n\n @if (!euimReadOnly) {\n <ion-buttons slot=\"end\">\n <ion-button (click)=\"selectPrevDate()\"\n [disabled] = \"euimPrevBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button\">\n <ion-icon name=\"chevron-back-circle-sharp\"\n color=\"light\">\n </ion-icon>\n </ion-button>\n <ion-button\n (click)=\"selectNextDate()\"\n [disabled]=\"euimNextBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n <ion-icon name=\"chevron-forward-circle-sharp\"\n color=\"light\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n [trigger]=\"modalId\">\n <ng-template>\n <ion-datetime\n [showDefaultButtons]=\"true\"\n (ionChange)=\"calendarDateChanged($event)\"\n size=\"cover\"\n [id]=\"dateTimeId\"\n [locale]=\"currentLang\"\n [(ngModel)]=\"selectedDate\"\n presentation=\"year\"></ion-datetime>\n </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-s-xs)}.euim-toolbar-datepicker ion-item:has(ion-buttons ion-button ion-icon){--inner-padding-end: var(--eui-s-2xs)}.euim-toolbar-datepicker ion-item ion-buttons[slot=end]{margin-inline-start:0}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-s-l);margin-right:var(--eui-s-l);width:var(--eui-s-l);height:var(--eui-s-l)}.euim-toolbar-datepicker__datetime-button{display:flex;align-items:center;height:100%;width:100%;padding-top:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.euim-toolbar-datepicker__datetime-button--hidden{display:none}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-s-xs)!important;margin-right:var(--eui-s-xs)!important;width:var(--eui-s-m);height:var(--eui-s-m);flex-shrink:0}.euim-toolbar-datepicker__nav-button{width:calc(var(--eui-s-2xl) + var(--eui-s-2xs))!important;height:calc(var(--eui-s-2xl) + var(--eui-s-2xs))!important}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-base-spacing-xl);height:var(--eui-base-spacing-xl)}.euim-toolbar-datepicker__date{flex:0 1 auto}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__calendar,.euim-toolbar-datepicker--primary .euim-label{color:#fff}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-bc-primary);color:#fff}\n"], dependencies: [{ kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "formatOptions", "highlightedDates", "hourCycle", "hourValues", "isDateEnabled", "locale", "max", "min", "minuteValues", "mode", "monthValues", "multiple", "name", "preferWheel", "presentation", "readonly", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }, { kind: "component", type: i1.IonDatetimeButton, selector: "ion-datetime-button", inputs: ["color", "datetime", "disabled", "mode"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonModal, selector: "ion-modal" }, { kind: "directive", type: i1.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3646
3905
|
}
|
|
3647
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3906
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarDatepickerComponent, decorators: [{
|
|
3648
3907
|
type: Component,
|
|
3649
3908
|
args: [{ selector: 'euim-toolbar-datepicker', encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
3650
3909
|
{
|
|
@@ -3653,8 +3912,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
3653
3912
|
'color',
|
|
3654
3913
|
],
|
|
3655
3914
|
},
|
|
3656
|
-
], template: "<ion-item class=\"euim-toolbar-datepicker__item\"\n color=\"primary\">\n <euim-avatar fill=\"clear\" slot=\"start\" >\n <euim-avatar-icon>\n <ion-icon [name]=\"icon\"\n class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n @if (!euimReadOnly){\n <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n [datetime]=\"dateTimeId\">\n </ion-datetime-button>\n }\n <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n <ion-label class=\"euim-toolbar-datepicker__date\"
|
|
3657
|
-
}], ctorParameters: () => [{ type: BaseStatesDirective }, { type: i1$1.TranslateService }], propDecorators: { icon: [{
|
|
3915
|
+
], template: "<ion-item class=\"euim-toolbar-datepicker__item\"\n color=\"primary\">\n <euim-avatar fill=\"clear\" slot=\"start\" >\n <euim-avatar-icon>\n <ion-icon [name]=\"icon\"\n class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n @if (!euimReadOnly){\n <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n [datetime]=\"dateTimeId\">\n </ion-datetime-button>\n }\n <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n <ion-label class=\"euim-toolbar-datepicker__date\">\n <div class=\"euim-toolbar-datepicker__title\"\n euimLabel\n euimLabelTitle\n euimLabelTruncate\n disabled=\"euimReadOnly\">{{!title ? weekDayName : title}}</div>\n\n <div euimLabel\n euimLabelSubTitle\n euimLabelTruncate\n disabled=\"euimReadOnly\">{{!subTitle ? formattedDate : subTitle}}</div>\n </ion-label>\n @if (!euimReadOnly){\n <ion-icon class=\"euim-toolbar-datepicker__datetime-caret\"\n name=\"caret-down-sharp\"\n color=\"light\"></ion-icon>\n }\n </div>\n\n @if (!euimReadOnly) {\n <ion-buttons slot=\"end\">\n <ion-button (click)=\"selectPrevDate()\"\n [disabled] = \"euimPrevBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button\">\n <ion-icon name=\"chevron-back-circle-sharp\"\n color=\"light\">\n </ion-icon>\n </ion-button>\n <ion-button\n (click)=\"selectNextDate()\"\n [disabled]=\"euimNextBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n <ion-icon name=\"chevron-forward-circle-sharp\"\n color=\"light\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n [trigger]=\"modalId\">\n <ng-template>\n <ion-datetime\n [showDefaultButtons]=\"true\"\n (ionChange)=\"calendarDateChanged($event)\"\n size=\"cover\"\n [id]=\"dateTimeId\"\n [locale]=\"currentLang\"\n [(ngModel)]=\"selectedDate\"\n presentation=\"year\"></ion-datetime>\n </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-s-xs)}.euim-toolbar-datepicker ion-item:has(ion-buttons ion-button ion-icon){--inner-padding-end: var(--eui-s-2xs)}.euim-toolbar-datepicker ion-item ion-buttons[slot=end]{margin-inline-start:0}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-s-l);margin-right:var(--eui-s-l);width:var(--eui-s-l);height:var(--eui-s-l)}.euim-toolbar-datepicker__datetime-button{display:flex;align-items:center;height:100%;width:100%;padding-top:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.euim-toolbar-datepicker__datetime-button--hidden{display:none}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-s-xs)!important;margin-right:var(--eui-s-xs)!important;width:var(--eui-s-m);height:var(--eui-s-m);flex-shrink:0}.euim-toolbar-datepicker__nav-button{width:calc(var(--eui-s-2xl) + var(--eui-s-2xs))!important;height:calc(var(--eui-s-2xl) + var(--eui-s-2xs))!important}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-base-spacing-xl);height:var(--eui-base-spacing-xl)}.euim-toolbar-datepicker__date{flex:0 1 auto}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__calendar,.euim-toolbar-datepicker--primary .euim-label{color:#fff}.euim-toolbar-datepicker--primary .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-bc-primary);color:#fff}\n"] }]
|
|
3916
|
+
}], ctorParameters: () => [{ type: BaseStatesDirective }, { type: i1$1.TranslateService }, { type: i1.ModalController }], propDecorators: { icon: [{
|
|
3658
3917
|
type: Input
|
|
3659
3918
|
}], title: [{
|
|
3660
3919
|
type: Input
|
|
@@ -3669,6 +3928,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
3669
3928
|
}], euimReadOnly: [{
|
|
3670
3929
|
type: Input,
|
|
3671
3930
|
args: [{ transform: booleanAttribute }]
|
|
3931
|
+
}], selectDateBy: [{
|
|
3932
|
+
type: Input
|
|
3672
3933
|
}], prevBtnClick: [{
|
|
3673
3934
|
type: Output
|
|
3674
3935
|
}], nextBtnClick: [{
|
|
@@ -3678,6 +3939,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
3678
3939
|
}], cssClasses: [{
|
|
3679
3940
|
type: HostBinding,
|
|
3680
3941
|
args: ['class']
|
|
3942
|
+
}], dismissModal: [{
|
|
3943
|
+
type: HostListener,
|
|
3944
|
+
args: ['window:popstate', ['$event']]
|
|
3681
3945
|
}] } });
|
|
3682
3946
|
|
|
3683
3947
|
class EuimToolbarDatepickerDatetimeDirective {
|
|
@@ -3704,10 +3968,10 @@ class EuimToolbarDatepickerDatetimeDirective {
|
|
|
3704
3968
|
this.value = item.toISOString();
|
|
3705
3969
|
});
|
|
3706
3970
|
}
|
|
3707
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3708
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
3971
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarDatepickerDatetimeDirective, deps: [{ token: EuimToolbarDatepickerComponent }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
3972
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimToolbarDatepickerDatetimeDirective, selector: "[euimToolbarDatepickerDatetime]", inputs: { value: "value", showDefaultButtons: "showDefaultButtons", id: "id", size: "size", presentation: "presentation", displayFormat: "displayFormat" }, host: { listeners: { "ionChange": "onIonChange($event)" }, properties: { "class": "this.className", "value": "this.value", "showDefaultButtons": "this.showDefaultButtons", "id": "this.id", "size": "this.size", "presentation": "this.presentation", "displayFormat": "this.displayFormat" } }, ngImport: i0 }); }
|
|
3709
3973
|
}
|
|
3710
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3974
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarDatepickerDatetimeDirective, decorators: [{
|
|
3711
3975
|
type: Directive,
|
|
3712
3976
|
args: [{
|
|
3713
3977
|
selector: '[euimToolbarDatepickerDatetime]',
|
|
@@ -3751,8 +4015,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
3751
4015
|
}] } });
|
|
3752
4016
|
|
|
3753
4017
|
class EuimToolbarDatepickerModule {
|
|
3754
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3755
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
4018
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4019
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarDatepickerModule, declarations: [EuimToolbarDatepickerComponent,
|
|
3756
4020
|
EuimToolbarDatepickerDatetimeDirective], imports: [CommonModule,
|
|
3757
4021
|
IonicModule,
|
|
3758
4022
|
TranslateModule,
|
|
@@ -3760,14 +4024,14 @@ class EuimToolbarDatepickerModule {
|
|
|
3760
4024
|
EuimLabelModule,
|
|
3761
4025
|
FormsModule], exports: [EuimToolbarDatepickerComponent,
|
|
3762
4026
|
EuimToolbarDatepickerDatetimeDirective] }); }
|
|
3763
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
4027
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarDatepickerModule, imports: [CommonModule,
|
|
3764
4028
|
IonicModule,
|
|
3765
4029
|
TranslateModule,
|
|
3766
4030
|
EuimAvatarModule,
|
|
3767
4031
|
EuimLabelModule,
|
|
3768
4032
|
FormsModule] }); }
|
|
3769
4033
|
}
|
|
3770
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4034
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarDatepickerModule, decorators: [{
|
|
3771
4035
|
type: NgModule,
|
|
3772
4036
|
args: [{
|
|
3773
4037
|
imports: [
|
|
@@ -3789,139 +4053,141 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
3789
4053
|
}]
|
|
3790
4054
|
}] });
|
|
3791
4055
|
|
|
3792
|
-
class
|
|
3793
|
-
|
|
3794
|
-
|
|
3795
|
-
}
|
|
3796
|
-
constructor(baseStatesDirective) {
|
|
3797
|
-
this.baseStatesDirective = baseStatesDirective;
|
|
3798
|
-
}
|
|
3799
|
-
getCssClasses() {
|
|
3800
|
-
return [
|
|
3801
|
-
this.baseStatesDirective.getCssClasses('euim-card'),
|
|
3802
|
-
].join(' ').trim();
|
|
4056
|
+
class EuimReadOnlyFormLabelDirective {
|
|
4057
|
+
constructor() {
|
|
4058
|
+
this.className = 'euim-read-only-form__label';
|
|
3803
4059
|
}
|
|
3804
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3805
|
-
/** @nocollapse */ static { this.ɵ
|
|
4060
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimReadOnlyFormLabelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4061
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimReadOnlyFormLabelDirective, isStandalone: true, selector: "[euimReadOnlyFormLabel]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
3806
4062
|
}
|
|
3807
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3808
|
-
type:
|
|
3809
|
-
args: [{
|
|
3810
|
-
|
|
3811
|
-
|
|
3812
|
-
|
|
3813
|
-
|
|
3814
|
-
'euimSizeS',
|
|
3815
|
-
'euimSizeL',
|
|
3816
|
-
],
|
|
3817
|
-
},
|
|
3818
|
-
], template: "<ion-card>\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative;display:flex}.euim-card ion-card{margin:0}.euim-card__header-image{width:100%}.euim-card__image{height:100%;width:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:0}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:0}.euim-card{display:flex}.euim-card--size-s .euim-card__image{height:calc(var(--eui-base-spacing-m) * 6.25)}.euim-card--size-s .euim-card__content ion-item>:not([slot=start]):not([slot=end]){width:calc(var(--eui-base-spacing-m) * 6.875 + 1px)}.euim-card--size-m .euim-card__image{height:calc(var(--eui-base-spacing-m) * 8)}.euim-card--size-m .euim-card__content ion-item>:not([slot=start]):not([slot=end]){width:calc(var(--eui-base-spacing-m) * 9.625 + 1px)}\n"] }]
|
|
3819
|
-
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
4063
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimReadOnlyFormLabelDirective, decorators: [{
|
|
4064
|
+
type: Directive,
|
|
4065
|
+
args: [{
|
|
4066
|
+
selector: '[euimReadOnlyFormLabel]',
|
|
4067
|
+
standalone: true,
|
|
4068
|
+
}]
|
|
4069
|
+
}], propDecorators: { className: [{
|
|
3820
4070
|
type: HostBinding,
|
|
3821
4071
|
args: ['class']
|
|
3822
4072
|
}] } });
|
|
3823
4073
|
|
|
3824
|
-
class
|
|
4074
|
+
class EuimReadOnlyFormValueDirective {
|
|
3825
4075
|
constructor() {
|
|
3826
|
-
this.className = 'euim-
|
|
4076
|
+
this.className = 'euim-read-only-form__value';
|
|
3827
4077
|
}
|
|
3828
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3829
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
4078
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimReadOnlyFormValueDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4079
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimReadOnlyFormValueDirective, isStandalone: true, selector: "[euimReadOnlyFormValue]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
3830
4080
|
}
|
|
3831
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4081
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimReadOnlyFormValueDirective, decorators: [{
|
|
3832
4082
|
type: Directive,
|
|
3833
4083
|
args: [{
|
|
3834
|
-
selector: '[
|
|
4084
|
+
selector: '[euimReadOnlyFormValue]',
|
|
4085
|
+
standalone: true,
|
|
3835
4086
|
}]
|
|
3836
4087
|
}], propDecorators: { className: [{
|
|
3837
4088
|
type: HostBinding,
|
|
3838
4089
|
args: ['class']
|
|
3839
4090
|
}] } });
|
|
3840
4091
|
|
|
3841
|
-
class
|
|
3842
|
-
|
|
3843
|
-
|
|
3844
|
-
|
|
4092
|
+
class EuimReadOnlyFormDirective {
|
|
4093
|
+
constructor() {
|
|
4094
|
+
this.className = 'euim-read-only-form';
|
|
4095
|
+
}
|
|
4096
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimReadOnlyFormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4097
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimReadOnlyFormDirective, isStandalone: true, selector: "[euimReadOnlyForm]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
3845
4098
|
}
|
|
3846
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3847
|
-
type:
|
|
4099
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimReadOnlyFormDirective, decorators: [{
|
|
4100
|
+
type: Directive,
|
|
3848
4101
|
args: [{
|
|
3849
|
-
|
|
3850
|
-
|
|
3851
|
-
declarations: [EuimCardComponent, EuimCardImageDirective],
|
|
4102
|
+
selector: '[euimReadOnlyForm]',
|
|
4103
|
+
standalone: true,
|
|
3852
4104
|
}]
|
|
3853
|
-
}]
|
|
4105
|
+
}], propDecorators: { className: [{
|
|
4106
|
+
type: HostBinding,
|
|
4107
|
+
args: ['class']
|
|
4108
|
+
}] } });
|
|
3854
4109
|
|
|
3855
|
-
class
|
|
3856
|
-
|
|
3857
|
-
this.
|
|
4110
|
+
class EuimDividerDirective {
|
|
4111
|
+
get cssClasses() {
|
|
4112
|
+
return this.getCssClasses('euim-divider');
|
|
3858
4113
|
}
|
|
3859
|
-
|
|
3860
|
-
|
|
4114
|
+
getCssClasses(rootClass) {
|
|
4115
|
+
return [
|
|
4116
|
+
rootClass,
|
|
4117
|
+
this.lines ? `${rootClass}--lines-${this.lines}` : '',
|
|
4118
|
+
].join(' ').trim();
|
|
4119
|
+
}
|
|
4120
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDividerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4121
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimDividerDirective, selector: "[euimDivider]", inputs: { lines: "lines" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
|
|
3861
4122
|
}
|
|
3862
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
3863
|
-
type:
|
|
3864
|
-
args: [{
|
|
3865
|
-
|
|
4123
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDividerDirective, decorators: [{
|
|
4124
|
+
type: Directive,
|
|
4125
|
+
args: [{
|
|
4126
|
+
selector: '[euimDivider]',
|
|
4127
|
+
}]
|
|
4128
|
+
}], propDecorators: { lines: [{
|
|
4129
|
+
type: Input
|
|
4130
|
+
}], cssClasses: [{
|
|
3866
4131
|
type: HostBinding,
|
|
3867
4132
|
args: ['class']
|
|
3868
4133
|
}] } });
|
|
3869
4134
|
|
|
3870
|
-
class
|
|
3871
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3872
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
3873
|
-
IonicModule,
|
|
3874
|
-
|
|
3875
|
-
|
|
3876
|
-
IonicModule,
|
|
3877
|
-
EuimScrollerXComponentModule] }); }
|
|
4135
|
+
class EuimDividerModule {
|
|
4136
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4137
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimDividerModule, declarations: [EuimDividerDirective], imports: [CommonModule,
|
|
4138
|
+
IonicModule], exports: [EuimDividerDirective] }); }
|
|
4139
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDividerModule, imports: [CommonModule,
|
|
4140
|
+
IonicModule] }); }
|
|
3878
4141
|
}
|
|
3879
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4142
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimDividerModule, decorators: [{
|
|
3880
4143
|
type: NgModule,
|
|
3881
4144
|
args: [{
|
|
3882
4145
|
imports: [
|
|
3883
4146
|
CommonModule,
|
|
3884
4147
|
IonicModule,
|
|
3885
|
-
EuimScrollerXComponentModule,
|
|
3886
4148
|
],
|
|
3887
|
-
exports: [
|
|
3888
|
-
|
|
4149
|
+
exports: [
|
|
4150
|
+
EuimDividerDirective,
|
|
4151
|
+
],
|
|
4152
|
+
declarations: [
|
|
4153
|
+
EuimDividerDirective,
|
|
4154
|
+
],
|
|
3889
4155
|
}]
|
|
3890
4156
|
}] });
|
|
3891
4157
|
|
|
3892
|
-
class
|
|
4158
|
+
class EuimListHeaderDirective {
|
|
3893
4159
|
get cssClasses() {
|
|
3894
|
-
return this.getCssClasses('euim-
|
|
4160
|
+
return this.getCssClasses('euim-list-header');
|
|
3895
4161
|
}
|
|
3896
4162
|
getCssClasses(rootClass) {
|
|
3897
4163
|
return [
|
|
3898
4164
|
rootClass,
|
|
3899
|
-
this.
|
|
4165
|
+
this.border ? `${rootClass}--border-${this.border}` : '',
|
|
3900
4166
|
].join(' ').trim();
|
|
3901
4167
|
}
|
|
3902
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3903
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
4168
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimListHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4169
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimListHeaderDirective, selector: "[euimListHeader]", inputs: { border: "border" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0 }); }
|
|
3904
4170
|
}
|
|
3905
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4171
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimListHeaderDirective, decorators: [{
|
|
3906
4172
|
type: Directive,
|
|
3907
4173
|
args: [{
|
|
3908
|
-
selector: '[
|
|
4174
|
+
selector: '[euimListHeader]',
|
|
3909
4175
|
}]
|
|
3910
|
-
}], propDecorators: {
|
|
4176
|
+
}], propDecorators: { border: [{
|
|
3911
4177
|
type: Input
|
|
3912
4178
|
}], cssClasses: [{
|
|
3913
4179
|
type: HostBinding,
|
|
3914
4180
|
args: ['class']
|
|
3915
4181
|
}] } });
|
|
3916
4182
|
|
|
3917
|
-
class
|
|
3918
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3919
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
3920
|
-
IonicModule], exports: [
|
|
3921
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
4183
|
+
class EuimListHeaderModule {
|
|
4184
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimListHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4185
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimListHeaderModule, declarations: [EuimListHeaderDirective], imports: [CommonModule,
|
|
4186
|
+
IonicModule], exports: [EuimListHeaderDirective] }); }
|
|
4187
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimListHeaderModule, imports: [CommonModule,
|
|
3922
4188
|
IonicModule] }); }
|
|
3923
4189
|
}
|
|
3924
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4190
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimListHeaderModule, decorators: [{
|
|
3925
4191
|
type: NgModule,
|
|
3926
4192
|
args: [{
|
|
3927
4193
|
imports: [
|
|
@@ -3929,22 +4195,58 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
3929
4195
|
IonicModule,
|
|
3930
4196
|
],
|
|
3931
4197
|
exports: [
|
|
3932
|
-
|
|
4198
|
+
EuimListHeaderDirective,
|
|
3933
4199
|
],
|
|
3934
4200
|
declarations: [
|
|
3935
|
-
|
|
4201
|
+
EuimListHeaderDirective,
|
|
3936
4202
|
],
|
|
3937
4203
|
}]
|
|
3938
4204
|
}] });
|
|
3939
4205
|
|
|
4206
|
+
class EuimAlignCenterDirective {
|
|
4207
|
+
constructor() {
|
|
4208
|
+
this.className = 'euim-align-center';
|
|
4209
|
+
}
|
|
4210
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlignCenterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4211
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimAlignCenterDirective, isStandalone: true, selector: "[euimAlignCenter]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4212
|
+
}
|
|
4213
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlignCenterDirective, decorators: [{
|
|
4214
|
+
type: Directive,
|
|
4215
|
+
args: [{
|
|
4216
|
+
selector: '[euimAlignCenter]',
|
|
4217
|
+
standalone: true,
|
|
4218
|
+
}]
|
|
4219
|
+
}], propDecorators: { className: [{
|
|
4220
|
+
type: HostBinding,
|
|
4221
|
+
args: ['class']
|
|
4222
|
+
}] } });
|
|
4223
|
+
|
|
4224
|
+
class EuimAlignTopDirective {
|
|
4225
|
+
constructor() {
|
|
4226
|
+
this.className = 'euim-align-top';
|
|
4227
|
+
}
|
|
4228
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlignTopDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4229
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimAlignTopDirective, isStandalone: true, selector: "[euimAlignTop]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4230
|
+
}
|
|
4231
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAlignTopDirective, decorators: [{
|
|
4232
|
+
type: Directive,
|
|
4233
|
+
args: [{
|
|
4234
|
+
selector: '[euimAlignTop]',
|
|
4235
|
+
standalone: true,
|
|
4236
|
+
}]
|
|
4237
|
+
}], propDecorators: { className: [{
|
|
4238
|
+
type: HostBinding,
|
|
4239
|
+
args: ['class']
|
|
4240
|
+
}] } });
|
|
4241
|
+
|
|
3940
4242
|
class EuimToolbarTransparentDirective {
|
|
3941
4243
|
constructor() {
|
|
3942
4244
|
this.className = 'euim-toolbar--transparent';
|
|
3943
4245
|
}
|
|
3944
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3945
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
4246
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarTransparentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4247
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimToolbarTransparentDirective, isStandalone: true, selector: "[euimToolbarTransparent]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
3946
4248
|
}
|
|
3947
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4249
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimToolbarTransparentDirective, decorators: [{
|
|
3948
4250
|
type: Directive,
|
|
3949
4251
|
args: [{
|
|
3950
4252
|
selector: '[euimToolbarTransparent]',
|
|
@@ -3955,14 +4257,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
3955
4257
|
args: ['class']
|
|
3956
4258
|
}] } });
|
|
3957
4259
|
|
|
4260
|
+
class EuimMinWidthDirective {
|
|
4261
|
+
constructor() {
|
|
4262
|
+
this.minWidth = '20%';
|
|
4263
|
+
}
|
|
4264
|
+
ngOnInit() {
|
|
4265
|
+
this.widthVar = this.minWidth;
|
|
4266
|
+
}
|
|
4267
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMinWidthDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4268
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimMinWidthDirective, isStandalone: true, selector: "[euimMinWidth]", inputs: { minWidth: "minWidth" }, host: { properties: { "style.width": "this.widthVar" } }, ngImport: i0 }); }
|
|
4269
|
+
}
|
|
4270
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimMinWidthDirective, decorators: [{
|
|
4271
|
+
type: Directive,
|
|
4272
|
+
args: [{
|
|
4273
|
+
selector: '[euimMinWidth]',
|
|
4274
|
+
standalone: true,
|
|
4275
|
+
}]
|
|
4276
|
+
}], propDecorators: { minWidth: [{
|
|
4277
|
+
type: Input
|
|
4278
|
+
}], widthVar: [{
|
|
4279
|
+
type: HostBinding,
|
|
4280
|
+
args: ['style.width']
|
|
4281
|
+
}] } });
|
|
4282
|
+
|
|
4283
|
+
class EuimListItemNoPaddingsDirective {
|
|
4284
|
+
constructor() {
|
|
4285
|
+
this.className = 'euim-list-item--no-paddings';
|
|
4286
|
+
}
|
|
4287
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimListItemNoPaddingsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4288
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimListItemNoPaddingsDirective, isStandalone: true, selector: "[euimListItemNoPaddings]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
4289
|
+
}
|
|
4290
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimListItemNoPaddingsDirective, decorators: [{
|
|
4291
|
+
type: Directive,
|
|
4292
|
+
args: [{
|
|
4293
|
+
selector: '[euimListItemNoPaddings]',
|
|
4294
|
+
standalone: true,
|
|
4295
|
+
}]
|
|
4296
|
+
}], propDecorators: { className: [{
|
|
4297
|
+
type: HostBinding,
|
|
4298
|
+
args: ['class']
|
|
4299
|
+
}] } });
|
|
4300
|
+
|
|
3958
4301
|
class EuimSidebarFooterNoBordersDirective {
|
|
3959
4302
|
constructor() {
|
|
3960
4303
|
this.className = 'euim-sidebar-footer--no-borders';
|
|
3961
4304
|
}
|
|
3962
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3963
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
4305
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarFooterNoBordersDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4306
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimSidebarFooterNoBordersDirective, isStandalone: true, selector: "[euimSidebarFooterNoBorders]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
3964
4307
|
}
|
|
3965
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4308
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSidebarFooterNoBordersDirective, decorators: [{
|
|
3966
4309
|
type: Directive,
|
|
3967
4310
|
args: [{
|
|
3968
4311
|
selector: '[euimSidebarFooterNoBorders]',
|
|
@@ -3977,10 +4320,10 @@ class EuimSkeletonTextAvatarDirective {
|
|
|
3977
4320
|
constructor() {
|
|
3978
4321
|
this.className = 'euim-skeleton-text-avatar';
|
|
3979
4322
|
}
|
|
3980
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3981
|
-
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.
|
|
4323
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonTextAvatarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
4324
|
+
/** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.8", type: EuimSkeletonTextAvatarDirective, selector: "[euimSkeletonTextAvatar]", host: { properties: { "class": "this.className" } }, ngImport: i0 }); }
|
|
3982
4325
|
}
|
|
3983
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4326
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonTextAvatarDirective, decorators: [{
|
|
3984
4327
|
type: Directive,
|
|
3985
4328
|
args: [{
|
|
3986
4329
|
selector: '[euimSkeletonTextAvatar]',
|
|
@@ -3991,13 +4334,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
3991
4334
|
}] } });
|
|
3992
4335
|
|
|
3993
4336
|
class EuimSkeletonTextAvatarModule {
|
|
3994
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
3995
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
4337
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonTextAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4338
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonTextAvatarModule, declarations: [EuimSkeletonTextAvatarDirective], imports: [CommonModule,
|
|
3996
4339
|
IonicModule], exports: [EuimSkeletonTextAvatarDirective] }); }
|
|
3997
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
4340
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonTextAvatarModule, imports: [CommonModule,
|
|
3998
4341
|
IonicModule] }); }
|
|
3999
4342
|
}
|
|
4000
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4343
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimSkeletonTextAvatarModule, decorators: [{
|
|
4001
4344
|
type: NgModule,
|
|
4002
4345
|
args: [{
|
|
4003
4346
|
imports: [
|
|
@@ -4045,13 +4388,22 @@ const MODULES = [
|
|
|
4045
4388
|
// Directives
|
|
4046
4389
|
EuimSpinnerComponentModule,
|
|
4047
4390
|
EuimDividerModule,
|
|
4391
|
+
EuimListHeaderModule,
|
|
4392
|
+
EuimMinWidthDirective,
|
|
4393
|
+
EuimAlignCenterDirective,
|
|
4394
|
+
EuimAlignTopDirective,
|
|
4048
4395
|
EuimToolbarTransparentDirective,
|
|
4049
4396
|
EuimSidebarFooterNoBordersDirective,
|
|
4397
|
+
EuimListItemNoPaddingsDirective,
|
|
4398
|
+
EuimReadOnlyFormDirective,
|
|
4399
|
+
EuimReadOnlyFormValueDirective,
|
|
4400
|
+
EuimReadOnlyFormLabelDirective,
|
|
4401
|
+
EuimMediaHeaderCustomContentDirective,
|
|
4050
4402
|
EuimSkeletonTextAvatarModule,
|
|
4051
4403
|
];
|
|
4052
4404
|
class EuimAllModule {
|
|
4053
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.
|
|
4054
|
-
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.
|
|
4405
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
4406
|
+
/** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.8", ngImport: i0, type: EuimAllModule, imports: [
|
|
4055
4407
|
// Layout
|
|
4056
4408
|
EuimAppModule,
|
|
4057
4409
|
// Components
|
|
@@ -4083,8 +4435,17 @@ class EuimAllModule {
|
|
|
4083
4435
|
// Directives
|
|
4084
4436
|
EuimSpinnerComponentModule,
|
|
4085
4437
|
EuimDividerModule,
|
|
4438
|
+
EuimListHeaderModule,
|
|
4439
|
+
EuimMinWidthDirective,
|
|
4440
|
+
EuimAlignCenterDirective,
|
|
4441
|
+
EuimAlignTopDirective,
|
|
4086
4442
|
EuimToolbarTransparentDirective,
|
|
4087
4443
|
EuimSidebarFooterNoBordersDirective,
|
|
4444
|
+
EuimListItemNoPaddingsDirective,
|
|
4445
|
+
EuimReadOnlyFormDirective,
|
|
4446
|
+
EuimReadOnlyFormValueDirective,
|
|
4447
|
+
EuimReadOnlyFormLabelDirective,
|
|
4448
|
+
EuimMediaHeaderCustomContentDirective,
|
|
4088
4449
|
EuimSkeletonTextAvatarModule], exports: [
|
|
4089
4450
|
// Layout
|
|
4090
4451
|
EuimAppModule,
|
|
@@ -4117,10 +4478,19 @@ class EuimAllModule {
|
|
|
4117
4478
|
// Directives
|
|
4118
4479
|
EuimSpinnerComponentModule,
|
|
4119
4480
|
EuimDividerModule,
|
|
4481
|
+
EuimListHeaderModule,
|
|
4482
|
+
EuimMinWidthDirective,
|
|
4483
|
+
EuimAlignCenterDirective,
|
|
4484
|
+
EuimAlignTopDirective,
|
|
4120
4485
|
EuimToolbarTransparentDirective,
|
|
4121
4486
|
EuimSidebarFooterNoBordersDirective,
|
|
4487
|
+
EuimListItemNoPaddingsDirective,
|
|
4488
|
+
EuimReadOnlyFormDirective,
|
|
4489
|
+
EuimReadOnlyFormValueDirective,
|
|
4490
|
+
EuimReadOnlyFormLabelDirective,
|
|
4491
|
+
EuimMediaHeaderCustomContentDirective,
|
|
4122
4492
|
EuimSkeletonTextAvatarModule] }); }
|
|
4123
|
-
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.
|
|
4493
|
+
/** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAllModule, imports: [
|
|
4124
4494
|
// Layout
|
|
4125
4495
|
EuimAppModule,
|
|
4126
4496
|
// Components
|
|
@@ -4152,6 +4522,7 @@ class EuimAllModule {
|
|
|
4152
4522
|
// Directives
|
|
4153
4523
|
EuimSpinnerComponentModule,
|
|
4154
4524
|
EuimDividerModule,
|
|
4525
|
+
EuimListHeaderModule,
|
|
4155
4526
|
EuimSkeletonTextAvatarModule,
|
|
4156
4527
|
// Layout
|
|
4157
4528
|
EuimAppModule,
|
|
@@ -4184,9 +4555,10 @@ class EuimAllModule {
|
|
|
4184
4555
|
// Directives
|
|
4185
4556
|
EuimSpinnerComponentModule,
|
|
4186
4557
|
EuimDividerModule,
|
|
4558
|
+
EuimListHeaderModule,
|
|
4187
4559
|
EuimSkeletonTextAvatarModule] }); }
|
|
4188
4560
|
}
|
|
4189
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.
|
|
4561
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImport: i0, type: EuimAllModule, decorators: [{
|
|
4190
4562
|
type: NgModule,
|
|
4191
4563
|
args: [{
|
|
4192
4564
|
imports: [
|
|
@@ -4204,5 +4576,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImpor
|
|
|
4204
4576
|
* Generated bundle index. Do not edit.
|
|
4205
4577
|
*/
|
|
4206
4578
|
|
|
4207
|
-
export { BaseStatesDirective, EuiMUserProfileActionComponent, EuiMUserProfileAvatarComponent, EuiMUserProfileInfosComponent, EuiMUserProfileInfosItemComponent, EuimAboutComponent, EuimAboutContentLoadingComponent, EuimAboutModule, EuimAlertMessageComponent, EuimAlertMessageModule, EuimAllModule, EuimAppComponent, EuimAppModule, EuimAppService, EuimAvatarBadgeComponent, EuimAvatarComponent, EuimAvatarIconComponent, EuimAvatarIconSubComponent, EuimAvatarImageComponent, EuimAvatarModule, EuimAvatarTextComponent, EuimBadgeComponent, EuimBadgeModule, EuimCardComponent, EuimCardImageDirective, EuimCardListComponent, EuimCardListModule, EuimCardModule, EuimChangelogComponent, EuimChipSelectorComponent, EuimChipSelectorComponentModule, EuimChipSelectorItemDirective, EuimDataSummaryColComponent, EuimDataSummaryColLabelDirective, EuimDataSummaryColValueDirective, EuimDataSummaryComponent, EuimDataSummaryModule, EuimDividerDirective, EuimDividerModule, EuimEmptyListPlaceholderComponent, EuimEmptyListPlaceholderModule, EuimHeaderDetailsComponent, EuimHeaderDetailsIconDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsModule, EuimHeaderDetailsTitleDirective, EuimHelpSupportComponent, EuimLabelComponent, EuimLabelModule, EuimLanguageListComponent, EuimLanguageSelectorComponent, EuimLanguageSelectorModule, EuimMediaHeaderComponent, EuimMediaHeaderImageDirective, EuimMediaHeaderModule, EuimMediaHeaderSubTitleDirective, EuimMediaHeaderTitleDirective, EuimMessageComponent, EuimMessageModule, EuimMessageTitleComponent, EuimMultiselectAllDirective, EuimMultiselectComponent, EuimMultiselectFilterComponent, EuimMultiselectInfoComponent, EuimMultiselectListComponent, EuimMultiselectModule, EuimMultiselectSelectFieldDirective, EuimMultiselectToolbarComponent, EuimNotificationItemComponent, EuimNotificationItemModule, EuimOpenSourceLicencesComponent, EuimPdfViewerComponent, EuimPdfViewerModule, EuimScrollerXComponent, EuimScrollerXComponentModule, EuimSidebarComponent, EuimSidebarContentComponent, EuimSidebarFooterNoBordersDirective, EuimSidebarModule, EuimSkeletonListComponent, EuimSkeletonListItemComponent, EuimSkeletonListItemModule, EuimSkeletonListModule, EuimSkeletonTextAvatarDirective, EuimSkeletonTextAvatarModule, EuimSlideInfoScreenComponent, EuimSliderInfoScreenComponent, EuimSliderInfoScreenContentDirective, EuimSliderInfoScreenModule, EuimSliderInfoScreenSubTitleDirective, EuimSliderInfoScreenTitleDirective, EuimSpinnerComponent, EuimSpinnerComponentModule, EuimSpinnerDescriptionComponent, EuimSpinnerMessageComponent, EuimToolbarActionItemsComponent, EuimToolbarComponent, EuimToolbarComponentModule, EuimToolbarDatepickerComponent, EuimToolbarDatepickerDatetimeDirective, EuimToolbarDatepickerModule, EuimToolbarTitleComponent, EuimToolbarTransparentDirective, EuimUserProfileComponent, EuimUserProfileModule };
|
|
4579
|
+
export { BaseStatesDirective, EuiMUserProfileActionComponent, EuiMUserProfileAvatarComponent, EuiMUserProfileInfosComponent, EuiMUserProfileInfosItemComponent, EuimAboutComponent, EuimAboutContentLoadingComponent, EuimAboutModule, EuimAlertMessageComponent, EuimAlertMessageModule, EuimAlignCenterDirective, EuimAlignTopDirective, EuimAllModule, EuimAppComponent, EuimAppModule, EuimAppService, EuimAvatarBadgeComponent, EuimAvatarComponent, EuimAvatarIconComponent, EuimAvatarIconSubComponent, EuimAvatarImageComponent, EuimAvatarModule, EuimAvatarTextComponent, EuimBadgeComponent, EuimBadgeModule, EuimCardComponent, EuimCardImageDirective, EuimCardListComponent, EuimCardListModule, EuimCardModule, EuimChangelogComponent, EuimChipSelectorComponent, EuimChipSelectorComponentModule, EuimChipSelectorItemDirective, EuimDataSummaryColComponent, EuimDataSummaryColLabelDirective, EuimDataSummaryColValueDirective, EuimDataSummaryComponent, EuimDataSummaryModule, EuimDividerDirective, EuimDividerModule, EuimEmptyListPlaceholderComponent, EuimEmptyListPlaceholderModule, EuimHeaderDetailsComponent, EuimHeaderDetailsIconDirective, EuimHeaderDetailsMetaDirective, EuimHeaderDetailsModule, EuimHeaderDetailsTitleDirective, EuimHelpSupportComponent, EuimLabelComponent, EuimLabelModule, EuimLanguageListComponent, EuimLanguageSelectorComponent, EuimLanguageSelectorModule, EuimListHeaderDirective, EuimListHeaderModule, EuimListItemNoPaddingsDirective, EuimMediaHeaderComponent, EuimMediaHeaderCustomContentDirective, EuimMediaHeaderImageDirective, EuimMediaHeaderModule, EuimMediaHeaderSubTitleDirective, EuimMediaHeaderTitleDirective, EuimMessageComponent, EuimMessageModule, EuimMessageTitleComponent, EuimMinWidthDirective, EuimMultiselectAllDirective, EuimMultiselectComponent, EuimMultiselectFilterComponent, EuimMultiselectInfoComponent, EuimMultiselectListComponent, EuimMultiselectModule, EuimMultiselectSelectFieldDirective, EuimMultiselectToolbarComponent, EuimNotificationItemComponent, EuimNotificationItemModule, EuimOpenSourceLicencesComponent, EuimPdfViewerComponent, EuimPdfViewerModule, EuimReadOnlyFormDirective, EuimReadOnlyFormLabelDirective, EuimReadOnlyFormValueDirective, EuimScrollerXComponent, EuimScrollerXComponentModule, EuimSidebarComponent, EuimSidebarContentComponent, EuimSidebarFooterNoBordersDirective, EuimSidebarModule, EuimSkeletonListComponent, EuimSkeletonListItemComponent, EuimSkeletonListItemModule, EuimSkeletonListModule, EuimSkeletonTextAvatarDirective, EuimSkeletonTextAvatarModule, EuimSlideInfoScreenComponent, EuimSliderInfoScreenComponent, EuimSliderInfoScreenContentDirective, EuimSliderInfoScreenModule, EuimSliderInfoScreenSubTitleDirective, EuimSliderInfoScreenTitleDirective, EuimSpinnerComponent, EuimSpinnerComponentModule, EuimSpinnerDescriptionComponent, EuimSpinnerMessageComponent, EuimToolbarActionItemsComponent, EuimToolbarComponent, EuimToolbarComponentModule, EuimToolbarDatepickerComponent, EuimToolbarDatepickerDatetimeDirective, EuimToolbarDatepickerModule, EuimToolbarTitleComponent, EuimToolbarTransparentDirective, EuimUserProfileComponent, EuimUserProfileModule };
|
|
4208
4580
|
//# sourceMappingURL=eui-mobile-core.mjs.map
|