@eui/mobile-core 19.0.0-next.12 → 19.0.0-next.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +34 -0
- package/docs/changelog.html +36 -0
- package/docs/components/EuiMUserProfileActionComponent.html +0 -4
- package/docs/components/EuiMUserProfileAvatarComponent.html +4 -8
- package/docs/components/EuiMUserProfileInfosComponent.html +4 -8
- package/docs/components/EuiMUserProfileInfosItemComponent.html +4 -8
- package/docs/components/EuimAboutComponent.html +0 -4
- package/docs/components/EuimAboutContentLoadingComponent.html +0 -4
- package/docs/components/EuimAlertMessageComponent.html +0 -4
- package/docs/components/EuimAppComponent.html +0 -4
- package/docs/components/EuimAvatarBadgeComponent.html +4 -8
- package/docs/components/EuimAvatarComponent.html +0 -4
- package/docs/components/EuimAvatarIconComponent.html +4 -8
- package/docs/components/EuimAvatarIconSubComponent.html +4 -8
- package/docs/components/EuimAvatarImageComponent.html +0 -4
- package/docs/components/EuimAvatarTextComponent.html +4 -8
- package/docs/components/EuimBadgeComponent.html +4 -8
- package/docs/components/EuimCardComponent.html +0 -4
- package/docs/components/EuimCardListComponent.html +4 -8
- package/docs/components/EuimChangelogComponent.html +0 -4
- package/docs/components/EuimChipSelectorComponent.html +0 -4
- package/docs/components/EuimDataSummaryColComponent.html +0 -4
- package/docs/components/EuimDataSummaryComponent.html +0 -4
- package/docs/components/EuimEmptyListPlaceholderComponent.html +0 -4
- package/docs/components/EuimHeaderDetailsComponent.html +4 -8
- package/docs/components/EuimHelpSupportComponent.html +1 -4
- package/docs/components/EuimHelperTextComponent.html +0 -4
- package/docs/components/EuimLabelComponent.html +0 -4
- package/docs/components/EuimLanguageListComponent.html +2 -272
- package/docs/components/EuimLanguageSelectorComponent.html +2 -157
- package/docs/components/EuimMediaHeaderComponent.html +0 -4
- package/docs/components/EuimMessageComponent.html +0 -4
- package/docs/components/EuimMessageTitleComponent.html +4 -8
- package/docs/components/EuimMultiselectComponent.html +0 -4
- package/docs/components/EuimMultiselectFilterComponent.html +0 -4
- package/docs/components/EuimMultiselectInfoComponent.html +0 -4
- package/docs/components/EuimMultiselectListComponent.html +0 -4
- package/docs/components/EuimMultiselectToolbarComponent.html +0 -4
- package/docs/components/EuimNotificationItemComponent.html +0 -4
- package/docs/components/EuimOpenSourceLicencesComponent.html +0 -4
- package/docs/components/EuimPdfViewerComponent.html +0 -4
- package/docs/components/EuimScrollerXComponent.html +4 -8
- package/docs/components/EuimSidebarComponent.html +0 -4
- package/docs/components/EuimSidebarContentComponent.html +0 -4
- package/docs/components/EuimSkeletonListComponent.html +0 -4
- package/docs/components/EuimSkeletonListItemComponent.html +0 -4
- package/docs/components/EuimSlideInfoScreenComponent.html +0 -4
- package/docs/components/EuimSliderInfoScreenComponent.html +60 -5
- package/docs/components/EuimSpinnerComponent.html +0 -4
- package/docs/components/EuimSpinnerDescriptionComponent.html +2 -6
- package/docs/components/EuimSpinnerMessageComponent.html +2 -6
- package/docs/components/EuimToolbarActionItemsComponent.html +4 -8
- package/docs/components/EuimToolbarComponent.html +0 -4
- package/docs/components/EuimToolbarDatepickerComponent.html +0 -4
- package/docs/components/EuimToolbarQrcodeComponent.html +0 -4
- package/docs/components/EuimToolbarTitleComponent.html +4 -8
- package/docs/components/EuimUserProfileComponent.html +0 -4
- package/docs/directives/BaseStatesDirective.html +0 -4
- package/docs/directives/EuimAlignCenterDirective.html +0 -4
- package/docs/directives/EuimAlignTopDirective.html +0 -4
- package/docs/directives/EuimAvatarMainIconDirective.html +0 -4
- package/docs/directives/EuimAvatarSubIconDirective.html +0 -4
- package/docs/directives/EuimCardImageDirective.html +0 -4
- package/docs/directives/EuimChipSelectorItemDirective.html +0 -4
- package/docs/directives/EuimDataSummaryColLabelDirective.html +0 -4
- package/docs/directives/EuimDataSummaryColValueDirective.html +0 -4
- package/docs/directives/EuimDividerDirective.html +0 -4
- package/docs/directives/EuimEmptyListPlaceholderIconDirective.html +0 -4
- package/docs/directives/EuimEmptyListPlaceholderSubtitleDirective.html +0 -4
- package/docs/directives/EuimEmptyListPlaceholderTitleDirective.html +0 -4
- package/docs/directives/EuimFooterTransparentDirective.html +0 -4
- package/docs/directives/EuimHeaderDetailsIconDirective.html +0 -4
- package/docs/directives/EuimHeaderDetailsMetaDirective.html +0 -4
- package/docs/directives/EuimHeaderDetailsTitleDirective.html +0 -4
- package/docs/directives/EuimListHeaderDirective.html +0 -4
- package/docs/directives/EuimListItemNoPaddingsDirective.html +0 -4
- package/docs/directives/EuimMediaHeaderCustomContentDirective.html +0 -4
- package/docs/directives/EuimMediaHeaderImageDirective.html +0 -4
- package/docs/directives/EuimMediaHeaderSubTitleDirective.html +0 -4
- package/docs/directives/EuimMediaHeaderTitleDirective.html +0 -4
- package/docs/directives/EuimMinWidthDirective.html +0 -4
- package/docs/directives/EuimMultiselectAllDirective.html +0 -4
- package/docs/directives/EuimMultiselectSelectFieldDirective.html +0 -4
- package/docs/directives/EuimReadOnlyFormDirective.html +0 -4
- package/docs/directives/EuimReadOnlyFormLabelDirective.html +0 -4
- package/docs/directives/EuimReadOnlyFormValueDirective.html +0 -4
- package/docs/directives/EuimSidebarFooterNoBordersDirective.html +0 -4
- package/docs/directives/EuimSkeletonTextAvatarDirective.html +0 -4
- package/docs/directives/EuimSliderInfoScreenContentDirective.html +0 -4
- package/docs/directives/EuimSliderInfoScreenSubTitleDirective.html +0 -4
- package/docs/directives/EuimSliderInfoScreenTitleDirective.html +0 -4
- package/docs/directives/EuimToolbarDatepickerDatetimeDirective.html +0 -4
- package/docs/directives/EuimToolbarTransparentDirective.html +0 -4
- package/docs/js/menu-wc.js +522 -0
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/docs/json/BaseStatesDirective.md +1 -1
- package/docs/json/EuiMUserProfileActionComponent.md +1 -1
- package/docs/json/EuiMUserProfileAvatarComponent.md +1 -1
- package/docs/json/EuiMUserProfileInfosComponent.md +1 -1
- package/docs/json/EuiMUserProfileInfosItemComponent.md +1 -1
- package/docs/json/EuimAboutComponent.md +1 -1
- package/docs/json/EuimAboutContentLoadingComponent.md +1 -1
- package/docs/json/EuimAlertMessageComponent.md +1 -1
- package/docs/json/EuimAlignCenterDirective.md +1 -1
- package/docs/json/EuimAlignTopDirective.md +1 -1
- package/docs/json/EuimAppComponent.md +1 -1
- package/docs/json/EuimAvatarBadgeComponent.md +1 -1
- package/docs/json/EuimAvatarComponent.md +1 -1
- package/docs/json/EuimAvatarIconComponent.md +1 -1
- package/docs/json/EuimAvatarIconSubComponent.md +1 -1
- package/docs/json/EuimAvatarImageComponent.md +1 -1
- package/docs/json/EuimAvatarMainIconDirective.md +1 -1
- package/docs/json/EuimAvatarSubIconDirective.md +1 -1
- package/docs/json/EuimAvatarTextComponent.md +1 -1
- package/docs/json/EuimBadgeComponent.md +1 -1
- package/docs/json/EuimCardComponent.md +1 -1
- package/docs/json/EuimCardImageDirective.md +1 -1
- package/docs/json/EuimCardListComponent.md +1 -1
- package/docs/json/EuimChangelogComponent.md +1 -1
- package/docs/json/EuimChipSelectorComponent.md +1 -1
- package/docs/json/EuimChipSelectorItemDirective.md +1 -1
- package/docs/json/EuimDataSummaryColComponent.md +1 -1
- package/docs/json/EuimDataSummaryColLabelDirective.md +1 -1
- package/docs/json/EuimDataSummaryColValueDirective.md +1 -1
- package/docs/json/EuimDataSummaryComponent.md +1 -1
- package/docs/json/EuimDividerDirective.md +1 -1
- package/docs/json/EuimEmptyListPlaceholderComponent.md +1 -1
- package/docs/json/EuimEmptyListPlaceholderIconDirective.md +1 -1
- package/docs/json/EuimEmptyListPlaceholderSubtitleDirective.md +1 -1
- package/docs/json/EuimEmptyListPlaceholderTitleDirective.md +1 -1
- package/docs/json/EuimFooterTransparentDirective.md +1 -1
- package/docs/json/EuimHeaderDetailsComponent.md +1 -1
- package/docs/json/EuimHeaderDetailsIconDirective.md +1 -1
- package/docs/json/EuimHeaderDetailsMetaDirective.md +1 -1
- package/docs/json/EuimHeaderDetailsTitleDirective.md +1 -1
- package/docs/json/EuimHelpSupportComponent.md +1 -1
- package/docs/json/EuimHelperTextComponent.md +1 -1
- package/docs/json/EuimLabelComponent.md +1 -1
- package/docs/json/EuimLanguageListComponent.md +1 -1
- package/docs/json/EuimLanguageSelectorComponent.md +1 -1
- package/docs/json/EuimListHeaderDirective.md +1 -1
- package/docs/json/EuimListItemNoPaddingsDirective.md +1 -1
- package/docs/json/EuimMediaHeaderComponent.md +1 -1
- package/docs/json/EuimMediaHeaderCustomContentDirective.md +1 -1
- package/docs/json/EuimMediaHeaderImageDirective.md +1 -1
- package/docs/json/EuimMediaHeaderSubTitleDirective.md +1 -1
- package/docs/json/EuimMediaHeaderTitleDirective.md +1 -1
- package/docs/json/EuimMessageComponent.md +1 -1
- package/docs/json/EuimMessageTitleComponent.md +1 -1
- package/docs/json/EuimMinWidthDirective.md +1 -1
- package/docs/json/EuimMultiselectAllDirective.md +1 -1
- package/docs/json/EuimMultiselectComponent.md +1 -1
- package/docs/json/EuimMultiselectFilterComponent.md +1 -1
- package/docs/json/EuimMultiselectInfoComponent.md +1 -1
- package/docs/json/EuimMultiselectListComponent.md +1 -1
- package/docs/json/EuimMultiselectSelectFieldDirective.md +1 -1
- package/docs/json/EuimMultiselectToolbarComponent.md +1 -1
- package/docs/json/EuimNotificationItemComponent.md +1 -1
- package/docs/json/EuimOpenSourceLicencesComponent.md +1 -1
- package/docs/json/EuimPdfViewerComponent.md +1 -1
- package/docs/json/EuimReadOnlyFormDirective.md +1 -1
- package/docs/json/EuimReadOnlyFormLabelDirective.md +1 -1
- package/docs/json/EuimReadOnlyFormValueDirective.md +1 -1
- package/docs/json/EuimScrollerXComponent.md +1 -1
- package/docs/json/EuimSidebarComponent.md +1 -1
- package/docs/json/EuimSidebarContentComponent.md +1 -1
- package/docs/json/EuimSidebarFooterNoBordersDirective.md +1 -1
- package/docs/json/EuimSkeletonListComponent.md +1 -1
- package/docs/json/EuimSkeletonListItemComponent.md +1 -1
- package/docs/json/EuimSkeletonTextAvatarDirective.md +1 -1
- package/docs/json/EuimSlideInfoScreenComponent.md +1 -1
- package/docs/json/EuimSliderInfoScreenComponent.md +1 -1
- package/docs/json/EuimSliderInfoScreenContentDirective.md +1 -1
- package/docs/json/EuimSliderInfoScreenSubTitleDirective.md +1 -1
- package/docs/json/EuimSliderInfoScreenTitleDirective.md +1 -1
- package/docs/json/EuimSpinnerComponent.md +1 -1
- package/docs/json/EuimSpinnerDescriptionComponent.md +1 -1
- package/docs/json/EuimSpinnerMessageComponent.md +1 -1
- package/docs/json/EuimToolbarActionItemsComponent.md +1 -1
- package/docs/json/EuimToolbarComponent.md +1 -1
- package/docs/json/EuimToolbarDatepickerComponent.md +1 -1
- package/docs/json/EuimToolbarDatepickerDatetimeDirective.md +1 -1
- package/docs/json/EuimToolbarQrcodeComponent.md +1 -1
- package/docs/json/EuimToolbarTitleComponent.md +1 -1
- package/docs/json/EuimToolbarTransparentDirective.md +1 -1
- package/docs/json/EuimUserProfileComponent.md +1 -1
- package/docs/json/documentation.json +982 -1425
- package/docs/properties.html +1 -1
- package/fesm2022/eui-mobile-core.mjs +199 -190
- package/fesm2022/eui-mobile-core.mjs.map +1 -1
- package/index.d.ts +19 -77
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { getI18nServiceConfig } from '@eui/base';
|
|
2
2
|
export * from '@eui/base';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { Injectable, booleanAttribute, Input, Directive, numberAttribute, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule, ViewChild, Inject, EventEmitter, Output, ContentChild, ContentChildren, HostListener, input } from '@angular/core';
|
|
4
|
+
import { Injectable, booleanAttribute, Input, Directive, numberAttribute, HostBinding, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule, ViewChild, Inject, EventEmitter, Output, ContentChild, ContentChildren, signal, HostListener, input } from '@angular/core';
|
|
5
5
|
import { BehaviorSubject, Subject, startWith, throwError } from 'rxjs';
|
|
6
6
|
import * as i1 from '@ionic/angular';
|
|
7
7
|
import { IonicModule, IonSearchbar } from '@ionic/angular';
|
|
@@ -137,7 +137,6 @@ class BaseStatesDirective {
|
|
|
137
137
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: BaseStatesDirective, decorators: [{
|
|
138
138
|
type: Directive,
|
|
139
139
|
args: [{
|
|
140
|
-
standalone: true,
|
|
141
140
|
selector: '[euimBase]',
|
|
142
141
|
host: {
|
|
143
142
|
'[attr.aria-disabled]': 'this.euimDisabled.toString()',
|
|
@@ -243,7 +242,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
243
242
|
'color',
|
|
244
243
|
],
|
|
245
244
|
},
|
|
246
|
-
],
|
|
245
|
+
], styles: [".euim-label{display:block;align-items:center;margin:var(--eui-s-none);padding:var(--eui-s-none);font:var(--eui-f-m)}.euim-label ion-icon{vertical-align:text-bottom;margin-right:var(--eui-s-2xs)}.euim-label__title{font:var(--eui-f-m-bold);color:var(--eui-c-text)}.euim-label__title ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-s);min-width:var(--eui-is-s)}.euim-label__sub-title,.euim-label__meta{font:var(--eui-f-s);color:var(--eui-c-text-lighter)}.euim-label__sub-title ion-icon,.euim-label__meta ion-icon{font-size:var(--eui-f-size-m);min-height:var(--eui-is-xs);min-width:var(--eui-is-xs)}.euim-label__title+.euim-label__sub-title,.euim-label__title+.euim-label__meta,.euim-label__sub-title+.euim-label__meta,.euim-label__sub-title+.euim-label__sub-title,.euim-label__meta+.euim-label__sub-title,.euim-label__meta+.euim-label__meta{margin-top:var(--eui-s-4xs)}.euim-label__euiTextTruncateWithLines{white-space:break-spaces;display:-webkit-box;-webkit-line-clamp:var(--euimLabelTruncateWithLines);-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.euim-label__truncate{white-space:break-spaces}.euim-label--primary{color:var(--eui-c-primary)}.euim-label--secondary{color:var(--eui-c-secondary)}.euim-label--info{color:var(--eui-c-info)}.euim-label--success{color:var(--eui-c-success)}.euim-label--warning{color:var(--eui-c-warning)}.euim-label--danger{color:var(--eui-c-danger)}.euim-label--white{color:var(--eui-c-white)}\n"] }]
|
|
247
246
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimLabelTruncateWithLines: [{
|
|
248
247
|
type: HostBinding,
|
|
249
248
|
args: ['style.--euimLabelTruncateWithLines']
|
|
@@ -314,7 +313,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
314
313
|
'color',
|
|
315
314
|
],
|
|
316
315
|
},
|
|
317
|
-
],
|
|
316
|
+
], template: "", styles: [".euim-notification-item{display:block;border-radius:50%;width:var(--eui-s-xs);height:var(--eui-s-xs)}.euim-notification-item--primary{background:var(--eui-c-primary-surface)}.euim-notification-item--default{background:var(--eui-c-neutral-surface-dark)}.euim-notification-item--info{background:var(--eui-c-info-surface)}.euim-notification-item--success{background:var(--eui-c-success-surface)}.euim-notification-item--warning{background:var(--eui-c-warning-surface)}.euim-notification-item--danger{background:var(--eui-c-danger-surface)}\n"] }]
|
|
318
317
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
319
318
|
type: HostBinding,
|
|
320
319
|
args: ['class']
|
|
@@ -350,7 +349,7 @@ class EuimAppComponent {
|
|
|
350
349
|
}
|
|
351
350
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAppComponent, decorators: [{
|
|
352
351
|
type: Component,
|
|
353
|
-
args: [{ selector: 'euim-app',
|
|
352
|
+
args: [{ selector: 'euim-app', imports: [IonicModule], template: "<ion-app>\n <ng-content></ng-content>\n <ion-router-outlet id=\"{{ionMenuId}}\"></ion-router-outlet>\n</ion-app>\n" }]
|
|
354
353
|
}], ctorParameters: () => [{ type: EuimAppService }], propDecorators: { ionMenuId: [{
|
|
355
354
|
type: Input
|
|
356
355
|
}] } });
|
|
@@ -401,7 +400,7 @@ class EuimAvatarComponent {
|
|
|
401
400
|
}
|
|
402
401
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarComponent, decorators: [{
|
|
403
402
|
type: Component,
|
|
404
|
-
args: [{ selector: 'euim-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush,
|
|
403
|
+
args: [{ selector: 'euim-avatar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content select=\"euim-avatar-icon\"></ng-content>\n<ng-content select=\"euim-avatar-text\"></ng-content>\n<ng-content select=\"euim-avatar-image\"></ng-content>\n<ng-content select=\"euim-avatar-badge\"></ng-content>\n<ng-content select=\"euim-avatar-icon-sub\"></ng-content>\n", styles: [".euim-avatar{position:relative;display:flex;justify-content:center;align-items:center;color:var(--eui-c-neutral);border:none;box-sizing:border-box}.euim-avatar--variant-default,.euim-avatar--variant-rounded{border-radius:50%}.euim-avatar__sub-icon{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px}.euim-avatar__sub-icon .euim-avatar-icon--fill-outline-solid{border-width:var(--eui-bw-s);border-style:solid;border-color:var(--eui-c-neutral-surface-dark)}.euim-avatar--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar--color-default{background-color:var(--eui-c-neutral-surface-light);color:var(--eui-c-neutral-on-surface-light)}.euim-avatar--color-branding{background-color:var(--eui-c-branding-surface);color:var(--eui-c-branding-on-surface)}.euim-avatar--color-primary{background-color:var(--eui-c-primary-surface);color:var(--eui-c-primary-on-surface)}.euim-avatar--color-info{background-color:var(--eui-c-info-surface);color:var(--eui-c-info-on-surface)}.euim-avatar--color-success{background-color:var(--eui-c-success-surface);color:var(--eui-c-success-on-surface)}.euim-avatar--color-warning{background-color:var(--eui-c-warning-surface);color:var(--eui-c-warning-on-surface)}.euim-avatar--color-danger{background-color:var(--eui-c-danger-surface);color:var(--eui-c-danger-on-surface)}.euim-avatar--border-color-primary{border-color:var(--eui-c-primary)}.euim-avatar--border-color-info{border-color:var(--eui-c-info)}.euim-avatar--border-color-success{border-color:var(--eui-c-success)}.euim-avatar--border-color-warning{border-color:var(--eui-c-warning)}.euim-avatar--border-color-danger{border-color:var(--eui-c-danger)}.euim-avatar--color-primary.euim-avatar--fill-outline,.euim-avatar--color-primary.euim-avatar--fill-clear,.euim-avatar--color-info.euim-avatar--fill-outline,.euim-avatar--color-info.euim-avatar--fill-clear{color:var(--eui-c-primary)}.euim-avatar--color-success.euim-avatar--fill-outline,.euim-avatar--color-success.euim-avatar--fill-clear{color:var(--eui-c-success)}.euim-avatar--color-warning.euim-avatar--fill-outline,.euim-avatar--color-warning.euim-avatar--fill-clear{color:var(--eui-c-warning)}.euim-avatar--color-danger.euim-avatar--fill-outline,.euim-avatar--color-danger.euim-avatar--fill-clear{color:var(--eui-c-danger)}.euim-avatar--color-default.euim-avatar--fill-outline,.euim-avatar--color-default.euim-avatar--fill-clear{color:var(--eui-c-neutral-surface-dark)}.euim-avatar[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-avatar[slot=end]{margin-inline-start:var(--eui-s-m)}.euim-avatar[slot=start] euim-avatar{margin-inline-end:var(--eui-s-none)}.euim-avatar[slot=end] euim-avatar{margin-inline-start:var(--eui-s-none)}.euim-avatar--size-default,.euim-avatar--size-auto{width:var(--eui-s-5xl);height:var(--eui-s-5xl);font:var(--eui-f-m)}.euim-avatar--size-default ion-icon,.euim-avatar--size-auto ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar--size-m{width:var(--eui-s-5xl);height:var(--eui-s-5xl);font:var(--eui-f-m)}.euim-avatar--size-m ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar--size-s{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs)}.euim-avatar--size-s ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar--size-l{width:var(--eui-is-4xl);height:var(--eui-is-4xl);font:var(--eui-f-xl)}.euim-avatar--size-l ion-icon{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-avatar--fill-default,.euim-avatar--fill-solid{border:none}.euim-avatar--fill-outline{background-color:transparent!important;border-width:var(--eui-bw-s);border-style:solid}.euim-avatar--fill-clear{background-color:transparent!important;border:none}.euim-avatar--fill-outline-solid{border-width:var(--eui-bw-s);border-style:solid}.euim-avatar-icon-sub{position:absolute;z-index:99;display:inline-flex;bottom:-6px;right:-6px;align-items:center;justify-content:center}.euim-avatar-icon-sub--variant-default,.euim-avatar-icon-sub--variant-rounded{border-radius:50%}.euim-avatar-icon-sub--variant-rectangle{border-radius:var(--eui-br-none)}.euim-avatar-icon-sub--size-default,.euim-avatar-icon-sub--size-auto{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs)}.euim-avatar-icon-sub--size-default ion-icon,.euim-avatar-icon-sub--size-auto ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar-icon-sub--size-m{width:var(--eui-is-m);height:var(--eui-is-m);font:var(--eui-f-xs)}.euim-avatar-icon-sub--size-m ion-icon{width:var(--eui-is-xs);height:var(--eui-is-xs)}.euim-avatar-icon-sub--size-l{width:var(--eui-s-5xl);height:var(--eui-s-5xl);font:var(--eui-f-m)}.euim-avatar-icon-sub--size-l ion-icon{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-avatar-icon-sub--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white)}.euim-avatar-icon-sub--color-default{background-color:var(--eui-c-neutral-surface-dark);border-color:var(--eui-c-neutral-on-surface-dark);color:var(--eui-c-neutral-on-surface-dark)}.euim-avatar-icon-sub--color-primary{background-color:var(--eui-c-primary-surface);border-color:var(--eui-c-primary-on-surface);color:var(--eui-c-primary-on-surface)}.euim-avatar-icon-sub--color-info{background-color:var(--eui-c-info-surface);border-color:var(--eui-c-info-on-surface);color:var(--eui-c-info-on-surface)}.euim-avatar-icon-sub--color-success{background-color:var(--eui-c-success-surface);border-color:var(--eui-c-success-on-surface);color:var(--eui-c-success-on-surface)}.euim-avatar-icon-sub--color-warning{background-color:var(--eui-c-warning-surface);border-color:var(--eui-c-warning-on-surface);color:var(--eui-c-warning-on-surface)}.euim-avatar-icon-sub--color-danger{background-color:var(--eui-c-danger-surface);border-color:var(--eui-c-danger-on-surface);color:var(--eui-c-danger-on-surface)}.euim-avatar-icon-sub--border-color-primary{border-color:var(--eui-c-primary)}.euim-avatar-icon-sub--border-color-info{border-color:var(--eui-c-info)}.euim-avatar-icon-sub--border-color-success{border-color:var(--eui-c-success)}.euim-avatar-icon-sub--border-color-warning{border-color:var(--eui-c-warning)}.euim-avatar-icon-sub--border-color-danger{border-color:var(--eui-c-danger)}.euim-avatar-icon-sub--fill-default,.euim-avatar-icon-sub--fill-outline-solid{border-width:var(--eui-bw-s);border-style:solid}.euim-avatar-icon-sub--fill-outline{background-color:transparent!important;border-width:var(--eui-bw-s);border-style:solid}.euim-avatar-icon-sub--fill-clear{background-color:transparent!important;border:var(--eui-bw-none)}.euim-avatar-icon-sub--fill-outline-solid{border-width:var(--eui-bw-s);border-style:solid}.euim-avatar-icon{display:flex;align-items:center;justify-content:center}.euim-avatar-badge--position-top,.euim-avatar-badge--position-default{position:absolute;right:calc(-1 * var(--eui-s-s) / 2);top:calc(-1 * var(--eui-s-m) / 2)}.euim-avatar--variant-default .euim-avatar-image,.euim-avatar--variant-rounded .euim-avatar-image{background-size:cover;height:100%;width:100%}.euim-avatar--variant-default .euim-avatar-image img,.euim-avatar--variant-rounded .euim-avatar-image img{object-fit:cover;border-radius:50%;height:100%;width:100%}.euim-avatar-text--color-default{color:var(--eui-c-neutral-surface-dark)}.euim-avatar-text--color-primary{color:var(--eui-c-primary)}.euim-avatar-text--color-info{color:var(--eui-c-info)}.euim-avatar-text--color-success{color:var(--eui-c-success)}.euim-avatar-text--color-warning{color:var(--eui-c-warning)}.euim-avatar-text--color-danger{color:var(--eui-c-danger)}.euim-avatar--size-default .euim-avatar-text,.euim-avatar--size-l .euim-avatar-text{font:var(--eui-f-m)}.euim-avatar--size-m .euim-avatar-text{font:var(--eui-f-xs)}\n"] }]
|
|
405
404
|
}], propDecorators: { color: [{
|
|
406
405
|
type: Input
|
|
407
406
|
}], size: [{
|
|
@@ -422,11 +421,14 @@ class EuimAvatarIconComponent {
|
|
|
422
421
|
this.string = 'euim-avatar-icon';
|
|
423
422
|
}
|
|
424
423
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
425
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimAvatarIconComponent, isStandalone: true, selector: "euim-avatar-icon", host: { properties: { "class": "this.string" } }, ngImport: i0, template:
|
|
424
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimAvatarIconComponent, isStandalone: true, selector: "euim-avatar-icon", host: { properties: { "class": "this.string" } }, ngImport: i0, template: '<ng-content/>', isInline: true }); }
|
|
426
425
|
}
|
|
427
426
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarIconComponent, decorators: [{
|
|
428
427
|
type: Component,
|
|
429
|
-
args: [{
|
|
428
|
+
args: [{
|
|
429
|
+
selector: 'euim-avatar-icon',
|
|
430
|
+
template: '<ng-content/>',
|
|
431
|
+
}]
|
|
430
432
|
}], propDecorators: { string: [{
|
|
431
433
|
type: HostBinding,
|
|
432
434
|
args: ['class']
|
|
@@ -454,11 +456,14 @@ class EuimAvatarIconSubComponent {
|
|
|
454
456
|
].join(' ');
|
|
455
457
|
}
|
|
456
458
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarIconSubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
457
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimAvatarIconSubComponent, isStandalone: true, selector: "euim-avatar-icon-sub", inputs: { color: "color", size: "size", fill: "fill", variant: "variant", borderColor: "borderColor" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template:
|
|
459
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimAvatarIconSubComponent, isStandalone: true, selector: "euim-avatar-icon-sub", inputs: { color: "color", size: "size", fill: "fill", variant: "variant", borderColor: "borderColor" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true }); }
|
|
458
460
|
}
|
|
459
461
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarIconSubComponent, decorators: [{
|
|
460
462
|
type: Component,
|
|
461
|
-
args: [{
|
|
463
|
+
args: [{
|
|
464
|
+
selector: 'euim-avatar-icon-sub',
|
|
465
|
+
template: '<ng-content/>',
|
|
466
|
+
}]
|
|
462
467
|
}], propDecorators: { color: [{
|
|
463
468
|
type: Input
|
|
464
469
|
}], size: [{
|
|
@@ -488,11 +493,14 @@ class EuimAvatarTextComponent {
|
|
|
488
493
|
].join(' ');
|
|
489
494
|
}
|
|
490
495
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
491
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimAvatarTextComponent, isStandalone: true, selector: "euim-avatar-text", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template:
|
|
496
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimAvatarTextComponent, isStandalone: true, selector: "euim-avatar-text", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true }); }
|
|
492
497
|
}
|
|
493
498
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarTextComponent, decorators: [{
|
|
494
499
|
type: Component,
|
|
495
|
-
args: [{
|
|
500
|
+
args: [{
|
|
501
|
+
selector: 'euim-avatar-text',
|
|
502
|
+
template: '<ng-content/>',
|
|
503
|
+
}]
|
|
496
504
|
}], propDecorators: { color: [{
|
|
497
505
|
type: Input
|
|
498
506
|
}], cssClasses: [{
|
|
@@ -509,7 +517,7 @@ class EuimAvatarImageComponent {
|
|
|
509
517
|
}
|
|
510
518
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarImageComponent, decorators: [{
|
|
511
519
|
type: Component,
|
|
512
|
-
args: [{ selector: 'euim-avatar-image',
|
|
520
|
+
args: [{ selector: 'euim-avatar-image', template: "@if (imageUrl) {\n <img [src]=\"imageUrl\" alt=\"Avatar\"/>\n} @else {\n <ng-content></ng-content>\n}\n" }]
|
|
513
521
|
}], propDecorators: { string: [{
|
|
514
522
|
type: HostBinding,
|
|
515
523
|
args: ['class']
|
|
@@ -528,11 +536,14 @@ class EuimAvatarBadgeComponent {
|
|
|
528
536
|
].join(' ').trim();
|
|
529
537
|
}
|
|
530
538
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
531
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimAvatarBadgeComponent, isStandalone: true, selector: "euim-avatar-badge", inputs: { position: "position" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template:
|
|
539
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimAvatarBadgeComponent, isStandalone: true, selector: "euim-avatar-badge", inputs: { position: "position" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true }); }
|
|
532
540
|
}
|
|
533
541
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAvatarBadgeComponent, decorators: [{
|
|
534
542
|
type: Component,
|
|
535
|
-
args: [{
|
|
543
|
+
args: [{
|
|
544
|
+
selector: 'euim-avatar-badge',
|
|
545
|
+
template: '<ng-content/>',
|
|
546
|
+
}]
|
|
536
547
|
}], propDecorators: { cssClasses: [{
|
|
537
548
|
type: HostBinding,
|
|
538
549
|
args: ['class']
|
|
@@ -600,7 +611,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
600
611
|
type: Directive,
|
|
601
612
|
args: [{
|
|
602
613
|
selector: '[euimEmptyListPlaceholderTitle]',
|
|
603
|
-
standalone: true,
|
|
604
614
|
}]
|
|
605
615
|
}], propDecorators: { className: [{
|
|
606
616
|
type: HostBinding,
|
|
@@ -618,7 +628,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
618
628
|
type: Directive,
|
|
619
629
|
args: [{
|
|
620
630
|
selector: '[euimEmptyListPlaceholderSubtitle]',
|
|
621
|
-
standalone: true,
|
|
622
631
|
}]
|
|
623
632
|
}], propDecorators: { className: [{
|
|
624
633
|
type: HostBinding,
|
|
@@ -636,7 +645,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
636
645
|
type: Directive,
|
|
637
646
|
args: [{
|
|
638
647
|
selector: '[euimEmptyListPlaceholderIcon]',
|
|
639
|
-
standalone: true,
|
|
640
648
|
}]
|
|
641
649
|
}], propDecorators: { className: [{
|
|
642
650
|
type: HostBinding,
|
|
@@ -668,7 +676,7 @@ class EuimEmptyListPlaceholderComponent {
|
|
|
668
676
|
}
|
|
669
677
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimEmptyListPlaceholderComponent, decorators: [{
|
|
670
678
|
type: Component,
|
|
671
|
-
args: [{ selector: 'euim-empty-list-placeholder', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush,
|
|
679
|
+
args: [{ selector: 'euim-empty-list-placeholder', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [IonicModule, TranslateModule], template: "@if (icon) {\n <ion-icon [name]=\"icon\" class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if ((!icon && !message && !description && isEmptyContent)) {\n <ion-icon name=\"search\"\n class=\"euim-empty-list-placeholder__icon\"></ion-icon>\n}\n@if (message || (!icon && !message && !description) && isEmptyContent) {\n <div class=\"euim-empty-list-placeholder__message\">\n {{ message || 'euim.empty-list-placeholder.message' | translate }}\n </div>\n}\n@if (description || (!icon && !message && !description) && isEmptyContent) {\n <div class=\"euim-empty-list-placeholder__description\">\n {{ description || 'euim.empty-list-placeholder.description' | translate }}\n </div>\n}\n<div #contentWrapper>\n <ng-content></ng-content>\n</div>\n\n", styles: [".euim-empty-list-placeholder div,.euim-empty-list-placeholder{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:auto;grid-column-gap:0;justify-content:center;justify-items:center;align-items:center}.euim-empty-list-placeholder div--margin-top-large,.euim-empty-list-placeholder--margin-top-large{margin-top:calc(9 * var(--eui-s-m))}.euim-empty-list-placeholder div--margin-top-small,.euim-empty-list-placeholder--margin-top-small{margin-top:var(--eui-s-m)}.euim-empty-list-placeholder div--margin-bottom-small,.euim-empty-list-placeholder--margin-bottom-small{margin-bottom:var(--eui-s-m)}.euim-empty-list-placeholder div__icon,.euim-empty-list-placeholder__icon{color:var(--eui-c-text-lighter);width:var(--eui-is-l);height:var(--eui-is-l);margin-bottom:var(--eui-s-3xs)}.euim-empty-list-placeholder div__message,.euim-empty-list-placeholder__message{font:var(--eui-f-m-bold);color:var(--eui-c-text-lighter);margin-bottom:var(--eui-s-4xs)}.euim-empty-list-placeholder div__description,.euim-empty-list-placeholder__description{font:var(--eui-f-s);color:var(--eui-c-text-lighter)}\n"] }]
|
|
672
680
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { message: [{
|
|
673
681
|
type: Input
|
|
674
682
|
}], icon: [{
|
|
@@ -734,17 +742,7 @@ const EUIM_EMPTY_LIST_PLACEHOLDER = [
|
|
|
734
742
|
];
|
|
735
743
|
|
|
736
744
|
class EuimLanguageListComponent {
|
|
737
|
-
constructor(
|
|
738
|
-
/**
|
|
739
|
-
* @deprecated will be removed in eUI Mobile v19.
|
|
740
|
-
*/
|
|
741
|
-
appShellService,
|
|
742
|
-
/**
|
|
743
|
-
* @deprecated will be removed in eUI Mobile v19.
|
|
744
|
-
*/
|
|
745
|
-
appService, modalCtrl, i18nService) {
|
|
746
|
-
this.appShellService = appShellService;
|
|
747
|
-
this.appService = appService;
|
|
745
|
+
constructor(modalCtrl, i18nService) {
|
|
748
746
|
this.modalCtrl = modalCtrl;
|
|
749
747
|
this.i18nService = i18nService;
|
|
750
748
|
}
|
|
@@ -779,27 +777,17 @@ class EuimLanguageListComponent {
|
|
|
779
777
|
d.label.toLowerCase().indexOf(query) > -1;
|
|
780
778
|
});
|
|
781
779
|
}
|
|
782
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLanguageListComponent, deps: [{ token: i1
|
|
783
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimLanguageListComponent, isStandalone: true, selector: "euim-language-list", ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"branding\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onClose()\">\n <ion-icon name=\"close\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-title> {{'euim.language-list.SELECT-LANGUAGE' | translate }}</ion-title>\n </ion-toolbar>\n @if (hasSearchbar) {\n <ion-toolbar color=\"branding\" class=\"euim-language-selector__search\">\n <ion-searchbar (ionInput)=\"handleChange($event)\"></ion-searchbar>\n </ion-toolbar>\n }\n</ion-header>\n<ion-content>\n @if (results.length > 0) {\n <ion-list>\n @for (item of results; track item) {\n @if (
|
|
780
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLanguageListComponent, deps: [{ token: i1.ModalController }, { token: i1$1.I18nService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
781
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimLanguageListComponent, isStandalone: true, selector: "euim-language-list", ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"branding\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onClose()\">\n <ion-icon name=\"close\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-title> {{'euim.language-list.SELECT-LANGUAGE' | translate }}</ion-title>\n </ion-toolbar>\n @if (hasSearchbar) {\n <ion-toolbar color=\"branding\" class=\"euim-language-selector__search\">\n <ion-searchbar (ionInput)=\"handleChange($event)\"></ion-searchbar>\n </ion-toolbar>\n }\n</ion-header>\n<ion-content>\n @if (results.length > 0) {\n <ion-list>\n @for (item of results; track item) {\n @if (euLanguageList[0]?.code === item.code\n || nonEULanguageList[0]?.code === item.code) {\n <ion-item-divider>\n {{ (euLanguageList[0]?.code === item.code)\n ? ('euim.language-list.EU-LANGUAGES' | translate)\n : 'euim.language-list.NON-EU-LANGUAGES' | translate }}\n </ion-item-divider>\n }\n <ion-item button (click)=\"onLanguageSelected(item)\" [lines]=\"isLastElementOfArray(euLanguageList, item) || isLastElementOfArray(nonEULanguageList, item) ? 'none' : 'inset'\">\n <euim-avatar fill=\"solid\" slot=\"start\" variant=\"rounded\" class=\"euim-language-selector__avatar\">\n <euim-avatar-icon>\n <ion-icon name=\"language\" class=\"euim-language-selector__internal-icon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n <ion-label>\n <div euimLabel euimLabelTitle>{{item.label}}</div>\n <div euimLabel euimLabelMeta class=\"eui-u-text-uppercase\">\n {{item.code}}\n </div>\n </ion-label>\n @if (selectedLanguage?.code===item.code) {\n <ion-buttons>\n <ion-button fill=\"clear\" >\n <ion-icon name=\"checkmark\" slot=\"icon-only\" color=\"primary\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n </ion-list>\n }\n @if (results.length < 1) {\n <euim-empty-list-placeholder euimMarginTopLarge\n class=\"euim-language-selector__empty-placeholder\">\n </euim-empty-list-placeholder>\n }\n</ion-content>\n\n", dependencies: [{ kind: "ngmodule", type: EuimAvatarModule }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "ngmodule", type: EuimLabelModule }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "component", type: i1.IonTitle, selector: "ion-title", inputs: ["color", "size"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }, { kind: "ngmodule", type: EuimEmptyListPlaceholderModule }, { kind: "component", type: EuimEmptyListPlaceholderComponent, selector: "euim-empty-list-placeholder", inputs: ["message", "icon", "description", "button", "euimMarginTopLarge", "euimMarginTopSmall", "euimMarginBottomSmall"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
784
782
|
}
|
|
785
783
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLanguageListComponent, decorators: [{
|
|
786
784
|
type: Component,
|
|
787
|
-
args: [{ selector: 'euim-language-list', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
788
|
-
}], ctorParameters: () => [{ type: i1
|
|
785
|
+
args: [{ selector: 'euim-language-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [EuimAvatarModule, EuimLabelModule, IonicModule, EuimEmptyListPlaceholderModule, TranslateModule], template: "<ion-header>\n <ion-toolbar color=\"branding\">\n <ion-buttons slot=\"start\">\n <ion-button (click)=\"onClose()\">\n <ion-icon name=\"close\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n <ion-title> {{'euim.language-list.SELECT-LANGUAGE' | translate }}</ion-title>\n </ion-toolbar>\n @if (hasSearchbar) {\n <ion-toolbar color=\"branding\" class=\"euim-language-selector__search\">\n <ion-searchbar (ionInput)=\"handleChange($event)\"></ion-searchbar>\n </ion-toolbar>\n }\n</ion-header>\n<ion-content>\n @if (results.length > 0) {\n <ion-list>\n @for (item of results; track item) {\n @if (euLanguageList[0]?.code === item.code\n || nonEULanguageList[0]?.code === item.code) {\n <ion-item-divider>\n {{ (euLanguageList[0]?.code === item.code)\n ? ('euim.language-list.EU-LANGUAGES' | translate)\n : 'euim.language-list.NON-EU-LANGUAGES' | translate }}\n </ion-item-divider>\n }\n <ion-item button (click)=\"onLanguageSelected(item)\" [lines]=\"isLastElementOfArray(euLanguageList, item) || isLastElementOfArray(nonEULanguageList, item) ? 'none' : 'inset'\">\n <euim-avatar fill=\"solid\" slot=\"start\" variant=\"rounded\" class=\"euim-language-selector__avatar\">\n <euim-avatar-icon>\n <ion-icon name=\"language\" class=\"euim-language-selector__internal-icon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n <ion-label>\n <div euimLabel euimLabelTitle>{{item.label}}</div>\n <div euimLabel euimLabelMeta class=\"eui-u-text-uppercase\">\n {{item.code}}\n </div>\n </ion-label>\n @if (selectedLanguage?.code===item.code) {\n <ion-buttons>\n <ion-button fill=\"clear\" >\n <ion-icon name=\"checkmark\" slot=\"icon-only\" color=\"primary\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n </ion-list>\n }\n @if (results.length < 1) {\n <euim-empty-list-placeholder euimMarginTopLarge\n class=\"euim-language-selector__empty-placeholder\">\n </euim-empty-list-placeholder>\n }\n</ion-content>\n\n" }]
|
|
786
|
+
}], ctorParameters: () => [{ type: i1.ModalController }, { type: i1$1.I18nService }] });
|
|
789
787
|
|
|
790
788
|
class EuimLanguageSelectorComponent {
|
|
791
|
-
constructor(cd,
|
|
792
|
-
/**
|
|
793
|
-
* @deprecated will be removed in eUI Mobile v19.
|
|
794
|
-
*/
|
|
795
|
-
appShellService,
|
|
796
|
-
/**
|
|
797
|
-
* @deprecated will be removed in eUI Mobile v19.
|
|
798
|
-
*/
|
|
799
|
-
appService, i18nService, modalCtrl, baseStatesDirective, baseGlobalConfig) {
|
|
789
|
+
constructor(cd, i18nService, modalCtrl, baseStatesDirective, baseGlobalConfig) {
|
|
800
790
|
this.cd = cd;
|
|
801
|
-
this.appShellService = appShellService;
|
|
802
|
-
this.appService = appService;
|
|
803
791
|
this.i18nService = i18nService;
|
|
804
792
|
this.modalCtrl = modalCtrl;
|
|
805
793
|
this.baseStatesDirective = baseStatesDirective;
|
|
@@ -807,7 +795,6 @@ class EuimLanguageSelectorComponent {
|
|
|
807
795
|
this.hasSearchbar = true;
|
|
808
796
|
this.destroy$ = new Subject();
|
|
809
797
|
this.config = getI18nServiceConfig(this.baseGlobalConfig.i18n.i18nService);
|
|
810
|
-
this._euimPrimary = this.baseStatesDirective.color === 'primary';
|
|
811
798
|
this._euimBranding = this.baseStatesDirective.color === 'branding';
|
|
812
799
|
}
|
|
813
800
|
get cssClasses() {
|
|
@@ -853,8 +840,8 @@ class EuimLanguageSelectorComponent {
|
|
|
853
840
|
}
|
|
854
841
|
return null;
|
|
855
842
|
}
|
|
856
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLanguageSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.
|
|
857
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.1.0", type: EuimLanguageSelectorComponent, isStandalone: true, selector: "euim-language-selector", inputs: { hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ion-button (click)=\"onShowLanguageList()\" fill=\"clear\" shape=\"round\">\n <ion-icon class=\"euim-language-selector__icon {{_euimBranding
|
|
843
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLanguageSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.I18nService }, { token: i1.ModalController }, { token: BaseStatesDirective }, { token: GLOBAL_CONFIG_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
844
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.1.0", type: EuimLanguageSelectorComponent, isStandalone: true, selector: "euim-language-selector", inputs: { hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ion-button (click)=\"onShowLanguageList()\" fill=\"clear\" shape=\"round\">\n <ion-icon class=\"euim-language-selector__icon {{_euimBranding ? 'euim-language-selector__icon--branding' : ''}}\"\n slot=\"icon-only\"\n src='data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\">\n <path\n d=\"M 21.00,0.00\n C 22.66,-0.00 24.00,1.34 24.00,3.00\n 24.00,3.00 24.00,17.00 24.00,17.00\n 24.00,18.66 22.66,20.00 21.00,20.00\n 21.00,20.00 3.00,20.00 3.00,20.00\n 1.34,20.00 0.00,18.66 0.00,17.00\n 0.00,17.00 0.00,3.00 0.00,3.00\n 0.00,1.34 1.34,0.00 3.00,0.00\n 3.00,0.00 21.00,0.00 21.00,0.00 Z\n M 9.66,12.34\n C 9.66,12.34 15.31,18.00 15.31,18.00\n 15.31,18.00 9.66,23.66 9.66,23.66\n 9.66,23.66 4.00,18.00 4.00,18.00\n 4.00,18.00 9.66,12.34 9.66,12.34 Z\" />\n </svg>'>\n </ion-icon>\n\n <span class=\"euim-language-selector__text {{_euimBranding ? 'euim-language-selector__text--branding' : ''}}\">\n {{ selectedLanguage?.code?.toUpperCase() }}\n </span>\n</ion-button>\n", styles: [".euim-language-selector span.euim-language-selector__text{font:var(--eui-f-xs-bold);margin-bottom:var(--eui-s-3xs);position:absolute;color:var(--eui-c-branding)}.euim-language-selector span.euim-language-selector__text--branding{color:var(--eui-c-branding-on-surface)}.euim-language-selector__icon{color:var(--eui-c-branding-on-surface);width:var(--eui-is-m);height:var(--eui-is-m);font-size:var(--eui-f-s-m)}.euim-language-selector__icon--branding{color:var(--eui-c-branding)}.euim-language-selector__internal-icon{color:var(--eui-c-neutral)}.euim-language-selector__search{display:contents}.euim-language-selector__empty-placeholder{display:block;height:auto;margin-top:calc(9 * var(--eui-s-m))}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
858
845
|
}
|
|
859
846
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimLanguageSelectorComponent, decorators: [{
|
|
860
847
|
type: Component,
|
|
@@ -865,12 +852,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
865
852
|
'color',
|
|
866
853
|
],
|
|
867
854
|
},
|
|
868
|
-
],
|
|
855
|
+
], imports: [
|
|
869
856
|
IonicModule,
|
|
870
857
|
TranslateModule,
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.EuiAppShellService }, { type: EuimAppService }, { type: i1$1.I18nService }, { type: i1.ModalController }, { type: BaseStatesDirective }, { type: undefined, decorators: [{
|
|
858
|
+
], template: "<ion-button (click)=\"onShowLanguageList()\" fill=\"clear\" shape=\"round\">\n <ion-icon class=\"euim-language-selector__icon {{_euimBranding ? 'euim-language-selector__icon--branding' : ''}}\"\n slot=\"icon-only\"\n src='data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\">\n <path\n d=\"M 21.00,0.00\n C 22.66,-0.00 24.00,1.34 24.00,3.00\n 24.00,3.00 24.00,17.00 24.00,17.00\n 24.00,18.66 22.66,20.00 21.00,20.00\n 21.00,20.00 3.00,20.00 3.00,20.00\n 1.34,20.00 0.00,18.66 0.00,17.00\n 0.00,17.00 0.00,3.00 0.00,3.00\n 0.00,1.34 1.34,0.00 3.00,0.00\n 3.00,0.00 21.00,0.00 21.00,0.00 Z\n M 9.66,12.34\n C 9.66,12.34 15.31,18.00 15.31,18.00\n 15.31,18.00 9.66,23.66 9.66,23.66\n 9.66,23.66 4.00,18.00 4.00,18.00\n 4.00,18.00 9.66,12.34 9.66,12.34 Z\" />\n </svg>'>\n </ion-icon>\n\n <span class=\"euim-language-selector__text {{_euimBranding ? 'euim-language-selector__text--branding' : ''}}\">\n {{ selectedLanguage?.code?.toUpperCase() }}\n </span>\n</ion-button>\n", styles: [".euim-language-selector span.euim-language-selector__text{font:var(--eui-f-xs-bold);margin-bottom:var(--eui-s-3xs);position:absolute;color:var(--eui-c-branding)}.euim-language-selector span.euim-language-selector__text--branding{color:var(--eui-c-branding-on-surface)}.euim-language-selector__icon{color:var(--eui-c-branding-on-surface);width:var(--eui-is-m);height:var(--eui-is-m);font-size:var(--eui-f-s-m)}.euim-language-selector__icon--branding{color:var(--eui-c-branding)}.euim-language-selector__internal-icon{color:var(--eui-c-neutral)}.euim-language-selector__search{display:contents}.euim-language-selector__empty-placeholder{display:block;height:auto;margin-top:calc(9 * var(--eui-s-m))}\n"] }]
|
|
859
|
+
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.I18nService }, { type: i1.ModalController }, { type: BaseStatesDirective }, { type: undefined, decorators: [{
|
|
874
860
|
type: Inject,
|
|
875
861
|
args: [GLOBAL_CONFIG_TOKEN]
|
|
876
862
|
}] }], propDecorators: { hasSearchbar: [{
|
|
@@ -922,7 +908,7 @@ class EuimUserProfileComponent {
|
|
|
922
908
|
}
|
|
923
909
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimUserProfileComponent, decorators: [{
|
|
924
910
|
type: Component,
|
|
925
|
-
args: [{ selector: 'euim-user-profile', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
911
|
+
args: [{ selector: 'euim-user-profile', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-content select=\"euim-user-profile-avatar\"></ng-content>\n<ng-content select=\"euim-user-profile-infos\"></ng-content>\n<ng-content select=\"euim-user-profile-action\"></ng-content>\n", styles: [".euim-user-profile{display:flex;padding:var(--eui-s-m);background-color:var(--eui-c-neutral-surface-light)}.euim-user-profile__backgroundcolor-primary,.euim-user-profile__backgroundcolor-branding{background-color:var(--eui-c-branding)}.euim-user-profile-avatar{margin-right:var(--eui-s-m)}.euim-user-profile-action ion-buttons{margin-top:calc(-1 * var(--eui-s-s));margin-right:calc(-1 * var(--eui-s-s));color:var(--eui-c-branding)}.euim-user-profile-infos{width:calc(100% - (var(--eui-s-2xl) + var(--eui-s-l) + 2 * var(--eui-s-m)))}.euim-user-profile-infos [euimLabel],.euim-user-profile-infos [euimLabelTitle]{color:var(--eui-c-text)}.euim-user-profile-infos__color-white [euimLabel]{color:var(--eui-c-branding-on-surface)}.euim-user-profile-infos euim-user-profile-infos-item:not(:last-child){margin-bottom:var(--eui-s-4xs)}.euim-user-profile-infos-item{display:flex;margin-right:var(--eui-s-2xl);width:100%}.euim-user-profile-infos-item ion-icon{margin-right:var(--eui-s-2xs);min-width:var(--eui-s-m);min-height:var(--eui-s-m)}.euim-user-profile-infos-item p{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}\n"] }]
|
|
926
912
|
}], propDecorators: { color: [{
|
|
927
913
|
type: Input
|
|
928
914
|
}], cssClasses: [{
|
|
@@ -935,11 +921,15 @@ class EuiMUserProfileAvatarComponent {
|
|
|
935
921
|
this.class = 'euim-user-profile-avatar';
|
|
936
922
|
}
|
|
937
923
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuiMUserProfileAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
938
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuiMUserProfileAvatarComponent, isStandalone: true, selector: "euim-user-profile-avatar", host: { properties: { "class": "this.class" } }, ngImport: i0, template:
|
|
924
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuiMUserProfileAvatarComponent, isStandalone: true, selector: "euim-user-profile-avatar", host: { properties: { "class": "this.class" } }, ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
939
925
|
}
|
|
940
926
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuiMUserProfileAvatarComponent, decorators: [{
|
|
941
927
|
type: Component,
|
|
942
|
-
args: [{
|
|
928
|
+
args: [{
|
|
929
|
+
selector: 'euim-user-profile-avatar',
|
|
930
|
+
template: '<ng-content/>',
|
|
931
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
932
|
+
}]
|
|
943
933
|
}], propDecorators: { class: [{
|
|
944
934
|
type: HostBinding
|
|
945
935
|
}] } });
|
|
@@ -955,11 +945,16 @@ class EuiMUserProfileInfosComponent {
|
|
|
955
945
|
].join(' ').trim();
|
|
956
946
|
}
|
|
957
947
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuiMUserProfileInfosComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
958
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuiMUserProfileInfosComponent, isStandalone: true, selector: "euim-user-profile-infos", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template:
|
|
948
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuiMUserProfileInfosComponent, isStandalone: true, selector: "euim-user-profile-infos", inputs: { color: "color" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
959
949
|
}
|
|
960
950
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuiMUserProfileInfosComponent, decorators: [{
|
|
961
951
|
type: Component,
|
|
962
|
-
args: [{
|
|
952
|
+
args: [{
|
|
953
|
+
selector: 'euim-user-profile-infos',
|
|
954
|
+
template: '<ng-content/>',
|
|
955
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
956
|
+
encapsulation: ViewEncapsulation.None,
|
|
957
|
+
}]
|
|
963
958
|
}], propDecorators: { color: [{
|
|
964
959
|
type: Input
|
|
965
960
|
}], cssClasses: [{
|
|
@@ -972,11 +967,16 @@ class EuiMUserProfileInfosItemComponent {
|
|
|
972
967
|
this.class = 'euim-user-profile-infos-item';
|
|
973
968
|
}
|
|
974
969
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuiMUserProfileInfosItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
975
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuiMUserProfileInfosItemComponent, isStandalone: true, selector: "euim-user-profile-infos-item", host: { properties: { "class": "this.class" } }, ngImport: i0, template:
|
|
970
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuiMUserProfileInfosItemComponent, isStandalone: true, selector: "euim-user-profile-infos-item", host: { properties: { "class": "this.class" } }, ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
976
971
|
}
|
|
977
972
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuiMUserProfileInfosItemComponent, decorators: [{
|
|
978
973
|
type: Component,
|
|
979
|
-
args: [{
|
|
974
|
+
args: [{
|
|
975
|
+
selector: 'euim-user-profile-infos-item',
|
|
976
|
+
template: '<ng-content/>',
|
|
977
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
978
|
+
encapsulation: ViewEncapsulation.None,
|
|
979
|
+
}]
|
|
980
980
|
}], propDecorators: { class: [{
|
|
981
981
|
type: HostBinding
|
|
982
982
|
}] } });
|
|
@@ -990,7 +990,7 @@ class EuiMUserProfileActionComponent {
|
|
|
990
990
|
}
|
|
991
991
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuiMUserProfileActionComponent, decorators: [{
|
|
992
992
|
type: Component,
|
|
993
|
-
args: [{ selector: 'euim-user-profile-action', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
993
|
+
args: [{ selector: 'euim-user-profile-action', changeDetection: ChangeDetectionStrategy.OnPush, imports: [IonicModule], template: "<ion-buttons>\n <ng-content></ng-content>\n</ion-buttons>\n" }]
|
|
994
994
|
}], propDecorators: { className: [{
|
|
995
995
|
type: HostBinding
|
|
996
996
|
}] } });
|
|
@@ -1070,7 +1070,7 @@ class EuimToolbarComponent {
|
|
|
1070
1070
|
}
|
|
1071
1071
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarComponent, decorators: [{
|
|
1072
1072
|
type: Component,
|
|
1073
|
-
args: [{ selector: 'euim-toolbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1073
|
+
args: [{ selector: 'euim-toolbar', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
|
|
1074
1074
|
IonicModule,
|
|
1075
1075
|
TranslateModule,
|
|
1076
1076
|
CommonModule,
|
|
@@ -1108,15 +1108,20 @@ class EuimToolbarTitleComponent {
|
|
|
1108
1108
|
].join(' ');
|
|
1109
1109
|
}
|
|
1110
1110
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarTitleComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1111
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimToolbarTitleComponent, isStandalone: true, selector: "euim-toolbar-title", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective }], ngImport: i0, template:
|
|
1111
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimToolbarTitleComponent, isStandalone: true, selector: "euim-toolbar-title", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective }], ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1112
1112
|
}
|
|
1113
1113
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarTitleComponent, decorators: [{
|
|
1114
1114
|
type: Component,
|
|
1115
|
-
args: [{
|
|
1115
|
+
args: [{
|
|
1116
|
+
selector: 'euim-toolbar-title',
|
|
1117
|
+
template: '<ng-content/>',
|
|
1118
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1119
|
+
hostDirectives: [
|
|
1116
1120
|
{
|
|
1117
1121
|
directive: BaseStatesDirective,
|
|
1118
1122
|
},
|
|
1119
|
-
],
|
|
1123
|
+
],
|
|
1124
|
+
}]
|
|
1120
1125
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
1121
1126
|
type: HostBinding,
|
|
1122
1127
|
args: ['class']
|
|
@@ -1127,11 +1132,15 @@ class EuimToolbarActionItemsComponent {
|
|
|
1127
1132
|
this.className = 'euim-toolbar-action-items';
|
|
1128
1133
|
}
|
|
1129
1134
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarActionItemsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1130
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimToolbarActionItemsComponent, isStandalone: true, selector: "euim-toolbar-action-items", host: { properties: { "className": "this.className" } }, ngImport: i0, template:
|
|
1135
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimToolbarActionItemsComponent, isStandalone: true, selector: "euim-toolbar-action-items", host: { properties: { "className": "this.className" } }, ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1131
1136
|
}
|
|
1132
1137
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarActionItemsComponent, decorators: [{
|
|
1133
1138
|
type: Component,
|
|
1134
|
-
args: [{
|
|
1139
|
+
args: [{
|
|
1140
|
+
selector: 'euim-toolbar-action-items',
|
|
1141
|
+
template: '<ng-content/>',
|
|
1142
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1143
|
+
}]
|
|
1135
1144
|
}], propDecorators: { className: [{
|
|
1136
1145
|
type: HostBinding
|
|
1137
1146
|
}] } });
|
|
@@ -1224,7 +1233,7 @@ class EuimSidebarContentComponent {
|
|
|
1224
1233
|
}
|
|
1225
1234
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarContentComponent, decorators: [{
|
|
1226
1235
|
type: Component,
|
|
1227
|
-
args: [{ selector: 'euim-sidebar-content', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1236
|
+
args: [{ selector: 'euim-sidebar-content', changeDetection: ChangeDetectionStrategy.OnPush, imports: [IonicModule, CommonModule], template: "<ion-list class=\"euim-sidebar-content__list\">\n @if (hasSearchbar) {\n <div class=\"euim-sidebar-content__searchbar\" [ngClass]=\"{ 'euim-sidebar-content__searchbar--sticky': isSearchbarSticky }\">\n <ion-searchbar (ionInput)=\"handleInput($event)\"></ion-searchbar>\n </div>\n }\n <ion-menu-toggle auto-hide=\"true\" (click)=\"closeMenu()\" menu=\"{{ionMenuId}}\">\n <ng-content></ng-content>\n </ion-menu-toggle>\n</ion-list>\n\n" }]
|
|
1228
1237
|
}], ctorParameters: () => [{ type: i1$1.I18nService }, { type: i1$1.EuiAppShellService }, { type: i1.MenuController }, { type: i1.NavController }], propDecorators: { className: [{
|
|
1229
1238
|
type: HostBinding
|
|
1230
1239
|
}], sidebarItems: [{
|
|
@@ -1277,14 +1286,14 @@ class EuimSidebarComponent {
|
|
|
1277
1286
|
}
|
|
1278
1287
|
}
|
|
1279
1288
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarComponent, deps: [{ token: i1$2.Router }, { token: i1.MenuController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1280
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimSidebarComponent, isStandalone: true, selector: "euim-sidebar", inputs: { ionMenuId: "ionMenuId", routerPath: "routerPath" }, host: { properties: { "className": "this.className" } }, queries: [{ propertyName: "sidebarContent", first: true, predicate: EuimSidebarContentComponent, descendants: true }], ngImport: i0, template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md{box-shadow:none}.euim-sidebar ion-header.header-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:
|
|
1289
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimSidebarComponent, isStandalone: true, selector: "euim-sidebar", inputs: { ionMenuId: "ionMenuId", routerPath: "routerPath" }, host: { properties: { "className": "this.className" } }, queries: [{ propertyName: "sidebarContent", first: true, predicate: EuimSidebarContentComponent, descendants: true }], ngImport: i0, template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md{box-shadow:none}.euim-sidebar ion-header.header-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:var(--eui-s-none);position:relative}.euim-sidebar-content__searchbar--sticky{position:sticky;top:0;z-index:var(--eui-zi-sticky)}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-item .euim-avatar--color-success{background-color:var(--eui-c-success-surface)}.euim-sidebar-content ion-item .euim-avatar--color-danger{background-color:var(--eui-c-danger-surface)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-s-m) var(--eui-s-none) var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-s-m);height:var(--eui-s-m);opacity:1;color:var(--eui-c-text-lighter);margin-left:var(--eui-s-xs)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonContent, selector: "ion-content", inputs: ["color", "fixedSlotPlacement", "forceOverscroll", "fullscreen", "scrollEvents", "scrollX", "scrollY"] }, { kind: "component", type: i1.IonMenu, selector: "ion-menu", inputs: ["contentId", "disabled", "maxEdgeStart", "menuId", "side", "swipeGesture", "type"] }, { kind: "ngmodule", type: RouterModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1281
1290
|
}
|
|
1282
1291
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSidebarComponent, decorators: [{
|
|
1283
1292
|
type: Component,
|
|
1284
|
-
args: [{ selector: 'euim-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
1293
|
+
args: [{ selector: 'euim-sidebar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
|
|
1285
1294
|
IonicModule,
|
|
1286
1295
|
RouterModule,
|
|
1287
|
-
], template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md{box-shadow:none}.euim-sidebar ion-header.header-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:
|
|
1296
|
+
], template: "<ion-menu contentId=\"{{ionMenuId}}\" menuId=\"{{ionMenuId}}\" slot=\"start\">\n <ng-content></ng-content>\n <ion-content>\n <ng-content select=\"euim-sidebar-content\"></ng-content>\n </ion-content>\n</ion-menu>\n", styles: [".euim-sidebar-footer--no-borders.footer-md{box-shadow:none}.euim-sidebar ion-header.header-md{box-shadow:none}.euim-sidebar ion-footer ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content{height:100%}.euim-sidebar-content__list{height:auto;padding:var(--eui-s-none);position:relative}.euim-sidebar-content__searchbar--sticky{position:sticky;top:0;z-index:var(--eui-zi-sticky)}.euim-sidebar-content ion-item euim-avatar:first-child{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-item .euim-avatar--color-success{background-color:var(--eui-c-success-surface)}.euim-sidebar-content ion-item .euim-avatar--color-danger{background-color:var(--eui-c-danger-surface)}.euim-sidebar-content ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-sidebar-content ion-note[slot=end]{padding:var(--eui-s-m) var(--eui-s-none) var(--eui-s-m)}.euim-sidebar-content ion-item::part(detail-icon){width:var(--eui-s-m);height:var(--eui-s-m);opacity:1;color:var(--eui-c-text-lighter);margin-left:var(--eui-s-xs)}\n"] }]
|
|
1288
1297
|
}], ctorParameters: () => [{ type: i1$2.Router }, { type: i1.MenuController }], propDecorators: { sidebarContent: [{
|
|
1289
1298
|
type: ContentChild,
|
|
1290
1299
|
args: [EuimSidebarContentComponent]
|
|
@@ -1337,18 +1346,18 @@ class EuimHeaderDetailsComponent {
|
|
|
1337
1346
|
].join(' ');
|
|
1338
1347
|
}
|
|
1339
1348
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1340
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.1.0", type: EuimHeaderDetailsComponent, isStandalone: true, selector: "euim-header-details", inputs: { hasBorderBottom: ["hasBorderBottom", "hasBorderBottom", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template:
|
|
1349
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "20.1.0", type: EuimHeaderDetailsComponent, isStandalone: true, selector: "euim-header-details", inputs: { hasBorderBottom: ["hasBorderBottom", "hasBorderBottom", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".euim-header-details{padding:var(--eui-s-m);display:block;text-align:center;background-color:var(--eui-c-neutral-surface-light);border-bottom:1px solid var(--eui-c-neutral-border-lighter)}.euim-header-details--no-border-bottom{border-bottom:none}.euim-header-details--branding{background-color:var(--eui-c-branding);border-bottom:none}.euim-header-details--branding .euim-header-details__title,.euim-header-details--branding .euim-header-details__meta{color:var(--eui-c-branding-on-surface)}.euim-header-details--branding .euim-avatar{background-color:var(--eui-c-branding-on-surface)}.euim-header-details--branding .euim-avatar .euim-avatar-icon ion-icon{color:var(--eui-c-branding)}.euim-header-details__title{font:var(--eui-f-m);color:var(--eui-c-text)}.euim-header-details__meta{color:var(--eui-c-text-lighter);font:var(--eui-f-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-s-xs)}.euim-header-details__title+.euim-header-details__meta,.euim-header-details__meta+.euim-header-details__meta{margin-top:var(--eui-s-3xs)}.euim-header-details p,.euim-header-details span{margin:0}.euim-header-details span[euimHeaderDetailsTitle],.euim-header-details span[euimHeaderDetailsMeta]{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1341
1350
|
}
|
|
1342
1351
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHeaderDetailsComponent, decorators: [{
|
|
1343
1352
|
type: Component,
|
|
1344
|
-
args: [{ selector: 'euim-header-details', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1353
|
+
args: [{ selector: 'euim-header-details', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, hostDirectives: [
|
|
1345
1354
|
{
|
|
1346
1355
|
directive: BaseStatesDirective,
|
|
1347
1356
|
inputs: [
|
|
1348
1357
|
'color',
|
|
1349
1358
|
],
|
|
1350
1359
|
},
|
|
1351
|
-
],
|
|
1360
|
+
], styles: [".euim-header-details{padding:var(--eui-s-m);display:block;text-align:center;background-color:var(--eui-c-neutral-surface-light);border-bottom:1px solid var(--eui-c-neutral-border-lighter)}.euim-header-details--no-border-bottom{border-bottom:none}.euim-header-details--branding{background-color:var(--eui-c-branding);border-bottom:none}.euim-header-details--branding .euim-header-details__title,.euim-header-details--branding .euim-header-details__meta{color:var(--eui-c-branding-on-surface)}.euim-header-details--branding .euim-avatar{background-color:var(--eui-c-branding-on-surface)}.euim-header-details--branding .euim-avatar .euim-avatar-icon ion-icon{color:var(--eui-c-branding)}.euim-header-details__title{font:var(--eui-f-m);color:var(--eui-c-text)}.euim-header-details__meta{color:var(--eui-c-text-lighter);font:var(--eui-f-s)}.euim-header-details__icon{display:inline-block;margin-bottom:var(--eui-s-xs)}.euim-header-details__title+.euim-header-details__meta,.euim-header-details__meta+.euim-header-details__meta{margin-top:var(--eui-s-3xs)}.euim-header-details p,.euim-header-details span{margin:0}.euim-header-details span[euimHeaderDetailsTitle],.euim-header-details span[euimHeaderDetailsMeta]{display:block}\n"] }]
|
|
1352
1361
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { hasBorderBottom: [{
|
|
1353
1362
|
type: Input,
|
|
1354
1363
|
args: [{ transform: booleanAttribute }]
|
|
@@ -1368,7 +1377,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
1368
1377
|
type: Directive,
|
|
1369
1378
|
args: [{
|
|
1370
1379
|
selector: '[euimHeaderDetailsMeta]',
|
|
1371
|
-
standalone: true,
|
|
1372
1380
|
}]
|
|
1373
1381
|
}], propDecorators: { className: [{
|
|
1374
1382
|
type: HostBinding,
|
|
@@ -1386,7 +1394,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
1386
1394
|
type: Directive,
|
|
1387
1395
|
args: [{
|
|
1388
1396
|
selector: '[euimHeaderDetailsTitle]',
|
|
1389
|
-
standalone: true,
|
|
1390
1397
|
}]
|
|
1391
1398
|
}], propDecorators: { className: [{
|
|
1392
1399
|
type: HostBinding,
|
|
@@ -1404,7 +1411,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
1404
1411
|
type: Directive,
|
|
1405
1412
|
args: [{
|
|
1406
1413
|
selector: '[euimHeaderDetailsIcon]',
|
|
1407
|
-
standalone: true,
|
|
1408
1414
|
}]
|
|
1409
1415
|
}], propDecorators: { className: [{
|
|
1410
1416
|
type: HostBinding,
|
|
@@ -1447,11 +1453,11 @@ class EuimBadgeComponent {
|
|
|
1447
1453
|
].join(' ').trim();
|
|
1448
1454
|
}
|
|
1449
1455
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimBadgeComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1450
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimBadgeComponent, isStandalone: true, selector: "euim-badge", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimPositionTopEnd", "euimPositionTopEnd", "euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "color", "color"] }], ngImport: i0, template:
|
|
1456
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimBadgeComponent, isStandalone: true, selector: "euim-badge", host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimPositionTopEnd", "euimPositionTopEnd", "euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL", "euimSizeXL", "euimSizeXL", "color", "color"] }], ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);height:var(--eui-is-m);min-width:var(--eui-is-m);padding:var(--eui-s-none) var(--eui-s-xs);color:var(--eui-c-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-s-bold);box-sizing:border-box;letter-spacing:normal}.euim-avatar{position:relative;overflow:visible}ion-button .euim-badge--position-top-end,ion-tab-button span .euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-l.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-l.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-m.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-m.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-xs));left:var(--eui-s-s)}ion-button .euim-badge--size-s.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-s.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-2xs));left:var(--eui-s-m)}ion-button:has(euim-badge)::part(native){overflow:visible}ion-tab-button span{position:relative}ion-tab-button span ion-icon{font-size:var(--eui-f-size-2xl)}.euim-badge--info{background:var(--eui-c-info-surface)}.euim-badge--primary{background:var(--eui-c-primary-surface)}.euim-badge--success{background:var(--eui-c-success-surface)}.euim-badge--warning{background:var(--eui-c-warning-surface);color:var(--eui-c-warning-on-surface)}.euim-badge--danger{background:var(--eui-c-danger-surface)}.euim-badge--default{background:var(--eui-c-neutral-surface);color:var(--eui-c-neutral-on-surface)}.euim-badge--size-s{min-width:var(--eui-is-xs);height:var(--eui-is-xs);padding:var(--eui-s-none) var(--eui-s-3xs);font:var(--eui-f-xs-bold)!important}.euim-badge--size-m{min-width:var(--eui-is-s);height:var(--eui-is-s);padding:var(--eui-s-none) var(--eui-s-2xs);font:var(--eui-f-s-bold)!important}.euim-badge--size-l{height:var(--eui-is-m);min-width:var(--eui-is-m);font:var(--eui-f-s-bold)!important}.euim-badge--size-xl{height:var(--eui-is-xl);min-width:var(--eui-is-xl);padding:var(--eui-s-none) var(--eui-s-xs);font:var(--eui-f-l-bold)!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1451
1457
|
}
|
|
1452
1458
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimBadgeComponent, decorators: [{
|
|
1453
1459
|
type: Component,
|
|
1454
|
-
args: [{ selector: 'euim-badge', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
1460
|
+
args: [{ selector: 'euim-badge', template: '<ng-content/>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
1455
1461
|
{
|
|
1456
1462
|
directive: BaseStatesDirective,
|
|
1457
1463
|
inputs: [
|
|
@@ -1463,7 +1469,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
1463
1469
|
'color',
|
|
1464
1470
|
],
|
|
1465
1471
|
},
|
|
1466
|
-
],
|
|
1472
|
+
], styles: [".euim-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--eui-br-max);height:var(--eui-is-m);min-width:var(--eui-is-m);padding:var(--eui-s-none) var(--eui-s-xs);color:var(--eui-c-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:var(--eui-f-s-bold);box-sizing:border-box;letter-spacing:normal}.euim-avatar{position:relative;overflow:visible}ion-button .euim-badge--position-top-end,ion-tab-button span .euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-l.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-l.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-s));left:var(--eui-s-s)}ion-button .euim-badge--size-m.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-m.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-xs));left:var(--eui-s-s)}ion-button .euim-badge--size-s.euim-badge--position-top-end,ion-tab-button span .euim-badge--size-s.euim-badge--position-top-end{position:absolute;top:calc(-1 * var(--eui-s-2xs));left:var(--eui-s-m)}ion-button:has(euim-badge)::part(native){overflow:visible}ion-tab-button span{position:relative}ion-tab-button span ion-icon{font-size:var(--eui-f-size-2xl)}.euim-badge--info{background:var(--eui-c-info-surface)}.euim-badge--primary{background:var(--eui-c-primary-surface)}.euim-badge--success{background:var(--eui-c-success-surface)}.euim-badge--warning{background:var(--eui-c-warning-surface);color:var(--eui-c-warning-on-surface)}.euim-badge--danger{background:var(--eui-c-danger-surface)}.euim-badge--default{background:var(--eui-c-neutral-surface);color:var(--eui-c-neutral-on-surface)}.euim-badge--size-s{min-width:var(--eui-is-xs);height:var(--eui-is-xs);padding:var(--eui-s-none) var(--eui-s-3xs);font:var(--eui-f-xs-bold)!important}.euim-badge--size-m{min-width:var(--eui-is-s);height:var(--eui-is-s);padding:var(--eui-s-none) var(--eui-s-2xs);font:var(--eui-f-s-bold)!important}.euim-badge--size-l{height:var(--eui-is-m);min-width:var(--eui-is-m);font:var(--eui-f-s-bold)!important}.euim-badge--size-xl{height:var(--eui-is-xl);min-width:var(--eui-is-xl);padding:var(--eui-s-none) var(--eui-s-xs);font:var(--eui-f-l-bold)!important}\n"] }]
|
|
1467
1473
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
1468
1474
|
type: HostBinding,
|
|
1469
1475
|
args: ['class']
|
|
@@ -1490,7 +1496,7 @@ const EUIM_BADGE = [
|
|
|
1490
1496
|
];
|
|
1491
1497
|
|
|
1492
1498
|
/**
|
|
1493
|
-
* @deprecated It will be removed
|
|
1499
|
+
* @deprecated It will be removed. Use {@link EuimAlertMessageComponent} instead.
|
|
1494
1500
|
*/
|
|
1495
1501
|
class EuimMessageComponent {
|
|
1496
1502
|
get icon() {
|
|
@@ -1532,7 +1538,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
1532
1538
|
'color',
|
|
1533
1539
|
],
|
|
1534
1540
|
},
|
|
1535
|
-
],
|
|
1541
|
+
], imports: [IonicModule], template: "<div class=\"euim-message__wrappericon\">\n <ion-icon [name]=\"icon\" class=\"euim-message__icon\"></ion-icon>\n</div>\n<div class=\"euim-message__wrapper\">\n <ng-content select=\"euim-message-title\"></ng-content>\n <ng-content></ng-content>\n</div>\n", styles: [".euim-message{border-width:var(--eui-bw-s);border-style:solid;display:flex;padding:var(--eui-s-m)}.euim-message__wrappericon{width:var(--eui-is-m);height:var(--eui-is-m);padding:var(--eui-s-none);margin:var(--eui-s-none)}.euim-message__icon{padding:var(--eui-s-none);margin:var(--eui-s-none);width:var(--eui-is-m);height:var(--eui-is-m)}.euim-message__wrapper{margin-left:var(--eui-s-xs)}.euim-message--danger{border-color:var(--eui-c-danger)}.euim-message--danger ion-icon{color:var(--eui-c-danger)}.euim-message--info{border-color:var(--eui-c-info)}.euim-message--info ion-icon{color:var(--eui-c-info)}.euim-message--success{border-color:var(--eui-c-success)}.euim-message--success ion-icon{color:var(--eui-c-success)}.euim-message--warning{border-color:var(--eui-c-warning)}.euim-message--warning ion-icon{color:var(--eui-c-warning)}.euim-message-title{display:flex;align-items:center;font:var(--eui-f-m-bold);padding:var(--eui-s-none);margin:var(--eui-s-none) var(--eui-s-none) var(--eui-s-xs)}\n"] }]
|
|
1536
1542
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
1537
1543
|
type: HostBinding,
|
|
1538
1544
|
args: ['class']
|
|
@@ -1543,11 +1549,16 @@ class EuimMessageTitleComponent {
|
|
|
1543
1549
|
this.className = 'euim-message-title';
|
|
1544
1550
|
}
|
|
1545
1551
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMessageTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1546
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimMessageTitleComponent, isStandalone: true, selector: "euim-message-title", host: { properties: { "className": "this.className" } }, ngImport: i0, template:
|
|
1552
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimMessageTitleComponent, isStandalone: true, selector: "euim-message-title", host: { properties: { "className": "this.className" } }, ngImport: i0, template: '<ng-content/>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1547
1553
|
}
|
|
1548
1554
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMessageTitleComponent, decorators: [{
|
|
1549
1555
|
type: Component,
|
|
1550
|
-
args: [{
|
|
1556
|
+
args: [{
|
|
1557
|
+
selector: 'euim-message-title',
|
|
1558
|
+
template: '<ng-content/>',
|
|
1559
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
1560
|
+
encapsulation: ViewEncapsulation.None,
|
|
1561
|
+
}]
|
|
1551
1562
|
}], propDecorators: { className: [{
|
|
1552
1563
|
type: HostBinding
|
|
1553
1564
|
}] } });
|
|
@@ -1591,7 +1602,7 @@ class EuimSpinnerComponent {
|
|
|
1591
1602
|
}
|
|
1592
1603
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerComponent, decorators: [{
|
|
1593
1604
|
type: Component,
|
|
1594
|
-
args: [{ selector: 'euim-spinner', encapsulation: ViewEncapsulation.None,
|
|
1605
|
+
args: [{ selector: 'euim-spinner', encapsulation: ViewEncapsulation.None, imports: [
|
|
1595
1606
|
IonicModule,
|
|
1596
1607
|
TranslateModule,
|
|
1597
1608
|
], template: "<ion-spinner class=\"euim-spinner__icon\"></ion-spinner>\n<ng-content></ng-content>\n", styles: [".euim-spinner{width:100%;margin:var(--eui-s-none);padding:var(--eui-s-none);display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center}.euim-spinner__icon{width:var(--eui-is-m);height:var(--eui-is-m);color:var(--eui-c-primary)}.euim-spinner--variant-inverted .euim-spinner-description,.euim-spinner--variant-inverted .euim-spinner-message{color:var(--eui-c-white)}.euim-spinner--variant-inverted ion-spinner{color:var(--eui-c-white)}.euim-spinner-message{font:var(--eui-f-m);display:flex;justify-content:center;color:var(--eui-c-text);margin-top:var(--eui-s-3xs)}.euim-spinner-description{font:var(--eui-f-s);display:flex;justify-content:center;color:var(--eui-c-text-lighter);margin-top:var(--eui-s-4xs)}\n"] }]
|
|
@@ -1608,11 +1619,11 @@ class EuimSpinnerMessageComponent {
|
|
|
1608
1619
|
this.className = 'euim-spinner-message';
|
|
1609
1620
|
}
|
|
1610
1621
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1611
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimSpinnerMessageComponent, isStandalone: true, selector: "[euimSpinnerMessage]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content
|
|
1622
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimSpinnerMessageComponent, isStandalone: true, selector: "[euimSpinnerMessage]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".euim-spinner-message{font:var(--eui-f-m);display:flex;justify-content:center;color:var(--eui-c-text);margin-top:var(--eui-s-3xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1612
1623
|
}
|
|
1613
1624
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerMessageComponent, decorators: [{
|
|
1614
1625
|
type: Component,
|
|
1615
|
-
args: [{ selector: '[euimSpinnerMessage]', template: '<ng-content
|
|
1626
|
+
args: [{ selector: '[euimSpinnerMessage]', template: '<ng-content/>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".euim-spinner-message{font:var(--eui-f-m);display:flex;justify-content:center;color:var(--eui-c-text);margin-top:var(--eui-s-3xs)}\n"] }]
|
|
1616
1627
|
}], propDecorators: { className: [{
|
|
1617
1628
|
type: HostBinding,
|
|
1618
1629
|
args: ['class']
|
|
@@ -1624,11 +1635,11 @@ class EuimSpinnerDescriptionComponent {
|
|
|
1624
1635
|
this.className = 'euim-spinner-description';
|
|
1625
1636
|
}
|
|
1626
1637
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1627
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimSpinnerDescriptionComponent, isStandalone: true, selector: "[euimSpinnerDescription]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content
|
|
1638
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimSpinnerDescriptionComponent, isStandalone: true, selector: "[euimSpinnerDescription]", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".euim-spinner-description{font:var(--eui-f-s);display:flex;justify-content:center;color:var(--eui-c-text-lighter);margin-top:var(--eui-s-4xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1628
1639
|
}
|
|
1629
1640
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSpinnerDescriptionComponent, decorators: [{
|
|
1630
1641
|
type: Component,
|
|
1631
|
-
args: [{ selector: '[euimSpinnerDescription]', template: '<ng-content
|
|
1642
|
+
args: [{ selector: '[euimSpinnerDescription]', template: '<ng-content/>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".euim-spinner-description{font:var(--eui-f-s);display:flex;justify-content:center;color:var(--eui-c-text-lighter);margin-top:var(--eui-s-4xs)}\n"] }]
|
|
1632
1643
|
}], propDecorators: { className: [{
|
|
1633
1644
|
type: HostBinding,
|
|
1634
1645
|
args: ['class']
|
|
@@ -1695,7 +1706,7 @@ class EuimMediaHeaderComponent {
|
|
|
1695
1706
|
].join(' ').trim();
|
|
1696
1707
|
}
|
|
1697
1708
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1698
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimMediaHeaderComponent, isStandalone: true, selector: "euim-media-header", inputs: { euimNoGradient: ["euimNoGradient", "euimNoGradient", booleanAttribute], euimTwoSidesGradient: ["euimTwoSidesGradient", "euimTwoSidesGradient", booleanAttribute], hasBlur: ["hasBlur", "hasBlur", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ng-content select=\"[euimMediaHeaderImage]\"></ng-content>\n@if (!euimNoGradient) {\n <div [ngClass]=\"euimTwoSidesGradient ? 'euim-media-header__gradient euim-media-header__gradient--two-sides' : 'euim-media-header__gradient'\">\n </div>\n}\n@if (hasBlur) {\n <div class=\"euim-media-header__blur\">\n </div>\n}\n<div class=\"euim-media-header__content\">\n <ng-content></ng-content>\n</div>\n", styles: [".euim-media-header{position:relative;display:flex;overflow-y:auto;max-height:100vh}.euim-media-header__content{position:absolute;bottom:var(--eui-s-m);color:var(--eui-c-white);padding-left:var(--eui-s-m);padding-right:var(--eui-s-m)}.euim-media-header__content .euim-media-header__title{font:var(--eui-f-l-bold);color:var(--eui-c-white)}.euim-media-header__content .euim-media-header__sub-title{color:var(--eui-c-white);font:var(--eui-f-m)}.euim-media-header__content:has(.euim-media-header__custom-content){padding:
|
|
1709
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimMediaHeaderComponent, isStandalone: true, selector: "euim-media-header", inputs: { euimNoGradient: ["euimNoGradient", "euimNoGradient", booleanAttribute], euimTwoSidesGradient: ["euimTwoSidesGradient", "euimTwoSidesGradient", booleanAttribute], hasBlur: ["hasBlur", "hasBlur", booleanAttribute] }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ng-content select=\"[euimMediaHeaderImage]\"></ng-content>\n@if (!euimNoGradient) {\n <div [ngClass]=\"euimTwoSidesGradient ? 'euim-media-header__gradient euim-media-header__gradient--two-sides' : 'euim-media-header__gradient'\">\n </div>\n}\n@if (hasBlur) {\n <div class=\"euim-media-header__blur\">\n </div>\n}\n<div class=\"euim-media-header__content\">\n <ng-content></ng-content>\n</div>\n", styles: [".euim-media-header{position:relative;display:flex;overflow-y:auto;max-height:100vh}.euim-media-header__content{position:absolute;bottom:var(--eui-s-m);color:var(--eui-c-white);padding-left:var(--eui-s-m);padding-right:var(--eui-s-m)}.euim-media-header__content .euim-media-header__title{font:var(--eui-f-l-bold);color:var(--eui-c-white)}.euim-media-header__content .euim-media-header__sub-title{color:var(--eui-c-white);font:var(--eui-f-m)}.euim-media-header__content:has(.euim-media-header__custom-content){padding:var(--eui-s-none);top:0;right:0;width:100%;height:100%;overflow:auto}.euim-media-header__content:has(.euim-align-center){top:50%;right:50%;transform:translate(50%,-50%);width:100%;bottom:auto;text-align:center}.euim-media-header__custom-content,.euim-media-header .euim-media-header__blur,.euim-media-header .euim-media-header__gradient{padding:var(--eui-s-none);top:0;right:0;left:0;overflow:auto}.euim-media-header .euim-media-header__image{height:auto}.euim-media-header__blur{position:absolute;inset:0;background-color:#0003;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.euim-media-header__gradient{width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#000);background-blend-mode:multiply;background-size:100%;position:absolute;inset:0}.euim-media-header__gradient--two-sides{background:linear-gradient(180deg,#000,#fff0 46.35%,#000 86.98%)!important}.euim-media-header__image{width:100%;height:100%;object-fit:cover}.euim-media-header__title{font:var(--eui-f-xl-bold);color:var(--eui-c-white)}.euim-media-header__sub-title{color:var(--eui-c-white);font:var(--eui-f-m)}.euim-media-header__title+.euim-media-header__sub-title{margin-top:var(--eui-s-2xs)}.euim-media-header p,.euim-media-header span{margin:var(--eui-s-none)}.euim-media-header span[euimMediaHeaderTitle],.euim-media-header span[euimMediaHeaderSubTitle]{display:block}.euim-media-header__size-s .euim-media-header__image,.euim-media-header__size-s .euim-media-header__blur,.euim-media-header__size-s .euim-media-header__gradient{height:calc(var(--eui-s-m) * 8)}.euim-media-header__size-m .euim-media-header__image,.euim-media-header__size-m .euim-media-header__blur,.euim-media-header__size-m .euim-media-header__gradient{height:calc(var(--eui-s-m) * 16)}.euim-media-header__size-l .euim-media-header__image,.euim-media-header__size-l .euim-media-header__blur,.euim-media-header__size-l .euim-media-header__gradient{height:calc(var(--eui-s-m) * 25)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
1699
1710
|
}
|
|
1700
1711
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMediaHeaderComponent, decorators: [{
|
|
1701
1712
|
type: Component,
|
|
@@ -1708,7 +1719,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
1708
1719
|
'euimSizeL',
|
|
1709
1720
|
],
|
|
1710
1721
|
},
|
|
1711
|
-
],
|
|
1722
|
+
], imports: [CommonModule], template: "<ng-content select=\"[euimMediaHeaderImage]\"></ng-content>\n@if (!euimNoGradient) {\n <div [ngClass]=\"euimTwoSidesGradient ? 'euim-media-header__gradient euim-media-header__gradient--two-sides' : 'euim-media-header__gradient'\">\n </div>\n}\n@if (hasBlur) {\n <div class=\"euim-media-header__blur\">\n </div>\n}\n<div class=\"euim-media-header__content\">\n <ng-content></ng-content>\n</div>\n", styles: [".euim-media-header{position:relative;display:flex;overflow-y:auto;max-height:100vh}.euim-media-header__content{position:absolute;bottom:var(--eui-s-m);color:var(--eui-c-white);padding-left:var(--eui-s-m);padding-right:var(--eui-s-m)}.euim-media-header__content .euim-media-header__title{font:var(--eui-f-l-bold);color:var(--eui-c-white)}.euim-media-header__content .euim-media-header__sub-title{color:var(--eui-c-white);font:var(--eui-f-m)}.euim-media-header__content:has(.euim-media-header__custom-content){padding:var(--eui-s-none);top:0;right:0;width:100%;height:100%;overflow:auto}.euim-media-header__content:has(.euim-align-center){top:50%;right:50%;transform:translate(50%,-50%);width:100%;bottom:auto;text-align:center}.euim-media-header__custom-content,.euim-media-header .euim-media-header__blur,.euim-media-header .euim-media-header__gradient{padding:var(--eui-s-none);top:0;right:0;left:0;overflow:auto}.euim-media-header .euim-media-header__image{height:auto}.euim-media-header__blur{position:absolute;inset:0;background-color:#0003;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.euim-media-header__gradient{width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#000);background-blend-mode:multiply;background-size:100%;position:absolute;inset:0}.euim-media-header__gradient--two-sides{background:linear-gradient(180deg,#000,#fff0 46.35%,#000 86.98%)!important}.euim-media-header__image{width:100%;height:100%;object-fit:cover}.euim-media-header__title{font:var(--eui-f-xl-bold);color:var(--eui-c-white)}.euim-media-header__sub-title{color:var(--eui-c-white);font:var(--eui-f-m)}.euim-media-header__title+.euim-media-header__sub-title{margin-top:var(--eui-s-2xs)}.euim-media-header p,.euim-media-header span{margin:var(--eui-s-none)}.euim-media-header span[euimMediaHeaderTitle],.euim-media-header span[euimMediaHeaderSubTitle]{display:block}.euim-media-header__size-s .euim-media-header__image,.euim-media-header__size-s .euim-media-header__blur,.euim-media-header__size-s .euim-media-header__gradient{height:calc(var(--eui-s-m) * 8)}.euim-media-header__size-m .euim-media-header__image,.euim-media-header__size-m .euim-media-header__blur,.euim-media-header__size-m .euim-media-header__gradient{height:calc(var(--eui-s-m) * 16)}.euim-media-header__size-l .euim-media-header__image,.euim-media-header__size-l .euim-media-header__blur,.euim-media-header__size-l .euim-media-header__gradient{height:calc(var(--eui-s-m) * 25)}\n"] }]
|
|
1712
1723
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimNoGradient: [{
|
|
1713
1724
|
type: Input,
|
|
1714
1725
|
args: [{ transform: booleanAttribute }]
|
|
@@ -1734,7 +1745,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
1734
1745
|
type: Directive,
|
|
1735
1746
|
args: [{
|
|
1736
1747
|
selector: '[euimMediaHeaderSubTitle]',
|
|
1737
|
-
standalone: true,
|
|
1738
1748
|
}]
|
|
1739
1749
|
}], propDecorators: { className: [{
|
|
1740
1750
|
type: HostBinding,
|
|
@@ -1752,7 +1762,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
1752
1762
|
type: Directive,
|
|
1753
1763
|
args: [{
|
|
1754
1764
|
selector: '[euimMediaHeaderTitle]',
|
|
1755
|
-
standalone: true,
|
|
1756
1765
|
}]
|
|
1757
1766
|
}], propDecorators: { className: [{
|
|
1758
1767
|
type: HostBinding,
|
|
@@ -1770,7 +1779,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
1770
1779
|
type: Directive,
|
|
1771
1780
|
args: [{
|
|
1772
1781
|
selector: '[euimMediaHeaderImage]',
|
|
1773
|
-
standalone: true,
|
|
1774
1782
|
}]
|
|
1775
1783
|
}], propDecorators: { className: [{
|
|
1776
1784
|
type: HostBinding,
|
|
@@ -1788,7 +1796,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
1788
1796
|
type: Directive,
|
|
1789
1797
|
args: [{
|
|
1790
1798
|
selector: '[euimMediaHeaderCustomContent]',
|
|
1791
|
-
standalone: true,
|
|
1792
1799
|
}]
|
|
1793
1800
|
}], propDecorators: { className: [{
|
|
1794
1801
|
type: HostBinding,
|
|
@@ -1866,7 +1873,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
1866
1873
|
],
|
|
1867
1874
|
},
|
|
1868
1875
|
],
|
|
1869
|
-
standalone: true,
|
|
1870
1876
|
}]
|
|
1871
1877
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
1872
1878
|
type: HostBinding,
|
|
@@ -1892,7 +1898,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
1892
1898
|
type: Directive,
|
|
1893
1899
|
args: [{
|
|
1894
1900
|
selector: '[euimDataSummaryColValue]',
|
|
1895
|
-
standalone: true,
|
|
1896
1901
|
}]
|
|
1897
1902
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
1898
1903
|
type: HostBinding,
|
|
@@ -1936,7 +1941,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
1936
1941
|
'color',
|
|
1937
1942
|
],
|
|
1938
1943
|
},
|
|
1939
|
-
],
|
|
1944
|
+
], template: "<ng-content></ng-content>\n", styles: [".euim-data-summary{display:flex;padding:var(--eui-s-s);border-bottom:1px solid var(--eui-c-neutral-lightest);border-top:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding{background-color:var(--eui-c-branding);border-bottom:0;border-top:0}.euim-data-summary{display:flex}.euim-data-summary__col{text-align:center;flex:1}.euim-data-summary__col:has([slot=start]),.euim-data-summary__col:has([slot=end]){display:flex;align-items:center;justify-content:center}.euim-data-summary__col [slot=start],.euim-data-summary__col [slot=end]{margin-left:var(--eui-s-m);margin-right:var(--eui-s-m);flex-shrink:0}.euim-data-summary__col>div{display:grid}.euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-neutral-lightest)}.euim-data-summary--branding .euim-data-summary__col+.euim-data-summary__col{border-left:1px solid var(--eui-c-branding-contrast)}.euim-data-summary__col-label{color:var(--eui-c-neutral);font:var(--eui-f-m-bold-compact);margin:0 0 var(--eui-s-2xs) 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.euim-data-summary__col-label--branding{color:var(--eui-c-branding-contrast)}p:not(.euim-data-summary__col-label),span:not(.euim-data-summary__col-label){margin:0}.euim-data-summary span[euimDataSummaryColLabel]{display:block}.euim-data-summary__col-value{color:var(--eui-c-neutral-light);font:var(--eui-f-s-compact);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.euim-data-summary__col-value ion-icon{min-height:var(--eui-is-s);min-width:var(--eui-is-s);vertical-align:bottom;margin-right:var(--eui-s-2xs)}.euim-data-summary__col-value--branding{color:var(--eui-c-branding-contrast)}.euim-data-summary span[euimDataSummaryColValue]{display:block}\n"] }]
|
|
1940
1945
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { euimDataSummaryColLabelComponent: [{
|
|
1941
1946
|
type: ContentChildren,
|
|
1942
1947
|
args: [EuimDataSummaryColLabelDirective, { descendants: true }]
|
|
@@ -1959,7 +1964,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
1959
1964
|
type: Component,
|
|
1960
1965
|
args: [{
|
|
1961
1966
|
selector: 'euim-data-summary-col',
|
|
1962
|
-
standalone: true,
|
|
1963
1967
|
template: '<ng-content></ng-content>',
|
|
1964
1968
|
}]
|
|
1965
1969
|
}], propDecorators: { className: [{
|
|
@@ -2009,7 +2013,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
2009
2013
|
type: Directive,
|
|
2010
2014
|
args: [{
|
|
2011
2015
|
selector: '[euimCardImage]',
|
|
2012
|
-
standalone: true,
|
|
2013
2016
|
}]
|
|
2014
2017
|
}], propDecorators: { euimCardImageHeight: [{
|
|
2015
2018
|
type: HostBinding,
|
|
@@ -2044,7 +2047,7 @@ class EuimCardComponent {
|
|
|
2044
2047
|
}
|
|
2045
2048
|
}
|
|
2046
2049
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2047
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimCardComponent, isStandalone: true, selector: "euim-card", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "cardImageDirective", first: true, predicate: EuimCardImageDirective, descendants: true }], hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ion-card [style.width]=\"imageWidth ? imageWidth : ''\">\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative}.euim-card ion-card{margin:
|
|
2050
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimCardComponent, isStandalone: true, selector: "euim-card", host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "cardImageDirective", first: true, predicate: EuimCardImageDirective, descendants: true }], hostDirectives: [{ directive: BaseStatesDirective, inputs: ["euimSizeM", "euimSizeM", "euimSizeS", "euimSizeS", "euimSizeL", "euimSizeL"] }], ngImport: i0, template: "<ion-card [style.width]=\"imageWidth ? imageWidth : ''\">\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative}.euim-card ion-card{margin:var(--eui-s-none);width:100%}.euim-card__header-image{width:100%}.euim-card__image{height:100%;width:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:var(--eui-s-none)}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:var(--eui-s-none)}.euim-card--size-s .euim-card__image{height:calc(var(--eui-s-m) * 6.25)}.euim-card--size-s .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-s .euim-card__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-s .euim-card__content ion-item{--inner-padding-end: var(--eui-s-none);--padding-start: var(--eui-s-none);padding:var(--eui-s-none) var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 1px)}.euim-card--size-s .euim-card__content ion-item::part(native){padding:var(--eui-s-none)}.euim-card--size-s .euim-card__content ion-item:has([slot=end]){padding:var(--eui-s-none) var(--eui-s-none) var(--eui-s-none) var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 17px)}.euim-card--size-m .euim-card__image{height:calc(var(--eui-s-m) * 8)}.euim-card--size-m .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-m .euim-card__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-m .euim-card__content ion-item{--inner-padding-end: var(--eui-s-none);--padding-start: var(--eui-s-none);padding:var(--eui-s-none) var(--eui-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 1px)}.euim-card--size-m .euim-card__content ion-item::part(native){padding:var(--eui-s-none)}.euim-card--size-m .euim-card__content ion-item:has([slot=end]){padding:0 0 0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 17px);width:211px}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2048
2051
|
}
|
|
2049
2052
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardComponent, decorators: [{
|
|
2050
2053
|
type: Component,
|
|
@@ -2057,7 +2060,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
2057
2060
|
'euimSizeL',
|
|
2058
2061
|
],
|
|
2059
2062
|
},
|
|
2060
|
-
],
|
|
2063
|
+
], imports: [IonicModule], template: "<ion-card [style.width]=\"imageWidth ? imageWidth : ''\">\n <ng-content select=\"[euimCardImage]\"></ng-content>\n <div class=\"euim-card__content\">\n <ng-content></ng-content>\n </div>\n</ion-card>\n", styles: [".euim-card{position:relative}.euim-card ion-card{margin:var(--eui-s-none);width:100%}.euim-card__header-image{width:100%}.euim-card__image{height:100%;width:100%;object-fit:cover}.euim-card__content ion-item>ion-button[slot=end]{margin:var(--eui-s-none)}.euim-card__content ion-item>ion-button[slot=end]::part(native){padding:var(--eui-s-none)}.euim-card--size-s .euim-card__image{height:calc(var(--eui-s-m) * 6.25)}.euim-card--size-s .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-s .euim-card__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-s .euim-card__content ion-item{--inner-padding-end: var(--eui-s-none);--padding-start: var(--eui-s-none);padding:var(--eui-s-none) var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 1px)}.euim-card--size-s .euim-card__content ion-item::part(native){padding:var(--eui-s-none)}.euim-card--size-s .euim-card__content ion-item:has([slot=end]){padding:var(--eui-s-none) var(--eui-s-none) var(--eui-s-none) var(--eui-s-m);min-width:calc(var(--eui-s-m) * 6.875 + 17px)}.euim-card--size-m .euim-card__image{height:calc(var(--eui-s-m) * 8)}.euim-card--size-m .euim-card__image[style*=--euimImageHeight]{height:var(--euimImageHeight)}.euim-card--size-m .euim-card__image[style*=--euimImageWidth]{width:var(--euimImageWidth)}.euim-card--size-m .euim-card__content ion-item{--inner-padding-end: var(--eui-s-none);--padding-start: var(--eui-s-none);padding:var(--eui-s-none) var(--eui-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 1px)}.euim-card--size-m .euim-card__content ion-item::part(native){padding:var(--eui-s-none)}.euim-card--size-m .euim-card__content ion-item:has([slot=end]){padding:0 0 0 var(--eui-s-m);min-width:calc(var(--eui-s-m) * 9.625 + 17px);width:211px}\n"] }]
|
|
2061
2064
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cardImageDirective: [{
|
|
2062
2065
|
type: ContentChild,
|
|
2063
2066
|
args: [EuimCardImageDirective]
|
|
@@ -2101,11 +2104,11 @@ class EuimCardListComponent {
|
|
|
2101
2104
|
].join(' ').trim();
|
|
2102
2105
|
}
|
|
2103
2106
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2104
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimCardListComponent, isStandalone: true, selector: "euim-card-list", inputs: { direction: "direction" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template:
|
|
2107
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimCardListComponent, isStandalone: true, selector: "euim-card-list", inputs: { direction: "direction" }, host: { properties: { "class": "this.cssClasses" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".euim-card-list{padding:var(--eui-s-xs) var(--eui-s-none) var(--eui-s-xs) var(--eui-s-m);overflow-x:auto;display:flex;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-card-list::-webkit-scrollbar{height:0}.euim-card-list .euim-card{padding-right:var(--eui-s-m)}.euim-card-list--direction-column{flex-direction:column;padding:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card{padding-right:var(--eui-s-none);margin-bottom:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card:first-child{padding-left:var(--eui-s-none)}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}.euim-card-list .euim-card{margin-bottom:var(--eui-s-m)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2105
2108
|
}
|
|
2106
2109
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimCardListComponent, decorators: [{
|
|
2107
2110
|
type: Component,
|
|
2108
|
-
args: [{ selector: 'euim-card-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
2111
|
+
args: [{ selector: 'euim-card-list', template: '<ng-content/>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".euim-card-list{padding:var(--eui-s-xs) var(--eui-s-none) var(--eui-s-xs) var(--eui-s-m);overflow-x:auto;display:flex;scrollbar-color:transparent transparent;scrollbar-width:none}.euim-card-list::-webkit-scrollbar{height:0}.euim-card-list .euim-card{padding-right:var(--eui-s-m)}.euim-card-list--direction-column{flex-direction:column;padding:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card{padding-right:var(--eui-s-none);margin-bottom:var(--eui-s-xs)}.euim-card-list--direction-column .euim-card:first-child{padding-left:var(--eui-s-none)}@media only screen and (min-width: 768px){.euim-card-list{flex-wrap:wrap}.euim-card-list .euim-card{margin-bottom:var(--eui-s-m)}}\n"] }]
|
|
2109
2112
|
}], propDecorators: { direction: [{
|
|
2110
2113
|
type: Input
|
|
2111
2114
|
}], cssClasses: [{
|
|
@@ -2199,7 +2202,7 @@ class EuimAlertMessageComponent {
|
|
|
2199
2202
|
}
|
|
2200
2203
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAlertMessageComponent, decorators: [{
|
|
2201
2204
|
type: Component,
|
|
2202
|
-
args: [{ selector: 'euim-alert-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
2205
|
+
args: [{ selector: 'euim-alert-message', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IonicModule, EuimLabelModule], hostDirectives: [
|
|
2203
2206
|
{
|
|
2204
2207
|
directive: BaseStatesDirective,
|
|
2205
2208
|
inputs: [
|
|
@@ -2243,6 +2246,30 @@ const EUIM_ALERT_MESSAGE = [
|
|
|
2243
2246
|
EuimAlertMessageComponent,
|
|
2244
2247
|
];
|
|
2245
2248
|
|
|
2249
|
+
class EuimSlideInfoScreenComponent {
|
|
2250
|
+
constructor() {
|
|
2251
|
+
this.className = 'euim-slider-info-screen__slide';
|
|
2252
|
+
}
|
|
2253
|
+
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSlideInfoScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2254
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimSlideInfoScreenComponent, isStandalone: true, selector: "euim-slide-info-screen", host: { properties: { "class": "this.className" } }, ngImport: i0, template: `
|
|
2255
|
+
<div #slide>
|
|
2256
|
+
<ng-content></ng-content>
|
|
2257
|
+
</div>`, isInline: true }); }
|
|
2258
|
+
}
|
|
2259
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSlideInfoScreenComponent, decorators: [{
|
|
2260
|
+
type: Component,
|
|
2261
|
+
args: [{
|
|
2262
|
+
selector: 'euim-slide-info-screen',
|
|
2263
|
+
template: `
|
|
2264
|
+
<div #slide>
|
|
2265
|
+
<ng-content></ng-content>
|
|
2266
|
+
</div>`,
|
|
2267
|
+
}]
|
|
2268
|
+
}], propDecorators: { className: [{
|
|
2269
|
+
type: HostBinding,
|
|
2270
|
+
args: ['class']
|
|
2271
|
+
}] } });
|
|
2272
|
+
|
|
2246
2273
|
class EuimSliderInfoScreenComponent {
|
|
2247
2274
|
constructor(renderer, gestureCtrl, sliderElement, cdr) {
|
|
2248
2275
|
this.renderer = renderer;
|
|
@@ -2272,6 +2299,16 @@ class EuimSliderInfoScreenComponent {
|
|
|
2272
2299
|
this.slidesArray = [];
|
|
2273
2300
|
this.currentSlide = 0;
|
|
2274
2301
|
this.startX = 0;
|
|
2302
|
+
this.isDataLoaded = signal(false, ...(ngDevMode ? [{ debugName: "isDataLoaded" }] : []));
|
|
2303
|
+
this.hasNoContent = signal(false, ...(ngDevMode ? [{ debugName: "hasNoContent" }] : []));
|
|
2304
|
+
this.destroy$ = new Subject();
|
|
2305
|
+
this.isImageWithNoContent = () => {
|
|
2306
|
+
const isImageWithNoContent = this.slidesArray.length > 0 &&
|
|
2307
|
+
!document.querySelector('.euim-slider-info-screen__title') &&
|
|
2308
|
+
!document.querySelector('.euim-slider-info-screen__sub-title') &&
|
|
2309
|
+
!document.querySelector('.euim-slider-info-screen__content');
|
|
2310
|
+
this.hasNoContent.set(isImageWithNoContent);
|
|
2311
|
+
};
|
|
2275
2312
|
}
|
|
2276
2313
|
onResize(event) {
|
|
2277
2314
|
this.setSliderStyles();
|
|
@@ -2280,7 +2317,23 @@ class EuimSliderInfoScreenComponent {
|
|
|
2280
2317
|
return this.getCssClasses();
|
|
2281
2318
|
}
|
|
2282
2319
|
ngAfterViewInit() {
|
|
2283
|
-
this.
|
|
2320
|
+
if (this.slideChild.length > 0) {
|
|
2321
|
+
this.isDataLoaded.set(true);
|
|
2322
|
+
this.setSliderStyles();
|
|
2323
|
+
this.isImageWithNoContent();
|
|
2324
|
+
}
|
|
2325
|
+
this.slideChild.changes.pipe(takeUntil(this.destroy$)).subscribe(() => {
|
|
2326
|
+
if (this.slideChild.length > 0) {
|
|
2327
|
+
this.isDataLoaded.set(true);
|
|
2328
|
+
this.setSliderStyles();
|
|
2329
|
+
this.isImageWithNoContent();
|
|
2330
|
+
}
|
|
2331
|
+
});
|
|
2332
|
+
this.cdr.detectChanges();
|
|
2333
|
+
}
|
|
2334
|
+
ngOnDestroy() {
|
|
2335
|
+
this.destroy$.next(true);
|
|
2336
|
+
this.destroy$.unsubscribe();
|
|
2284
2337
|
}
|
|
2285
2338
|
ngOnInit() {
|
|
2286
2339
|
const gesture = this.gestureCtrl.create({
|
|
@@ -2300,8 +2353,8 @@ class EuimSliderInfoScreenComponent {
|
|
|
2300
2353
|
const windowHeight = window.innerHeight;
|
|
2301
2354
|
const paginationHeight = 60;
|
|
2302
2355
|
const slideHeight = windowHeight - paginationHeight;
|
|
2303
|
-
this.slidesArray = this.slides
|
|
2304
|
-
this.renderer.setStyle(this.slides
|
|
2356
|
+
this.slidesArray = this.slides?.nativeElement.children;
|
|
2357
|
+
this.renderer.setStyle(this.slides?.nativeElement, 'width', `${this.slidesArray.length * 100}%`);
|
|
2305
2358
|
for (const slide of this.slidesArray) {
|
|
2306
2359
|
this.renderer.setStyle(slide, 'width', `${100 / this.slidesArray.length}%`);
|
|
2307
2360
|
if (!this.isImageOnly()) {
|
|
@@ -2381,10 +2434,7 @@ class EuimSliderInfoScreenComponent {
|
|
|
2381
2434
|
this.leftActionClicked.emit(event);
|
|
2382
2435
|
}
|
|
2383
2436
|
isImageOnly() {
|
|
2384
|
-
return
|
|
2385
|
-
!document.querySelector('.euim-slider-info-screen__title') &&
|
|
2386
|
-
!document.querySelector('.euim-slider-info-screen__sub-title') &&
|
|
2387
|
-
!document.querySelector('.euim-slider-info-screen__content'));
|
|
2437
|
+
return this.hasNoContent();
|
|
2388
2438
|
}
|
|
2389
2439
|
getCssClasses() {
|
|
2390
2440
|
const paginationClass = !this.paginationColor
|
|
@@ -2397,15 +2447,15 @@ class EuimSliderInfoScreenComponent {
|
|
|
2397
2447
|
].join(' ').trim();
|
|
2398
2448
|
}
|
|
2399
2449
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenComponent, deps: [{ token: i0.Renderer2 }, { token: i1.GestureController }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2400
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimSliderInfoScreenComponent, isStandalone: true, selector: "euim-slider-info-screen", inputs: { isCarousel: ["isCarousel", "isCarousel", booleanAttribute], showLeftBtn: ["showLeftBtn", "showLeftBtn", booleanAttribute], showRightBtn: ["showRightBtn", "showRightBtn", booleanAttribute], isPreviousBtn: ["isPreviousBtn", "isPreviousBtn", booleanAttribute], isNextBtn: ["isNextBtn", "isNextBtn", booleanAttribute], paginationColor: "paginationColor", actionBtnNames: "actionBtnNames", actionBtnIconsNames: "actionBtnIconsNames" }, outputs: { rightActionClicked: "rightActionClicked", lastStepActionClicked: "lastStepActionClicked", leftActionClicked: "leftActionClicked" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.cssClasses" } }, viewQueries: [{ propertyName: "slides", first: true, predicate: ["slides"], descendants: true, static: true }], ngImport: i0, template: "<div #sliderElement class=\"euim-slider-info-screen__slider-container\" >\n <div #slides class=\"euim-slider-info-screen__slides\">\n <ng-content></ng-content>\n </div>\n\n @if (!isImageOnly()) {\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn || showRightBtn || isCarousel || isLastItemReached){\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn) {\n <ion-button (click)=\"onLeftBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">\n @if (actionBtnIconsNames.leftBtnIconName !== '') {\n <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n }\n {{actionBtnNames.leftBtnName}}\n </ion-button>\n }\n @if (showLeftBtnAsPrevious) {\n <ion-button (click)=\"onLeftBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">\n @if (actionBtnIconsNames.leftBtnIconName !== '') {\n <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n }\n {{actionBtnNames.leftBtnName || 'euim.slider-info-screen.LEFT-BTN-NAME' | translate}}</ion-button>\n }\n @if (isCarousel){\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\" class=\"euim-slider-info-screen__span\"></span>\n </div>\n }\n @if (!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn) {\n <ion-button (click)=\"onRightBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">\n {{actionBtnNames.rightBtnName || 'euim.slider-info-screen.RIGHT-BTN-NAME' | translate}}\n\n @if (actionBtnIconsNames.rightBtnIconName !== '') {\n <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.rightBtnIconName\"></ion-icon>\n }\n </ion-button>\n }\n\n @if (isLastItemReached) {\n <ion-button (click)=\"onLastStepAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">\n {{actionBtnNames.lastStepActionBtnName || 'euim.slider-info-screen.LAST-STEP-ACTION-BTN-NAME' | translate}}\n\n @if (actionBtnIconsNames.lastStepActionBtnIconName !== '') {\n <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.lastStepActionBtnIconName\"></ion-icon>\n }\n </ion-button>\n }\n </div>\n }\n </div>\n }\n\n @if (isImageOnly()) {\n <div class=\"euim-slider-info-screen__pagination-container--over-image\">\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\"\n class=\"euim-slider-info-screen__span\" ></span>\n </div>\n </div>\n }\n\n</div>\n", styles: [".euim-slider-info-screen__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider-info-screen__slides{display:flex;transition:all .5s ease;height:100%;width:100%}.euim-slider-info-screen__slide{width:100%;height:100%}.euim-slider-info-screen__pagination-container--over-image{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:1}.euim-slider-info-screen__pagination-container{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:60px;z-index:99}.euim-slider-info-screen__pagination{display:flex}.euim-slider-info-screen__span{width:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);height:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);border-radius:50%;cursor:pointer;border:var(--eui-bw-xs) solid var(--eui-c-primary)}.euim-slider-info-screen__span:not(:last-child){margin-right:var(--eui-s-xs)}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-primary)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span.active{background-color:var(--eui-c-primary)!important}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-white)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span.active{background-color:var(--eui-c-white)!important}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-success-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span.active{background-color:var(--eui-c-success-dark)!important}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-warning)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span.active{background-color:var(--eui-c-warning)!important}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-info)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span.active{background-color:var(--eui-c-info)!important}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-neutral)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span.active{background-color:var(--eui-c-neutral)!important}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-danger-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span.active{background-color:var(--eui-c-danger-dark)!important}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-c-primary);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider-info-screen__action-button::part(native){padding:var(--eui-s-none) var(--eui-s-m)}.euim-slider-info-screen__action-button--right{right:0;margin:var(--eui-s-none) var(--eui-s-xs) var(--eui-s-none) var(--eui-s-m)}.euim-slider-info-screen__action-button--left{margin:var(--eui-s-none) var(--eui-s-m) var(--eui-s-none) var(--eui-s-xs);left:0}.euim-slider-info-screen__action-button ion-icon{color:var(--eui-c-primary)}.euim-slider-info-screen__title{font:var(--eui-f-2xl-bold);color:var(--eui-c-text);margin-top:var(--eui-s-l);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l)}.euim-slider-info-screen__sub-title{color:var(--eui-c-text-lighter);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m)}.euim-slider-info-screen__content{color:var(--eui-c-text);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m);display:flex;flex-direction:column}.euim-slider-info-screen__content--centered{text-align:center}.euim-slider-info-screen__sub-title+.euim-slider-info-screen__content,title+.euim-slider-info-screen__content{margin-top:var(--eui-s-m)}.euim-slider-info-screen.image-only .euim-slider-info-screen__slider-container{height:auto}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2450
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimSliderInfoScreenComponent, isStandalone: true, selector: "euim-slider-info-screen", inputs: { isCarousel: ["isCarousel", "isCarousel", booleanAttribute], showLeftBtn: ["showLeftBtn", "showLeftBtn", booleanAttribute], showRightBtn: ["showRightBtn", "showRightBtn", booleanAttribute], isPreviousBtn: ["isPreviousBtn", "isPreviousBtn", booleanAttribute], isNextBtn: ["isNextBtn", "isNextBtn", booleanAttribute], paginationColor: "paginationColor", actionBtnNames: "actionBtnNames", actionBtnIconsNames: "actionBtnIconsNames" }, outputs: { rightActionClicked: "rightActionClicked", lastStepActionClicked: "lastStepActionClicked", leftActionClicked: "leftActionClicked" }, host: { listeners: { "window:resize": "onResize($event)" }, properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "slideChild", predicate: EuimSlideInfoScreenComponent, descendants: true }], viewQueries: [{ propertyName: "slides", first: true, predicate: ["slides"], descendants: true, static: true }], ngImport: i0, template: "<div [hidden]=\"!isDataLoaded()\" #sliderElement class=\"euim-slider-info-screen__slider-container\" >\n <div #slides class=\"euim-slider-info-screen__slides\">\n <ng-content></ng-content>\n </div>\n\n @if (!isImageOnly()) {\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn || showRightBtn || isCarousel || isLastItemReached){\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn) {\n <ion-button (click)=\"onLeftBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">\n @if (actionBtnIconsNames.leftBtnIconName !== '') {\n <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n }\n {{actionBtnNames.leftBtnName}}\n </ion-button>\n }\n @if (showLeftBtnAsPrevious) {\n <ion-button (click)=\"onLeftBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">\n @if (actionBtnIconsNames.leftBtnIconName !== '') {\n <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n }\n {{actionBtnNames.leftBtnName || 'euim.slider-info-screen.LEFT-BTN-NAME' | translate}}</ion-button>\n }\n @if (isCarousel){\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\" class=\"euim-slider-info-screen__span\"></span>\n </div>\n }\n @if (!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn) {\n <ion-button (click)=\"onRightBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">\n {{actionBtnNames.rightBtnName || 'euim.slider-info-screen.RIGHT-BTN-NAME' | translate}}\n\n @if (actionBtnIconsNames.rightBtnIconName !== '') {\n <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.rightBtnIconName\"></ion-icon>\n }\n </ion-button>\n }\n\n @if (isLastItemReached) {\n <ion-button (click)=\"onLastStepAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">\n {{actionBtnNames.lastStepActionBtnName || 'euim.slider-info-screen.LAST-STEP-ACTION-BTN-NAME' | translate}}\n\n @if (actionBtnIconsNames.lastStepActionBtnIconName !== '') {\n <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.lastStepActionBtnIconName\"></ion-icon>\n }\n </ion-button>\n }\n </div>\n }\n </div>\n }\n\n @if (isImageOnly()) {\n <div class=\"euim-slider-info-screen__pagination-container--over-image\">\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\"\n class=\"euim-slider-info-screen__span\" ></span>\n </div>\n </div>\n }\n</div>\n\n", styles: [".euim-slider-info-screen__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider-info-screen__slides{display:flex;transition:all .5s ease;height:100%;width:100%}.euim-slider-info-screen__slide{width:100%;height:100%}.euim-slider-info-screen__pagination-container--over-image{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:1}.euim-slider-info-screen__pagination-container{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:60px;z-index:99}.euim-slider-info-screen__pagination{display:flex}.euim-slider-info-screen__span{width:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);height:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);border-radius:50%;cursor:pointer;border:var(--eui-bw-xs) solid var(--eui-c-primary)}.euim-slider-info-screen__span:not(:last-child){margin-right:var(--eui-s-xs)}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-primary)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span.active{background-color:var(--eui-c-primary)!important}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-white)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span.active{background-color:var(--eui-c-white)!important}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-success-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span.active{background-color:var(--eui-c-success-dark)!important}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-warning)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span.active{background-color:var(--eui-c-warning)!important}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-info)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span.active{background-color:var(--eui-c-info)!important}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-neutral)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span.active{background-color:var(--eui-c-neutral)!important}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-danger-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span.active{background-color:var(--eui-c-danger-dark)!important}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-c-primary);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider-info-screen__action-button::part(native){padding:var(--eui-s-none) var(--eui-s-m)}.euim-slider-info-screen__action-button--right{right:0;margin:var(--eui-s-none) var(--eui-s-xs) var(--eui-s-none) var(--eui-s-m)}.euim-slider-info-screen__action-button--left{margin:var(--eui-s-none) var(--eui-s-m) var(--eui-s-none) var(--eui-s-xs);left:0}.euim-slider-info-screen__action-button ion-icon{color:var(--eui-c-primary)}.euim-slider-info-screen__title{font:var(--eui-f-2xl-bold);color:var(--eui-c-text);margin-top:var(--eui-s-l);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l)}.euim-slider-info-screen__sub-title{color:var(--eui-c-text-lighter);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m)}.euim-slider-info-screen__content{color:var(--eui-c-text);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m);display:flex;flex-direction:column}.euim-slider-info-screen__content--centered{text-align:center}.euim-slider-info-screen__sub-title+.euim-slider-info-screen__content,title+.euim-slider-info-screen__content{margin-top:var(--eui-s-m)}.euim-slider-info-screen.image-only .euim-slider-info-screen__slider-container{height:auto}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
2401
2451
|
}
|
|
2402
2452
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSliderInfoScreenComponent, decorators: [{
|
|
2403
2453
|
type: Component,
|
|
2404
|
-
args: [{ selector: 'euim-slider-info-screen', encapsulation: ViewEncapsulation.None,
|
|
2454
|
+
args: [{ selector: 'euim-slider-info-screen', encapsulation: ViewEncapsulation.None, imports: [
|
|
2405
2455
|
IonicModule,
|
|
2406
2456
|
CommonModule,
|
|
2407
2457
|
TranslateModule,
|
|
2408
|
-
], template: "<div #sliderElement class=\"euim-slider-info-screen__slider-container\" >\n <div #slides class=\"euim-slider-info-screen__slides\">\n <ng-content></ng-content>\n </div>\n\n @if (!isImageOnly()) {\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn || showRightBtn || isCarousel || isLastItemReached){\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn) {\n <ion-button (click)=\"onLeftBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">\n @if (actionBtnIconsNames.leftBtnIconName !== '') {\n <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n }\n {{actionBtnNames.leftBtnName}}\n </ion-button>\n }\n @if (showLeftBtnAsPrevious) {\n <ion-button (click)=\"onLeftBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">\n @if (actionBtnIconsNames.leftBtnIconName !== '') {\n <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n }\n {{actionBtnNames.leftBtnName || 'euim.slider-info-screen.LEFT-BTN-NAME' | translate}}</ion-button>\n }\n @if (isCarousel){\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\" class=\"euim-slider-info-screen__span\"></span>\n </div>\n }\n @if (!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn) {\n <ion-button (click)=\"onRightBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">\n {{actionBtnNames.rightBtnName || 'euim.slider-info-screen.RIGHT-BTN-NAME' | translate}}\n\n @if (actionBtnIconsNames.rightBtnIconName !== '') {\n <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.rightBtnIconName\"></ion-icon>\n }\n </ion-button>\n }\n\n @if (isLastItemReached) {\n <ion-button (click)=\"onLastStepAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">\n {{actionBtnNames.lastStepActionBtnName || 'euim.slider-info-screen.LAST-STEP-ACTION-BTN-NAME' | translate}}\n\n @if (actionBtnIconsNames.lastStepActionBtnIconName !== '') {\n <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.lastStepActionBtnIconName\"></ion-icon>\n }\n </ion-button>\n }\n </div>\n }\n </div>\n }\n\n @if (isImageOnly()) {\n <div class=\"euim-slider-info-screen__pagination-container--over-image\">\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\"\n class=\"euim-slider-info-screen__span\" ></span>\n </div>\n </div>\n }\n
|
|
2458
|
+
], template: "<div [hidden]=\"!isDataLoaded()\" #sliderElement class=\"euim-slider-info-screen__slider-container\" >\n <div #slides class=\"euim-slider-info-screen__slides\">\n <ng-content></ng-content>\n </div>\n\n @if (!isImageOnly()) {\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn || showRightBtn || isCarousel || isLastItemReached){\n <div class=\"euim-slider-info-screen__pagination-container\">\n @if (showLeftBtn && !showLeftBtnAsPrevious && !isPreviousBtn) {\n <ion-button (click)=\"onLeftBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">\n @if (actionBtnIconsNames.leftBtnIconName !== '') {\n <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n }\n {{actionBtnNames.leftBtnName}}\n </ion-button>\n }\n @if (showLeftBtnAsPrevious) {\n <ion-button (click)=\"onLeftBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--left\"\n fill=\"clear\">\n @if (actionBtnIconsNames.leftBtnIconName !== '') {\n <ion-icon slot=\"start\" [name]=\"actionBtnIconsNames.leftBtnIconName\"></ion-icon>\n }\n {{actionBtnNames.leftBtnName || 'euim.slider-info-screen.LEFT-BTN-NAME' | translate}}</ion-button>\n }\n @if (isCarousel){\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\" class=\"euim-slider-info-screen__span\"></span>\n </div>\n }\n @if (!isLastItemReached && !isNextBtn || isNextBtn && showRightBtn) {\n <ion-button (click)=\"onRightBtnAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">\n {{actionBtnNames.rightBtnName || 'euim.slider-info-screen.RIGHT-BTN-NAME' | translate}}\n\n @if (actionBtnIconsNames.rightBtnIconName !== '') {\n <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.rightBtnIconName\"></ion-icon>\n }\n </ion-button>\n }\n\n @if (isLastItemReached) {\n <ion-button (click)=\"onLastStepAction($event)\"\n class=\"euim-slider-info-screen__action-button euim-slider-info-screen__action-button--right\"\n fill=\"clear\">\n {{actionBtnNames.lastStepActionBtnName || 'euim.slider-info-screen.LAST-STEP-ACTION-BTN-NAME' | translate}}\n\n @if (actionBtnIconsNames.lastStepActionBtnIconName !== '') {\n <ion-icon slot=\"end\" [name]=\"actionBtnIconsNames.lastStepActionBtnIconName\"></ion-icon>\n }\n </ion-button>\n }\n </div>\n }\n </div>\n }\n\n @if (isImageOnly()) {\n <div class=\"euim-slider-info-screen__pagination-container--over-image\">\n <div class=\"euim-slider-info-screen__pagination\">\n <span (click)=\"goToSlide(i)\" *ngFor=\"let slide of slidesArray; let i = index\"\n [ngClass]=\"{ 'active': currentSlide === i }\"\n class=\"euim-slider-info-screen__span\" ></span>\n </div>\n </div>\n }\n</div>\n\n", styles: [".euim-slider-info-screen__slider-container{overflow:hidden;position:relative;height:100vh}.euim-slider-info-screen__slides{display:flex;transition:all .5s ease;height:100%;width:100%}.euim-slider-info-screen__slide{width:100%;height:100%}.euim-slider-info-screen__pagination-container--over-image{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;z-index:1}.euim-slider-info-screen__pagination-container{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:60px;z-index:99}.euim-slider-info-screen__pagination{display:flex}.euim-slider-info-screen__span{width:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);height:calc(var(--eui-s-xs) + var(--eui-s-2xs) / 2);border-radius:50%;cursor:pointer;border:var(--eui-bw-xs) solid var(--eui-c-primary)}.euim-slider-info-screen__span:not(:last-child){margin-right:var(--eui-s-xs)}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-primary)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-primary .euim-slider-info-screen__span.active{background-color:var(--eui-c-primary)!important}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-white)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-white .euim-slider-info-screen__span.active{background-color:var(--eui-c-white)!important}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-success-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-success .euim-slider-info-screen__span.active{background-color:var(--eui-c-success-dark)!important}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-warning)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-warning .euim-slider-info-screen__span.active{background-color:var(--eui-c-warning)!important}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-info)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-info .euim-slider-info-screen__span.active{background-color:var(--eui-c-info)!important}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-neutral)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-dark .euim-slider-info-screen__span.active{background-color:var(--eui-c-neutral)!important}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span{border:var(--eui-bw-xs) solid var(--eui-c-danger-dark)!important;background-color:transparent}.euim-slider-info-screen.pagination-color-danger .euim-slider-info-screen__span.active{background-color:var(--eui-c-danger-dark)!important}.euim-slider-info-screen__action-button{position:absolute;color:var(--eui-c-primary);font-weight:700;top:50%;transform:translateY(-50%)}.euim-slider-info-screen__action-button::part(native){padding:var(--eui-s-none) var(--eui-s-m)}.euim-slider-info-screen__action-button--right{right:0;margin:var(--eui-s-none) var(--eui-s-xs) var(--eui-s-none) var(--eui-s-m)}.euim-slider-info-screen__action-button--left{margin:var(--eui-s-none) var(--eui-s-m) var(--eui-s-none) var(--eui-s-xs);left:0}.euim-slider-info-screen__action-button ion-icon{color:var(--eui-c-primary)}.euim-slider-info-screen__title{font:var(--eui-f-2xl-bold);color:var(--eui-c-text);margin-top:var(--eui-s-l);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l)}.euim-slider-info-screen__sub-title{color:var(--eui-c-text-lighter);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m)}.euim-slider-info-screen__content{color:var(--eui-c-text);padding-left:var(--eui-s-l);padding-right:var(--eui-s-l);font:var(--eui-f-m);display:flex;flex-direction:column}.euim-slider-info-screen__content--centered{text-align:center}.euim-slider-info-screen__sub-title+.euim-slider-info-screen__content,title+.euim-slider-info-screen__content{margin-top:var(--eui-s-m)}.euim-slider-info-screen.image-only .euim-slider-info-screen__slider-container{height:auto}\n"] }]
|
|
2409
2459
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i1.GestureController }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { slides: [{
|
|
2410
2460
|
type: ViewChild,
|
|
2411
2461
|
args: ['slides', { static: true }]
|
|
@@ -2436,6 +2486,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
2436
2486
|
type: Input
|
|
2437
2487
|
}], actionBtnIconsNames: [{
|
|
2438
2488
|
type: Input
|
|
2489
|
+
}], slideChild: [{
|
|
2490
|
+
type: ContentChildren,
|
|
2491
|
+
args: [EuimSlideInfoScreenComponent, { descendants: true }]
|
|
2439
2492
|
}], onResize: [{
|
|
2440
2493
|
type: HostListener,
|
|
2441
2494
|
args: ['window:resize', ['$event']]
|
|
@@ -2444,31 +2497,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
2444
2497
|
args: ['class']
|
|
2445
2498
|
}] } });
|
|
2446
2499
|
|
|
2447
|
-
class EuimSlideInfoScreenComponent {
|
|
2448
|
-
constructor() {
|
|
2449
|
-
this.className = 'euim-slider-info-screen__slide';
|
|
2450
|
-
}
|
|
2451
|
-
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSlideInfoScreenComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2452
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimSlideInfoScreenComponent, isStandalone: true, selector: "euim-slide-info-screen", host: { properties: { "class": "this.className" } }, ngImport: i0, template: `
|
|
2453
|
-
<div #slide>
|
|
2454
|
-
<ng-content></ng-content>
|
|
2455
|
-
</div>`, isInline: true }); }
|
|
2456
|
-
}
|
|
2457
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSlideInfoScreenComponent, decorators: [{
|
|
2458
|
-
type: Component,
|
|
2459
|
-
args: [{
|
|
2460
|
-
selector: 'euim-slide-info-screen',
|
|
2461
|
-
standalone: true,
|
|
2462
|
-
template: `
|
|
2463
|
-
<div #slide>
|
|
2464
|
-
<ng-content></ng-content>
|
|
2465
|
-
</div>`,
|
|
2466
|
-
}]
|
|
2467
|
-
}], propDecorators: { className: [{
|
|
2468
|
-
type: HostBinding,
|
|
2469
|
-
args: ['class']
|
|
2470
|
-
}] } });
|
|
2471
|
-
|
|
2472
2500
|
class EuimSliderInfoScreenContentDirective {
|
|
2473
2501
|
constructor() {
|
|
2474
2502
|
this.euimTextCenter = false;
|
|
@@ -2489,7 +2517,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
2489
2517
|
type: Directive,
|
|
2490
2518
|
args: [{
|
|
2491
2519
|
selector: '[euimSliderInfoScreenContent]',
|
|
2492
|
-
standalone: true,
|
|
2493
2520
|
}]
|
|
2494
2521
|
}], propDecorators: { euimTextCenter: [{
|
|
2495
2522
|
type: Input,
|
|
@@ -2510,7 +2537,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
2510
2537
|
type: Directive,
|
|
2511
2538
|
args: [{
|
|
2512
2539
|
selector: '[euimSliderInfoScreenTitle]',
|
|
2513
|
-
standalone: true,
|
|
2514
2540
|
}]
|
|
2515
2541
|
}], propDecorators: { className: [{
|
|
2516
2542
|
type: HostBinding,
|
|
@@ -2528,7 +2554,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
2528
2554
|
type: Directive,
|
|
2529
2555
|
args: [{
|
|
2530
2556
|
selector: '[euimSliderInfoScreenSubTitle]',
|
|
2531
|
-
standalone: true,
|
|
2532
2557
|
}]
|
|
2533
2558
|
}], propDecorators: { className: [{
|
|
2534
2559
|
type: HostBinding,
|
|
@@ -2584,11 +2609,11 @@ class EuimScrollerXComponent {
|
|
|
2584
2609
|
this.className = 'euim-scroller-x';
|
|
2585
2610
|
}
|
|
2586
2611
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimScrollerXComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2587
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimScrollerXComponent, isStandalone: true, selector: "euim-scroller-x", host: { properties: { "class": "this.className" } }, ngImport: i0, template:
|
|
2612
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimScrollerXComponent, isStandalone: true, selector: "euim-scroller-x", host: { properties: { "class": "this.className" } }, ngImport: i0, template: '<ng-content/>', isInline: true, styles: [".euim-scroller-x{display:flex;overflow-x:auto;scrollbar-color:transparent transparent;scrollbar-width:none;width:100%}.euim-scroller-x::-webkit-scrollbar{height:0}.euim-scroller-x>*{flex:0 0 auto}.euim-scroller-x ion-chip{padding:var(--eui-s-none) var(--eui-s-s);margin:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) 0}.euim-scroller-x ion-chip:first-of-type{margin-left:var(--eui-s-xs)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2588
2613
|
}
|
|
2589
2614
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimScrollerXComponent, decorators: [{
|
|
2590
2615
|
type: Component,
|
|
2591
|
-
args: [{ selector: 'euim-scroller-x', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush,
|
|
2616
|
+
args: [{ selector: 'euim-scroller-x', template: '<ng-content/>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".euim-scroller-x{display:flex;overflow-x:auto;scrollbar-color:transparent transparent;scrollbar-width:none;width:100%}.euim-scroller-x::-webkit-scrollbar{height:0}.euim-scroller-x>*{flex:0 0 auto}.euim-scroller-x ion-chip{padding:var(--eui-s-none) var(--eui-s-s);margin:var(--eui-s-xs) var(--eui-s-xs) var(--eui-s-xs) 0}.euim-scroller-x ion-chip:first-of-type{margin-left:var(--eui-s-xs)}\n"] }]
|
|
2592
2617
|
}], propDecorators: { className: [{
|
|
2593
2618
|
type: HostBinding,
|
|
2594
2619
|
args: ['class']
|
|
@@ -2629,7 +2654,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
2629
2654
|
type: Directive,
|
|
2630
2655
|
args: [{
|
|
2631
2656
|
selector: '[euimChipSelectorItem]',
|
|
2632
|
-
standalone: true,
|
|
2633
2657
|
}]
|
|
2634
2658
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { id: [{
|
|
2635
2659
|
type: Input,
|
|
@@ -2915,11 +2939,11 @@ class EuimChipSelectorComponent {
|
|
|
2915
2939
|
return data.filter(item => multipleFilterConditions.includes(item.filterId));
|
|
2916
2940
|
}
|
|
2917
2941
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimChipSelectorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2918
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimChipSelectorComponent, isStandalone: true, selector: "euim-chip-selector", inputs: { backgroundColor: "backgroundColor", color: "color", chipSelectedColor: "chipSelectedColor", chipFill: "chipFill", sourceData: "sourceData", hasBoxShadow: ["hasBoxShadow", "hasBoxShadow", booleanAttribute], hasNoScrollerX: ["hasNoScrollerX", "hasNoScrollerX", booleanAttribute], hasColorTransparency: ["hasColorTransparency", "hasColorTransparency", booleanAttribute], selectedChips: "selectedChips", isMultiSelectionMode: ["isMultiSelectionMode", "isMultiSelectionMode", booleanAttribute], isCustomMode: ["isCustomMode", "isCustomMode", booleanAttribute], euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute], hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute] }, outputs: { filterData: "filterData", clickItems: "clickItems", selectedChipsChange: "selectedChipsChange" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimChipSelectorItemComponent", predicate: EuimChipSelectorItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (hasSearchbar) {\n <ion-searchbar (ionInput)=\"handleChange($event)\"\n class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n@if (hasNoScrollerX) {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n <euim-scroller-x>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </euim-scroller-x>\n}\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".euim-chip-selector{padding:var(--eui-s-xs) 0;display:flex;justify-content:center;flex-direction:column}.euim-chip-selector .euim-scroller-x ion-chip{margin:0 var(--eui-s-xs) 0 0;padding:0 var(--eui-s-s)}.euim-chip-selector ion-searchbar{padding-top:0;padding-bottom:var(--eui-s-s)}@media (min-width: 768px){.euim-chip-selector .euim-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs)}.euim-chip-selector .euim-scroller-x ion-chip{margin:0}}.euim-chip-selector--has-no-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs);flex-direction:row;padding:var(--eui-s-xs);justify-content:left}.euim-chip-selector--has-no-scroller-x ion-chip{padding:0 var(--eui-s-s);margin:0}ion-chip.euim-chip-selector__item--has-box-shadow{box-shadow:0 calc(var(--eui-s-2xs) / 2) var(--eui-s-2xs) #0003;margin-bottom:var(--eui-s-2xs)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-branding{background-color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-branding-contrast);background-color:transparent;border-color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-branding-contrast);border-color:var(--eui-c-branding-contrast);color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-branding)}.euim-chip-selector--background-color-transparent{background-color:transparent}.euim-chip-selector__item--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-success-dark);background-color:transparent;color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-warning);background-color:transparent;color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-danger-dark);background-color:transparent;color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary ion-icon{color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-primary);background-color:transparent;color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-branding);background-color:transparent;color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-info);background-color:transparent;color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark ion-icon{color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-neutral);background-color:transparent;color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-min);background-color:transparent;border-color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--color-white-with-transparency{background-color:#ffffff30;border-color:transparent;color:var(--eui-c-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-c-neutral-bg);border-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default ion-icon{color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-lighter);background-color:transparent;border-color:var(--eui-c-neutral-lighter)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-lighter)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }, { kind: "ngmodule", type: EuimScrollerXComponentModule }, { kind: "component", type: EuimScrollerXComponent, selector: "euim-scroller-x" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2942
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimChipSelectorComponent, isStandalone: true, selector: "euim-chip-selector", inputs: { backgroundColor: "backgroundColor", color: "color", chipSelectedColor: "chipSelectedColor", chipFill: "chipFill", sourceData: "sourceData", hasBoxShadow: ["hasBoxShadow", "hasBoxShadow", booleanAttribute], hasNoScrollerX: ["hasNoScrollerX", "hasNoScrollerX", booleanAttribute], hasColorTransparency: ["hasColorTransparency", "hasColorTransparency", booleanAttribute], selectedChips: "selectedChips", isMultiSelectionMode: ["isMultiSelectionMode", "isMultiSelectionMode", booleanAttribute], isCustomMode: ["isCustomMode", "isCustomMode", booleanAttribute], euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute], hasSearchbar: ["hasSearchbar", "hasSearchbar", booleanAttribute] }, outputs: { filterData: "filterData", clickItems: "clickItems", selectedChipsChange: "selectedChipsChange" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "euimChipSelectorItemComponent", predicate: EuimChipSelectorItemDirective, descendants: true }], usesOnChanges: true, ngImport: i0, template: "@if (hasSearchbar) {\n <ion-searchbar (ionInput)=\"handleChange($event)\"\n class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n@if (hasNoScrollerX) {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n <euim-scroller-x>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </euim-scroller-x>\n}\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".euim-chip-selector{padding:var(--eui-s-xs) var(--eui-s-none);display:flex;justify-content:center;flex-direction:column}.euim-chip-selector .euim-scroller-x ion-chip{margin:var(--eui-s-none) var(--eui-s-xs) var(--eui-s-none) var(--eui-s-none);padding:var(--eui-s-none) var(--eui-s-s)}.euim-chip-selector ion-searchbar{padding-top:var(--eui-s-none);padding-bottom:var(--eui-s-s)}@media (min-width: 768px){.euim-chip-selector .euim-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs)}.euim-chip-selector .euim-scroller-x ion-chip{margin:var(--eui-s-none)}}.euim-chip-selector--has-no-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs);flex-direction:row;padding:var(--eui-s-xs);justify-content:left}.euim-chip-selector--has-no-scroller-x ion-chip{padding:var(--eui-s-none) var(--eui-s-s);margin:var(--eui-s-none)}ion-chip.euim-chip-selector__item--has-box-shadow{box-shadow:0 calc(var(--eui-s-2xs) / 2) var(--eui-s-2xs) #0003;margin-bottom:var(--eui-s-2xs)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:var(--eui-bw-none)}.euim-chip-selector__item--fill-outline{background-color:transparent;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:var(--eui-bw-none)}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-branding{background-color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-branding-on-surface);background-color:transparent;border-color:var(--eui-c-branding-on-surface)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding-on-surface)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-branding-on-surface);border-color:var(--eui-c-branding-on-surface);color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-branding)}.euim-chip-selector--background-color-transparent{background-color:transparent}.euim-chip-selector__item--color-success{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-success-on-surface)}.euim-chip-selector__item--color-success ion-icon{color:var(--eui-c-success-on-surface)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-success);background-color:transparent;color:var(--eui-c-success)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-success)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-success-on-surface)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-on-surface)}.euim-chip-selector__item--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-on-surface)}.euim-chip-selector__item--color-warning ion-icon{color:var(--eui-c-warning-on-surface)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-warning);background-color:transparent;color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-on-surface)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-on-surface)}.euim-chip-selector__item--color-danger{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-danger-on-surface)}.euim-chip-selector__item--color-danger ion-icon{color:var(--eui-c-danger-on-surface)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-danger);background-color:transparent;color:var(--eui-c-danger)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-danger)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-danger-on-surface)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-on-surface)}.euim-chip-selector__item--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-on-surface)}.euim-chip-selector__item--color-primary ion-icon{color:var(--eui-c-primary-on-surface)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-primary);background-color:transparent;color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-on-surface)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-c-white)}.euim-chip-selector__item--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-on-surface)}.euim-chip-selector__item--color-branding ion-icon{color:var(--eui-c-branding-on-surface)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-branding);background-color:transparent;color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-on-surface)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-on-surface)}.euim-chip-selector__item--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-on-surface)}.euim-chip-selector__item--color-info ion-icon{color:var(--eui-c-info-on-surface)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-info);background-color:transparent;color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-on-surface)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-on-surface)}.euim-chip-selector__item--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-on-surface)}.euim-chip-selector__item--color-dark ion-icon{color:var(--eui-c-neutral-on-surface)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-neutral);background-color:transparent;color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-white)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-white)}.euim-chip-selector__item--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white);color:var(--eui-c-black)}.euim-chip-selector__item--color-white ion-icon{color:var(--eui-c-black)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-white);background-color:transparent;border-color:var(--eui-c-white)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-white)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white);color:var(--eui-c-black)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-black)}.euim-chip-selector__item--color-white.euim-chip-selector__item--color-white-with-transparency{background-color:#ffffff30;border-color:transparent;color:var(--eui-c-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-c-neutral-bg);border-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default ion-icon{color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-lighter);background-color:transparent;border-color:var(--eui-c-neutral-lighter)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-lighter)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-success-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-danger-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-c-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white);color:var(--eui-c-black)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-black)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonSearchbar, selector: "ion-searchbar", inputs: ["animated", "autocapitalize", "autocomplete", "autocorrect", "cancelButtonIcon", "cancelButtonText", "clearIcon", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "searchIcon", "showCancelButton", "showClearButton", "spellcheck", "type", "value"] }, { kind: "directive", type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-input-otp[type=text],ion-textarea,ion-searchbar" }, { kind: "ngmodule", type: EuimScrollerXComponentModule }, { kind: "component", type: EuimScrollerXComponent, selector: "euim-scroller-x" }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
2919
2943
|
}
|
|
2920
2944
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimChipSelectorComponent, decorators: [{
|
|
2921
2945
|
type: Component,
|
|
2922
|
-
args: [{ selector: 'euim-chip-selector', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IonicModule, EuimScrollerXComponentModule, CommonModule], template: "@if (hasSearchbar) {\n <ion-searchbar (ionInput)=\"handleChange($event)\"\n class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n@if (hasNoScrollerX) {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n <euim-scroller-x>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </euim-scroller-x>\n}\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".euim-chip-selector{padding:var(--eui-s-xs) 0;display:flex;justify-content:center;flex-direction:column}.euim-chip-selector .euim-scroller-x ion-chip{margin:0 var(--eui-s-xs) 0 0;padding:0 var(--eui-s-s)}.euim-chip-selector ion-searchbar{padding-top:0;padding-bottom:var(--eui-s-s)}@media (min-width: 768px){.euim-chip-selector .euim-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs)}.euim-chip-selector .euim-scroller-x ion-chip{margin:0}}.euim-chip-selector--has-no-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs);flex-direction:row;padding:var(--eui-s-xs);justify-content:left}.euim-chip-selector--has-no-scroller-x ion-chip{padding:0 var(--eui-s-s);margin:0}ion-chip.euim-chip-selector__item--has-box-shadow{box-shadow:0 calc(var(--eui-s-2xs) / 2) var(--eui-s-2xs) #0003;margin-bottom:var(--eui-s-2xs)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:none}.euim-chip-selector__item--fill-outline{background-color:transparent;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:none}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-branding{background-color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-branding-contrast);background-color:transparent;border-color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-branding-contrast);border-color:var(--eui-c-branding-contrast);color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-branding)}.euim-chip-selector--background-color-transparent{background-color:transparent}.euim-chip-selector__item--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-success-dark);background-color:transparent;color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-success-dark)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}.euim-chip-selector__item--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-warning);background-color:transparent;color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}.euim-chip-selector__item--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-danger-dark);background-color:transparent;color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-danger-dark)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}.euim-chip-selector__item--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary ion-icon{color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-primary);background-color:transparent;color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}.euim-chip-selector__item--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-branding);background-color:transparent;color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}.euim-chip-selector__item--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-info);background-color:transparent;color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}.euim-chip-selector__item--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark ion-icon{color:var(--eui-c-neutral-contrast)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-neutral);background-color:transparent;color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-min);background-color:transparent;border-color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-min)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}.euim-chip-selector__item--color-white.euim-chip-selector__item--color-white-with-transparency{background-color:#ffffff30;border-color:transparent;color:var(--eui-c-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-c-neutral-bg);border-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default ion-icon{color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-lighter);background-color:transparent;border-color:var(--eui-c-neutral-lighter)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-lighter)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success-dark);border-color:var(--eui-c-success-dark);color:var(--eui-c-success-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger-dark);border-color:var(--eui-c-danger-dark);color:var(--eui-c-danger-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-dark-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-base-color-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-contrast)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-min)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-neutral-min)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-neutral-min);border-color:var(--eui-c-neutral-min);color:var(--eui-c-neutral-max)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-neutral-max)}\n"] }]
|
|
2946
|
+
args: [{ selector: 'euim-chip-selector', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [IonicModule, EuimScrollerXComponentModule, CommonModule], template: "@if (hasSearchbar) {\n <ion-searchbar (ionInput)=\"handleChange($event)\"\n class=\"euim-chip-selector__searchbar\"></ion-searchbar>\n}\n@if (hasNoScrollerX) {\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n} @else {\n <euim-scroller-x>\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n </euim-scroller-x>\n}\n\n<ng-template #content>\n <ng-content></ng-content>\n</ng-template>\n", styles: [".euim-chip-selector{padding:var(--eui-s-xs) var(--eui-s-none);display:flex;justify-content:center;flex-direction:column}.euim-chip-selector .euim-scroller-x ion-chip{margin:var(--eui-s-none) var(--eui-s-xs) var(--eui-s-none) var(--eui-s-none);padding:var(--eui-s-none) var(--eui-s-s)}.euim-chip-selector ion-searchbar{padding-top:var(--eui-s-none);padding-bottom:var(--eui-s-s)}@media (min-width: 768px){.euim-chip-selector .euim-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs)}.euim-chip-selector .euim-scroller-x ion-chip{margin:var(--eui-s-none)}}.euim-chip-selector--has-no-scroller-x{flex-wrap:wrap;gap:var(--eui-s-xs);flex-direction:row;padding:var(--eui-s-xs);justify-content:left}.euim-chip-selector--has-no-scroller-x ion-chip{padding:var(--eui-s-none) var(--eui-s-s);margin:var(--eui-s-none)}ion-chip.euim-chip-selector__item--has-box-shadow{box-shadow:0 calc(var(--eui-s-2xs) / 2) var(--eui-s-2xs) #0003;margin-bottom:var(--eui-s-2xs)}.euim-chip-selector__item--fill-default,.euim-chip-selector--fill-solid{border:var(--eui-bw-none)}.euim-chip-selector__item--fill-outline{background-color:transparent;border-width:1px;border-style:solid}.euim-chip-selector__item--fill-clear{background-color:transparent!important;border:var(--eui-bw-none)}.euim-chip-selector__item--fill-outline-solid{border-width:1px;border-style:solid}.euim-chip-selector--background-color-branding{background-color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-branding-on-surface);background-color:transparent;border-color:var(--eui-c-branding-on-surface)}.euim-chip-selector--background-color-branding .euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding-on-surface)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-branding-on-surface);border-color:var(--eui-c-branding-on-surface);color:var(--eui-c-branding)}.euim-chip-selector--background-color-branding ion-chip.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-branding)}.euim-chip-selector--background-color-transparent{background-color:transparent}.euim-chip-selector__item--color-success{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-success-on-surface)}.euim-chip-selector__item--color-success ion-icon{color:var(--eui-c-success-on-surface)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-success);background-color:transparent;color:var(--eui-c-success)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-success)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-success-on-surface)}.euim-chip-selector__item--color-success.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-on-surface)}.euim-chip-selector__item--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-on-surface)}.euim-chip-selector__item--color-warning ion-icon{color:var(--eui-c-warning-on-surface)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-warning);background-color:transparent;color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-warning)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-on-surface)}.euim-chip-selector__item--color-warning.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-on-surface)}.euim-chip-selector__item--color-danger{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-danger-on-surface)}.euim-chip-selector__item--color-danger ion-icon{color:var(--eui-c-danger-on-surface)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-danger);background-color:transparent;color:var(--eui-c-danger)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-danger)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-danger-on-surface)}.euim-chip-selector__item--color-danger.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-on-surface)}.euim-chip-selector__item--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-on-surface)}.euim-chip-selector__item--color-primary ion-icon{color:var(--eui-c-primary-on-surface)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-primary);background-color:transparent;color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-primary)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-on-surface)}.euim-chip-selector__item--color-primary.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-c-white)}.euim-chip-selector__item--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-on-surface)}.euim-chip-selector__item--color-branding ion-icon{color:var(--eui-c-branding-on-surface)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-branding);background-color:transparent;color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-branding)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-on-surface)}.euim-chip-selector__item--color-branding.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-on-surface)}.euim-chip-selector__item--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-on-surface)}.euim-chip-selector__item--color-info ion-icon{color:var(--eui-c-info-on-surface)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-info);background-color:transparent;color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-info)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-on-surface)}.euim-chip-selector__item--color-info.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-on-surface)}.euim-chip-selector__item--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-neutral-on-surface)}.euim-chip-selector__item--color-dark ion-icon{color:var(--eui-c-neutral-on-surface)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline{border-color:var(--eui-c-neutral);background-color:transparent;color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-white)}.euim-chip-selector__item--color-dark.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-white)}.euim-chip-selector__item--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white);color:var(--eui-c-black)}.euim-chip-selector__item--color-white ion-icon{color:var(--eui-c-black)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline{color:var(--eui-c-white);background-color:transparent;border-color:var(--eui-c-white)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-white)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white);color:var(--eui-c-black)}.euim-chip-selector__item--color-white.euim-chip-selector__item--fill-outline.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-black)}.euim-chip-selector__item--color-white.euim-chip-selector__item--color-white-with-transparency{background-color:#ffffff30;border-color:transparent;color:var(--eui-c-white)}.euim-chip-selector__item--color-default{background-color:var(--eui-c-neutral-bg);border-color:var(--eui-c-neutral-bg);color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default ion-icon{color:var(--eui-c-neutral-bg-contrast)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline{color:var(--eui-c-neutral-lighter);background-color:transparent;border-color:var(--eui-c-neutral-lighter)}.euim-chip-selector__item--color-default.euim-chip-selector__item--fill-outline ion-icon{color:var(--eui-c-neutral-lighter)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding{background-color:var(--eui-c-branding);border-color:var(--eui-c-branding);color:var(--eui-c-branding-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-branding ion-icon{color:var(--eui-c-branding-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success{background-color:var(--eui-c-success);border-color:var(--eui-c-success);color:var(--eui-c-success-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-success ion-icon{color:var(--eui-c-success-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning{background-color:var(--eui-c-warning);border-color:var(--eui-c-warning);color:var(--eui-c-warning-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-warning ion-icon{color:var(--eui-c-warning-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger{background-color:var(--eui-c-danger);border-color:var(--eui-c-danger);color:var(--eui-c-danger-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-danger ion-icon{color:var(--eui-c-danger-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary{background-color:var(--eui-c-primary);border-color:var(--eui-c-primary);color:var(--eui-c-primary-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-primary ion-icon{color:var(--eui-c-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info{background-color:var(--eui-c-info);border-color:var(--eui-c-info);color:var(--eui-c-info-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-info ion-icon{color:var(--eui-c-info-on-surface)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark{background-color:var(--eui-c-neutral);border-color:var(--eui-c-neutral);color:var(--eui-c-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-dark ion-icon{color:var(--eui-c-white)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white{background-color:var(--eui-c-white);border-color:var(--eui-c-white);color:var(--eui-c-black)}ion-chip.euim-chip-selector__item.euim-chip-selector__item-selected--color-white ion-icon{color:var(--eui-c-black)}\n"] }]
|
|
2923
2947
|
}], propDecorators: { backgroundColor: [{
|
|
2924
2948
|
type: Input
|
|
2925
2949
|
}], color: [{
|
|
@@ -3024,7 +3048,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
3024
3048
|
'euimSizeL',
|
|
3025
3049
|
],
|
|
3026
3050
|
},
|
|
3027
|
-
],
|
|
3051
|
+
], imports: [IonicModule, CommonModule], template: "<ion-item button [lines]=\"separator\">\n @if (hasAvatar) {\n <ion-thumbnail slot=\"start\">\n <ion-skeleton-text [animated]=\"true\"></ion-skeleton-text>\n </ion-thumbnail>\n }\n <ion-label>\n @if (hasTitle) {\n <ion-skeleton-text [animated]=\"isAnimated\"\n [style.width]=\"titleWidth || '80%'\"></ion-skeleton-text>\n }\n @if (hasSubtitle) {\n <ion-skeleton-text [animated]=\"isAnimated\"\n [style.width]=\"subTitleWidth || '60%'\"></ion-skeleton-text>\n }\n @if (hasMetaLine) {\n <ion-skeleton-text [animated]=\"isAnimated\"\n [style.width]=\"metaLineWidth || '40%'\"></ion-skeleton-text>\n }\n </ion-label>\n</ion-item>\n", styles: [".euim-skeleton-list-item ion-label ion-skeleton-text{margin-bottom:var(--eui-s-xs);margin-top:var(--eui-s-none)}.euim-skeleton-list-item ion-thumbnail{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-skeleton-list-item--size-l ion-thumbnail{width:var(--eui-is-m);height:var(--eui-is-m)}.euim-skeleton-list-item--size-2xl ion-thumbnail{width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-skeleton-list-item ion-thumbnail{--border-radius: 50%}.euim-skeleton-list-item--square ion-thumbnail{--border-radius: var(--eui-br-none)}\n"] }]
|
|
3028
3052
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
3029
3053
|
type: HostBinding,
|
|
3030
3054
|
args: ['class']
|
|
@@ -3104,7 +3128,7 @@ class EuimSkeletonListComponent {
|
|
|
3104
3128
|
}
|
|
3105
3129
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimSkeletonListComponent, decorators: [{
|
|
3106
3130
|
type: Component,
|
|
3107
|
-
args: [{ selector: 'euim-skeleton-list', changeDetection: ChangeDetectionStrategy.OnPush,
|
|
3131
|
+
args: [{ selector: 'euim-skeleton-list', changeDetection: ChangeDetectionStrategy.OnPush, imports: [EuimSkeletonListItemComponent, CommonModule], template: "@for (item of itemsArray; track item) {\n @if (!skeletonListItem) {\n <euim-skeleton-list-item></euim-skeleton-list-item>\n }\n @if (skeletonListItem) {\n <ng-container *ngComponentOutlet=\"skeletonItem; inputs: skeletonItemInputs\"></ng-container>\n }\n}\n\n" }]
|
|
3108
3132
|
}], propDecorators: { items: [{
|
|
3109
3133
|
type: Input
|
|
3110
3134
|
}], skeletonListItem: [{
|
|
@@ -3190,15 +3214,15 @@ class EuimMultiselectComponent {
|
|
|
3190
3214
|
}
|
|
3191
3215
|
}
|
|
3192
3216
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3193
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimMultiselectComponent, isStandalone: true, selector: "euim-multiselect", inputs: { currentDataProvider: "currentDataProvider", toolbarTitle: "toolbarTitle", euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute] }, host: { properties: { "class": "this.className" } }, exportAs: ["euimMultiselect"], usesOnChanges: true, ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"light\" class=\"euim-multiselect__toolbar\">\n <ng-content select=\"euim-multiselect-toolbar\"></ng-content>\n <ion-toolbar color=\"light\">\n <ng-content select=\"euim-multiselect-filter\"></ng-content>\n </ion-toolbar>\n </ion-toolbar>\n</ion-header>\n\n@if (currentDataProvider?.length > 0) {\n <ng-content select=\"euim-multiselect-list\"></ng-content>\n}\n\n@if (currentDataProvider?.length === 0) {\n <ng-content select=\"euim-empty-list-placeholder\"></ng-content>\n}\n\n\n\n", styles: [".euim-multiselect__toolbar{color:var(--eui-bc-neutral-100)}.euim-multiselect__toolbar--title{font:var(--eui-f-xl-bold
|
|
3217
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimMultiselectComponent, isStandalone: true, selector: "euim-multiselect", inputs: { currentDataProvider: "currentDataProvider", toolbarTitle: "toolbarTitle", euimKeepSelection: ["euimKeepSelection", "euimKeepSelection", booleanAttribute] }, host: { properties: { "class": "this.className" } }, exportAs: ["euimMultiselect"], usesOnChanges: true, ngImport: i0, template: "<ion-header>\n <ion-toolbar color=\"light\" class=\"euim-multiselect__toolbar\">\n <ng-content select=\"euim-multiselect-toolbar\"></ng-content>\n <ion-toolbar color=\"light\">\n <ng-content select=\"euim-multiselect-filter\"></ng-content>\n </ion-toolbar>\n </ion-toolbar>\n</ion-header>\n\n@if (currentDataProvider?.length > 0) {\n <ng-content select=\"euim-multiselect-list\"></ng-content>\n}\n\n@if (currentDataProvider?.length === 0) {\n <ng-content select=\"euim-empty-list-placeholder\"></ng-content>\n}\n\n\n\n", styles: [".euim-multiselect__toolbar{color:var(--eui-bc-neutral-100)}.euim-multiselect__toolbar--title{font:var(--eui-f-xl-bold)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonHeader, selector: "ion-header", inputs: ["collapse", "mode", "translucent"] }, { kind: "component", type: i1.IonToolbar, selector: "ion-toolbar", inputs: ["color", "mode"] }, { kind: "ngmodule", type: EuimEmptyListPlaceholderModule }, { kind: "ngmodule", type: TranslateModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
3194
3218
|
}
|
|
3195
3219
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectComponent, decorators: [{
|
|
3196
3220
|
type: Component,
|
|
3197
|
-
args: [{ selector: 'euim-multiselect', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'euimMultiselect',
|
|
3221
|
+
args: [{ selector: 'euim-multiselect', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'euimMultiselect', imports: [
|
|
3198
3222
|
IonicModule,
|
|
3199
3223
|
EuimEmptyListPlaceholderModule,
|
|
3200
3224
|
TranslateModule,
|
|
3201
|
-
], template: "<ion-header>\n <ion-toolbar color=\"light\" class=\"euim-multiselect__toolbar\">\n <ng-content select=\"euim-multiselect-toolbar\"></ng-content>\n <ion-toolbar color=\"light\">\n <ng-content select=\"euim-multiselect-filter\"></ng-content>\n </ion-toolbar>\n </ion-toolbar>\n</ion-header>\n\n@if (currentDataProvider?.length > 0) {\n <ng-content select=\"euim-multiselect-list\"></ng-content>\n}\n\n@if (currentDataProvider?.length === 0) {\n <ng-content select=\"euim-empty-list-placeholder\"></ng-content>\n}\n\n\n\n", styles: [".euim-multiselect__toolbar{color:var(--eui-bc-neutral-100)}.euim-multiselect__toolbar--title{font:var(--eui-f-xl-bold
|
|
3225
|
+
], template: "<ion-header>\n <ion-toolbar color=\"light\" class=\"euim-multiselect__toolbar\">\n <ng-content select=\"euim-multiselect-toolbar\"></ng-content>\n <ion-toolbar color=\"light\">\n <ng-content select=\"euim-multiselect-filter\"></ng-content>\n </ion-toolbar>\n </ion-toolbar>\n</ion-header>\n\n@if (currentDataProvider?.length > 0) {\n <ng-content select=\"euim-multiselect-list\"></ng-content>\n}\n\n@if (currentDataProvider?.length === 0) {\n <ng-content select=\"euim-empty-list-placeholder\"></ng-content>\n}\n\n\n\n", styles: [".euim-multiselect__toolbar{color:var(--eui-bc-neutral-100)}.euim-multiselect__toolbar--title{font:var(--eui-f-xl-bold)}\n"] }]
|
|
3202
3226
|
}], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { className: [{
|
|
3203
3227
|
type: HostBinding,
|
|
3204
3228
|
args: ['class']
|
|
@@ -3264,7 +3288,7 @@ class EuimMultiselectFilterComponent {
|
|
|
3264
3288
|
}
|
|
3265
3289
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectFilterComponent, decorators: [{
|
|
3266
3290
|
type: Component,
|
|
3267
|
-
args: [{ selector: 'euim-multiselect-filter', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
3291
|
+
args: [{ selector: 'euim-multiselect-filter', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IonicModule], template: "<ion-searchbar (ionInput)=\"handleChange($event)\"\n class=\"euim-multiselect-filter__searchbar\"></ion-searchbar>\n", styles: [".euim-multiselect-filter__searchbar input::placeholder{opacity:1!important;color:var(--eui-bc-neutral-80)!important}\n"] }]
|
|
3268
3292
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
3269
3293
|
type: HostBinding,
|
|
3270
3294
|
args: ['class']
|
|
@@ -3300,7 +3324,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
3300
3324
|
type: Directive,
|
|
3301
3325
|
args: [{
|
|
3302
3326
|
selector: '[euimMultiselectAll]',
|
|
3303
|
-
standalone: true,
|
|
3304
3327
|
}]
|
|
3305
3328
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
3306
3329
|
type: HostBinding,
|
|
@@ -3326,7 +3349,7 @@ class EuimMultiselectListComponent {
|
|
|
3326
3349
|
}
|
|
3327
3350
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectListComponent, decorators: [{
|
|
3328
3351
|
type: Component,
|
|
3329
|
-
args: [{ selector: 'euim-multiselect-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
3352
|
+
args: [{ selector: 'euim-multiselect-list', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [IonicModule], template: "<ion-list>\n <ng-content></ng-content>\n</ion-list>\n" }]
|
|
3330
3353
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
3331
3354
|
type: HostBinding,
|
|
3332
3355
|
args: ['class']
|
|
@@ -3367,7 +3390,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
3367
3390
|
type: Directive,
|
|
3368
3391
|
args: [{
|
|
3369
3392
|
selector: '[euimMultiselectSelectField]',
|
|
3370
|
-
standalone: true,
|
|
3371
3393
|
}]
|
|
3372
3394
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
3373
3395
|
type: HostBinding,
|
|
@@ -3396,7 +3418,7 @@ class EuimMultiselectInfoComponent {
|
|
|
3396
3418
|
}
|
|
3397
3419
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectInfoComponent, decorators: [{
|
|
3398
3420
|
type: Component,
|
|
3399
|
-
args: [{ selector: 'euim-multiselect-info', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
3421
|
+
args: [{ selector: 'euim-multiselect-info', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [TranslateModule], template: "{{ \"euim.multiselect-info\" | translate:\n { number: multiselect.countSelectedItems(),\n arr: multiselect.currentDataProvider?.length } }}\n\n", styles: [".euim-multiselect-info{font:var(--eui-f-m);color:var(--eui-bc-neutral-80)}\n"] }]
|
|
3400
3422
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }, { type: i0.ChangeDetectorRef }], propDecorators: { className: [{
|
|
3401
3423
|
type: HostBinding,
|
|
3402
3424
|
args: ['class']
|
|
@@ -3423,7 +3445,7 @@ class EuimMultiselectToolbarComponent {
|
|
|
3423
3445
|
}
|
|
3424
3446
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimMultiselectToolbarComponent, decorators: [{
|
|
3425
3447
|
type: Component,
|
|
3426
|
-
args: [{ selector: 'euim-multiselect-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None,
|
|
3448
|
+
args: [{ selector: 'euim-multiselect-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [EuimToolbarComponentModule, IonicModule], template: "@if (!euimCustomRender) {\n <euim-toolbar\n [hasBackButton]=\"false\" [hasSidebarTrigger]=\"false\" >\n <ion-button (click)=\"onCancelClick()\">\n <ion-icon name=\"close\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n <ng-content select=\"ion-button\"></ng-content>\n <euim-toolbar-title class=\"euim-multiselect__toolbar--title\">\n {{toolbarTitle}}\n </euim-toolbar-title>\n <euim-toolbar-action-items>\n <ion-button (click)=\"onConfirm()\">\n <ion-icon name=\"checkmark\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </euim-toolbar-action-items>\n </euim-toolbar>\n}\n@if (euimCustomRender) {\n <ng-content></ng-content>\n}\n\n" }]
|
|
3427
3449
|
}], ctorParameters: () => [{ type: EuimMultiselectComponent }], propDecorators: { className: [{
|
|
3428
3450
|
type: HostBinding,
|
|
3429
3451
|
args: ['class']
|
|
@@ -3617,7 +3639,7 @@ class EuimPdfViewerComponent {
|
|
|
3617
3639
|
}
|
|
3618
3640
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimPdfViewerComponent, decorators: [{
|
|
3619
3641
|
type: Component,
|
|
3620
|
-
args: [{ selector: 'euim-pdf-viewer', encapsulation: ViewEncapsulation.None,
|
|
3642
|
+
args: [{ selector: 'euim-pdf-viewer', encapsulation: ViewEncapsulation.None, imports: [
|
|
3621
3643
|
IonicModule,
|
|
3622
3644
|
PdfViewerModule,
|
|
3623
3645
|
PinchZoomModule,
|
|
@@ -3661,15 +3683,15 @@ class EuimAboutComponent {
|
|
|
3661
3683
|
this.className = 'euim-about';
|
|
3662
3684
|
}
|
|
3663
3685
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAboutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3664
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimAboutComponent, isStandalone: true, selector: "euim-about", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".euim-about euim-toolbar-title{font:var(--eui-f-l-bold
|
|
3686
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.0", type: EuimAboutComponent, isStandalone: true, selector: "euim-about", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [".euim-about euim-toolbar-title{font:var(--eui-f-l-bold)}.euim-about euim-toolbar-action-items ion-label{font:var(--eui-f-s)}.euim-about ion-label{margin-inline-end:var(--eui-s-m);cursor:pointer}.euim-about ion-icon{color:var(--eui-c-neutral);margin-inline-end:var(--eui-s-m)}.euim-about__app-img{width:var(--eui-s-6xl);height:var(--eui-s-6xl);border-radius:var(--eui-s-m);border:calc(var(--eui-s-2xs) / 2) solid var(--eui-c-white)}\n"], dependencies: [{ kind: "ngmodule", type: PinchZoomModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: RouterModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3665
3687
|
}
|
|
3666
3688
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAboutComponent, decorators: [{
|
|
3667
3689
|
type: Component,
|
|
3668
|
-
args: [{ selector: 'euim-about', encapsulation: ViewEncapsulation.None,
|
|
3690
|
+
args: [{ selector: 'euim-about', encapsulation: ViewEncapsulation.None, imports: [
|
|
3669
3691
|
PinchZoomModule,
|
|
3670
3692
|
TranslateModule,
|
|
3671
3693
|
RouterModule,
|
|
3672
|
-
], template: "<ng-content></ng-content>\r\n", styles: [".euim-about euim-toolbar-title{font:var(--eui-f-l-bold
|
|
3694
|
+
], template: "<ng-content></ng-content>\r\n", styles: [".euim-about euim-toolbar-title{font:var(--eui-f-l-bold)}.euim-about euim-toolbar-action-items ion-label{font:var(--eui-f-s)}.euim-about ion-label{margin-inline-end:var(--eui-s-m);cursor:pointer}.euim-about ion-icon{color:var(--eui-c-neutral);margin-inline-end:var(--eui-s-m)}.euim-about__app-img{width:var(--eui-s-6xl);height:var(--eui-s-6xl);border-radius:var(--eui-s-m);border:calc(var(--eui-s-2xs) / 2) solid var(--eui-c-white)}\n"] }]
|
|
3673
3695
|
}], propDecorators: { className: [{
|
|
3674
3696
|
type: HostBinding,
|
|
3675
3697
|
args: ['class']
|
|
@@ -3681,11 +3703,11 @@ class EuimChangelogComponent {
|
|
|
3681
3703
|
this.changeLogs = [];
|
|
3682
3704
|
}
|
|
3683
3705
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimChangelogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3684
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimChangelogComponent, isStandalone: true, selector: "euim-changelog", inputs: { changeLogs: "changeLogs" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-list>\n <ion-accordion-group [multiple]=\"true\" value=\"about\">\n @for (logItem of changeLogs; track $index) {\n <ion-accordion [value]=\"$index === 0 ? 'about' : logItem.version\">\n <ion-item slot=\"header\">\n <ion-icon name=\"build\" slot=\"start\"></ion-icon>\n <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle>\n <strong>{{ logItem.version }}</strong>\n </div>\n </ion-item>\n <ion-list slot=\"content\">\n @for (section of logItem.sections; track section) {\n @if (section.items && section.items.length > 0) {\n <ion-item-divider>\n <ion-label>{{ section.name }}</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (item of section.items; track item) {\n <li>{{ item }}</li>\n }\n </ul>\n </ion-item>\n }\n }\n </ion-list>\n </ion-accordion>\n }\n </ion-accordion-group>\n</ion-list>", styles: [".euim-changelog__euimVersionTitle{font:var(--eui-f-s
|
|
3706
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimChangelogComponent, isStandalone: true, selector: "euim-changelog", inputs: { changeLogs: "changeLogs" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ion-list>\n <ion-accordion-group [multiple]=\"true\" value=\"about\">\n @for (logItem of changeLogs; track $index) {\n <ion-accordion [value]=\"$index === 0 ? 'about' : logItem.version\">\n <ion-item slot=\"header\">\n <ion-icon name=\"build\" slot=\"start\"></ion-icon>\n <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle>\n <strong>{{ logItem.version }}</strong>\n </div>\n </ion-item>\n <ion-list slot=\"content\">\n @for (section of logItem.sections; track section) {\n @if (section.items && section.items.length > 0) {\n <ion-item-divider>\n <ion-label>{{ section.name }}</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (item of section.items; track item) {\n <li>{{ item }}</li>\n }\n </ul>\n </ion-item>\n }\n }\n </ion-list>\n </ion-accordion>\n }\n </ion-accordion-group>\n</ion-list>", styles: [".euim-changelog__euimVersionTitle{font:var(--eui-f-s);color:var(--eui-c-text)}.euim-changelog ul{padding:var(--eui-s-xs) var(--eui-s-m);margin:0}.euim-changelog li{font:var(--eui-f-m);color:var(--eui-c-text)}.euim-changelog ion-item ion-icon{color:var(--eui-c-text)}.euim-changelog ion-item ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-changelog ion-item ion-icon[slot=end]{color:var(--eui-c-neutral)}.euim-changelog ion-list{flex:1;display:flex;flex-direction:column}.euim-changelog ion-content ion-list{max-height:calc(100vh - var(--eui-s-4xl));overflow-y:auto;overflow-x:hidden}.euim-changelog ion-accordion ion-item{--background: var(--eui-c-white)}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonAccordion, selector: "ion-accordion", inputs: ["disabled", "mode", "readonly", "toggleIcon", "toggleIconSlot", "value"] }, { kind: "component", type: i1.IonAccordionGroup, selector: "ion-accordion-group", inputs: ["animated", "disabled", "expand", "mode", "multiple", "readonly", "value"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3685
3707
|
}
|
|
3686
3708
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimChangelogComponent, decorators: [{
|
|
3687
3709
|
type: Component,
|
|
3688
|
-
args: [{ selector: 'euim-changelog', encapsulation: ViewEncapsulation.None,
|
|
3710
|
+
args: [{ selector: 'euim-changelog', encapsulation: ViewEncapsulation.None, imports: [TranslateModule, IonicModule], template: "<ion-list>\n <ion-accordion-group [multiple]=\"true\" value=\"about\">\n @for (logItem of changeLogs; track $index) {\n <ion-accordion [value]=\"$index === 0 ? 'about' : logItem.version\">\n <ion-item slot=\"header\">\n <ion-icon name=\"build\" slot=\"start\"></ion-icon>\n <div class=\"euim-changelog__euimVersionTitle\" euimLabel euimLabelTitle>\n <strong>{{ logItem.version }}</strong>\n </div>\n </ion-item>\n <ion-list slot=\"content\">\n @for (section of logItem.sections; track section) {\n @if (section.items && section.items.length > 0) {\n <ion-item-divider>\n <ion-label>{{ section.name }}</ion-label>\n </ion-item-divider>\n <ion-item lines=\"none\">\n <ul>\n @for (item of section.items; track item) {\n <li>{{ item }}</li>\n }\n </ul>\n </ion-item>\n }\n }\n </ion-list>\n </ion-accordion>\n }\n </ion-accordion-group>\n</ion-list>", styles: [".euim-changelog__euimVersionTitle{font:var(--eui-f-s);color:var(--eui-c-text)}.euim-changelog ul{padding:var(--eui-s-xs) var(--eui-s-m);margin:0}.euim-changelog li{font:var(--eui-f-m);color:var(--eui-c-text)}.euim-changelog ion-item ion-icon{color:var(--eui-c-text)}.euim-changelog ion-item ion-icon[slot=start]{margin-inline-end:var(--eui-s-m)}.euim-changelog ion-item ion-icon[slot=end]{color:var(--eui-c-neutral)}.euim-changelog ion-list{flex:1;display:flex;flex-direction:column}.euim-changelog ion-content ion-list{max-height:calc(100vh - var(--eui-s-4xl));overflow-y:auto;overflow-x:hidden}.euim-changelog ion-accordion ion-item{--background: var(--eui-c-white)}\n"] }]
|
|
3689
3711
|
}], propDecorators: { className: [{
|
|
3690
3712
|
type: HostBinding,
|
|
3691
3713
|
args: ['class']
|
|
@@ -3740,11 +3762,11 @@ class EuimHelpSupportComponent {
|
|
|
3740
3762
|
return '_blank';
|
|
3741
3763
|
}
|
|
3742
3764
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHelpSupportComponent, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3743
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimHelpSupportComponent, isStandalone: true, selector: "euim-help-support", inputs: { helpAndSupportItems: "helpAndSupportItems" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "@if (helpAndSupportItems.length > 0) {\n <ion-list>\n @for (helpSupportItem of helpAndSupportItems; track $index;) {\n <ion-item-divider>{{helpSupportItem.sectionTitle}}</ion-item-divider>\n @for (item of helpSupportItem.items; track item;) {\n <ion-item button [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n @if (item.startIcon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"item.startIcon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n @if (item.title || item.subtitle) {\n <ion-label>\n @if (item.title) {\n <a [ngClass]=\"getLinkClass(item)\">\n @if (!isEndIconLink(item)) {\n <div class=\"euim-help-support__title\">{{ item.title }}</div>\n }\n @if (isEndIconLink(item)) {\n <div euimLabel euimLabelTitle>{{ item.title }}</div>\n }\n </a>\n }\n @if (item.subtitle) {\n <div euimLabel euimLabelSubTitle>\n {{ item.subtitle }}\n </div>\n }\n </ion-label>\n }\n @if (item.endIcon) {\n <ion-buttons>\n <ion-button fill=\"clear\">\n <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n }\n </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__title{font:var(--eui-f-m
|
|
3765
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimHelpSupportComponent, isStandalone: true, selector: "euim-help-support", inputs: { helpAndSupportItems: "helpAndSupportItems" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "@if (helpAndSupportItems.length > 0) {\n <ion-list>\n @for (helpSupportItem of helpAndSupportItems; track $index;) {\n <ion-item-divider>{{helpSupportItem.sectionTitle}}</ion-item-divider>\n @for (item of helpSupportItem.items; track item;) {\n <ion-item button [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n @if (item.startIcon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"item.startIcon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n @if (item.title || item.subtitle) {\n <ion-label>\n @if (item.title) {\n <a [ngClass]=\"getLinkClass(item)\">\n @if (!isEndIconLink(item)) {\n <div class=\"euim-help-support__title\">{{ item.title }}</div>\n }\n @if (isEndIconLink(item)) {\n <div euimLabel euimLabelTitle>{{ item.title }}</div>\n }\n </a>\n }\n @if (item.subtitle) {\n <div euimLabel euimLabelSubTitle>\n {{ item.subtitle }}\n </div>\n }\n </ion-label>\n }\n @if (item.endIcon) {\n <ion-buttons>\n <ion-button fill=\"clear\">\n <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n }\n </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__title{font:var(--eui-f-m);color:var(--eui-c-link)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonItemDivider, selector: "ion-item-divider", inputs: ["color", "mode", "sticky"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "ngmodule", type: EuimAvatarModule }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "ngmodule", type: EuimLabelModule }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3744
3766
|
}
|
|
3745
3767
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHelpSupportComponent, decorators: [{
|
|
3746
3768
|
type: Component,
|
|
3747
|
-
args: [{ selector: 'euim-help-support', encapsulation: ViewEncapsulation.None,
|
|
3769
|
+
args: [{ selector: 'euim-help-support', encapsulation: ViewEncapsulation.None, imports: [TranslateModule, CommonModule, IonicModule, EuimAvatarModule, EuimLabelModule], template: "@if (helpAndSupportItems.length > 0) {\n <ion-list>\n @for (helpSupportItem of helpAndSupportItems; track $index;) {\n <ion-item-divider>{{helpSupportItem.sectionTitle}}</ion-item-divider>\n @for (item of helpSupportItem.items; track item;) {\n <ion-item button [lines]=\"item.hasBottomLine ? 'insert' : 'none'\" (click)=\"onItemClick(item, undefined, undefined)\">\n @if (item.startIcon) {\n <euim-avatar fill=\"solid\" slot=\"start\">\n <euim-avatar-icon>\n <ion-icon [name]=\"item.startIcon\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n }\n @if (item.title || item.subtitle) {\n <ion-label>\n @if (item.title) {\n <a [ngClass]=\"getLinkClass(item)\">\n @if (!isEndIconLink(item)) {\n <div class=\"euim-help-support__title\">{{ item.title }}</div>\n }\n @if (isEndIconLink(item)) {\n <div euimLabel euimLabelTitle>{{ item.title }}</div>\n }\n </a>\n }\n @if (item.subtitle) {\n <div euimLabel euimLabelSubTitle>\n {{ item.subtitle }}\n </div>\n }\n </ion-label>\n }\n @if (item.endIcon) {\n <ion-buttons>\n <ion-button fill=\"clear\">\n <ion-icon [name]=\"item.endIcon\" slot=\"icon-only\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n </ion-item>\n }\n }\n </ion-list>\n}\n<ng-content></ng-content>\n\n\n", styles: [".euim-help-support__title{font:var(--eui-f-m);color:var(--eui-c-link)}.euim-help-support__contact-link--no-underlined{text-decoration:none}.euim-help-support ion-item{position:relative;cursor:pointer}\n"] }]
|
|
3748
3770
|
}], ctorParameters: () => [{ type: i1$2.Router }], propDecorators: { helpAndSupportItems: [{
|
|
3749
3771
|
type: Input
|
|
3750
3772
|
}], className: [{
|
|
@@ -3762,11 +3784,11 @@ class EuimOpenSourceLicencesComponent {
|
|
|
3762
3784
|
this.clickItem.emit([itemName]);
|
|
3763
3785
|
}
|
|
3764
3786
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimOpenSourceLicencesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3765
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimOpenSourceLicencesComponent, isStandalone: true, selector: "euim-opensource-licences", inputs: { items: "items" }, outputs: { clickItem: "clickItem" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\r\n<ion-list>\r\n @for (item of items; track item) {\r\n <ion-item class=\"euim-about__item\" button [detail]=\"true\" (click)=\"emitItemClick(item.name)\">\r\n <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">{{ item.name }}</div>\r\n </ion-item> }\r\n</ion-list>", styles: [".euim-opensource-licences ion-item ion-icon{margin-inline-end:var(--eui-s-m);color:var(--eui-c-
|
|
3787
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimOpenSourceLicencesComponent, isStandalone: true, selector: "euim-opensource-licences", inputs: { items: "items" }, outputs: { clickItem: "clickItem" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\r\n<ion-list>\r\n @for (item of items; track item) {\r\n <ion-item class=\"euim-about__item\" button [detail]=\"true\" (click)=\"emitItemClick(item.name)\">\r\n <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">{{ item.name }}</div>\r\n </ion-item> }\r\n</ion-list>", styles: [".euim-opensource-licences ion-item ion-icon{margin-inline-end:var(--eui-s-m);color:var(--eui-c-text)}.euim-opensource-licences ion-item ion-icon__item{cursor:pointer!important}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3766
3788
|
}
|
|
3767
3789
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimOpenSourceLicencesComponent, decorators: [{
|
|
3768
3790
|
type: Component,
|
|
3769
|
-
args: [{ selector: 'euim-opensource-licences', encapsulation: ViewEncapsulation.None,
|
|
3791
|
+
args: [{ selector: 'euim-opensource-licences', encapsulation: ViewEncapsulation.None, imports: [TranslateModule, IonicModule], template: "<ng-content></ng-content>\r\n<ion-list>\r\n @for (item of items; track item) {\r\n <ion-item class=\"euim-about__item\" button [detail]=\"true\" (click)=\"emitItemClick(item.name)\">\r\n <ion-icon name=\"ribbon-outline\" slot=\"start\"></ion-icon>\r\n <div euimLabel class=\"euim-about__label\">{{ item.name }}</div>\r\n </ion-item> }\r\n</ion-list>", styles: [".euim-opensource-licences ion-item ion-icon{margin-inline-end:var(--eui-s-m);color:var(--eui-c-text)}.euim-opensource-licences ion-item ion-icon__item{cursor:pointer!important}\n"] }]
|
|
3770
3792
|
}], propDecorators: { className: [{
|
|
3771
3793
|
type: HostBinding,
|
|
3772
3794
|
args: ['class']
|
|
@@ -3786,11 +3808,11 @@ class EuimAboutContentLoadingComponent {
|
|
|
3786
3808
|
this.sanitizedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.webUrl);
|
|
3787
3809
|
}
|
|
3788
3810
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAboutContentLoadingComponent, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3789
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimAboutContentLoadingComponent, isStandalone: true, selector: "euim-about-content-loading", inputs: { webUrl: "webUrl" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<div class=\"euim-about-content-loading__content\">\r\n <ng-content></ng-content>\r\n</div>\r\n@if(webUrl) {\r\n<div class=\"euim-about-content-loading__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-about-content-loading__iframe\" allowfullscreen></iframe>\r\n</div>\r\n}", styles: [".euim-about-content-loading__iframe-container{position:fixed;top:0;left:0;width:100vw;height:calc(100vh - var(--eui-s-5xl));overflow:hidden;z-index:1000;margin-top:var(--eui-s-5xl)}.euim-about-content-loading__iframe{width:100%;height:100%;border:none;overflow:auto}.euim-about-content-loading__content:not(:has(euim-pdf-viewer)){display:block;padding:var(--eui-s-2xs) var(--eui-s-m);font:var(--eui-f-s
|
|
3811
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimAboutContentLoadingComponent, isStandalone: true, selector: "euim-about-content-loading", inputs: { webUrl: "webUrl" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<div class=\"euim-about-content-loading__content\">\r\n <ng-content></ng-content>\r\n</div>\r\n@if(webUrl) {\r\n<div class=\"euim-about-content-loading__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-about-content-loading__iframe\" allowfullscreen></iframe>\r\n</div>\r\n}", styles: [".euim-about-content-loading__iframe-container{position:fixed;top:0;left:0;width:100vw;height:calc(100vh - var(--eui-s-5xl));overflow:hidden;z-index:1000;margin-top:var(--eui-s-5xl)}.euim-about-content-loading__iframe{width:100%;height:100%;border:none;overflow:auto}.euim-about-content-loading__content:not(:has(euim-pdf-viewer)){display:block;padding:var(--eui-s-2xs) var(--eui-s-m);font:var(--eui-f-s);color:var(--eui-c-text)}.euim-about-content-loading .euim-pdf-viewer{display:flex;flex-direction:column}.euim-about-content-loading .euim-pdf-viewer__container{height:calc(100vh - var(--eui-s-5xl) * 2)}.euim-about-content-loading .euim-pdf-viewer ion-footer{margin-top:0}\n"], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3790
3812
|
}
|
|
3791
3813
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimAboutContentLoadingComponent, decorators: [{
|
|
3792
3814
|
type: Component,
|
|
3793
|
-
args: [{ selector: 'euim-about-content-loading', encapsulation: ViewEncapsulation.None,
|
|
3815
|
+
args: [{ selector: 'euim-about-content-loading', encapsulation: ViewEncapsulation.None, template: "<div class=\"euim-about-content-loading__content\">\r\n <ng-content></ng-content>\r\n</div>\r\n@if(webUrl) {\r\n<div class=\"euim-about-content-loading__iframe-container\">\r\n <iframe [src]=\"sanitizedUrl\" class=\"euim-about-content-loading__iframe\" allowfullscreen></iframe>\r\n</div>\r\n}", styles: [".euim-about-content-loading__iframe-container{position:fixed;top:0;left:0;width:100vw;height:calc(100vh - var(--eui-s-5xl));overflow:hidden;z-index:1000;margin-top:var(--eui-s-5xl)}.euim-about-content-loading__iframe{width:100%;height:100%;border:none;overflow:auto}.euim-about-content-loading__content:not(:has(euim-pdf-viewer)){display:block;padding:var(--eui-s-2xs) var(--eui-s-m);font:var(--eui-f-s);color:var(--eui-c-text)}.euim-about-content-loading .euim-pdf-viewer{display:flex;flex-direction:column}.euim-about-content-loading .euim-pdf-viewer__container{height:calc(100vh - var(--eui-s-5xl) * 2)}.euim-about-content-loading .euim-pdf-viewer ion-footer{margin-top:0}\n"] }]
|
|
3794
3816
|
}], ctorParameters: () => [{ type: i1$3.DomSanitizer }], propDecorators: { className: [{
|
|
3795
3817
|
type: HostBinding,
|
|
3796
3818
|
args: ['class']
|
|
@@ -3863,7 +3885,7 @@ class EuimToolbarQrcodeComponent {
|
|
|
3863
3885
|
}
|
|
3864
3886
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarQrcodeComponent, decorators: [{
|
|
3865
3887
|
type: Component,
|
|
3866
|
-
args: [{ selector: 'euim-toolbar-qrcode', encapsulation: ViewEncapsulation.None,
|
|
3888
|
+
args: [{ selector: 'euim-toolbar-qrcode', encapsulation: ViewEncapsulation.None, imports: [TranslateModule, QRCodeComponent], template: "<div>\n @if (showCode) {\n <qrcode [qrdata]=\"qrCodeUrl\" [allowEmptyString]=\"true\" [cssClass]=\"'center'\" [elementType]=\"'svg'\"\n [errorCorrectionLevel]=\"'M'\" [margin]=\"4\" [scale]=\"1\" [width]=\"160\"></qrcode> }\n @if (!showCode) {\n @if (logoUrl) { <img [src]=\"logoUrl\" class=\"euim-about__app-img\" alt=\"Image\" /> } }\n </div>" }]
|
|
3867
3889
|
}], propDecorators: { qrCodeUrl: [{
|
|
3868
3890
|
type: Input
|
|
3869
3891
|
}], logoUrl: [{
|
|
@@ -3928,7 +3950,7 @@ class EuimToolbarDatepickerComponent {
|
|
|
3928
3950
|
}
|
|
3929
3951
|
ngOnInit() {
|
|
3930
3952
|
if (!this.baseStatesDirective.color) {
|
|
3931
|
-
this.baseStatesDirective.color = '
|
|
3953
|
+
this.baseStatesDirective.color = 'branding';
|
|
3932
3954
|
}
|
|
3933
3955
|
this.loadWeekdaysTranslation(this.translate.currentLang);
|
|
3934
3956
|
this.langChangeSubscription = this.translate.onLangChange.subscribe((event) => {
|
|
@@ -4009,7 +4031,7 @@ class EuimToolbarDatepickerComponent {
|
|
|
4009
4031
|
this.weekDayName = this.weekdays[this.currentDate.getDay()];
|
|
4010
4032
|
}
|
|
4011
4033
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarDatepickerComponent, deps: [{ token: BaseStatesDirective }, { token: i1$2.Router }, { token: i2$1.Location }, { token: i2.TranslateService }, { token: i1.ModalController }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4012
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimToolbarDatepickerComponent, isStandalone: true, selector: "euim-toolbar-datepicker", inputs: { icon: "icon", title: "title", subTitle: "subTitle", euimPrevBtnDisabled: ["euimPrevBtnDisabled", "euimPrevBtnDisabled", booleanAttribute], euimNextBtnDisabled: ["euimNextBtnDisabled", "euimNextBtnDisabled", booleanAttribute], euimReadOnly: ["euimReadOnly", "euimReadOnly", booleanAttribute], closeModalOnBack: ["closeModalOnBack", "closeModalOnBack", booleanAttribute], selectDateBy: "selectDateBy" }, outputs: { prevBtnClick: "prevBtnClick", nextBtnClick: "nextBtnClick", dateChanged: "dateChanged" }, host: { listeners: { "window:popstate": "dismissModal($event)" }, properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ion-item class=\"euim-toolbar-datepicker__item\" color=\"branding\">\n <euim-avatar fill=\"clear\" slot=\"start\" >\n <euim-avatar-icon>\n <ion-icon [name]=\"icon\"\n class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n @if (!euimReadOnly){\n <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n [datetime]=\"dateTimeId\">\n </ion-datetime-button>\n }\n <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n <ion-label class=\"euim-toolbar-datepicker__date\">\n <div class=\"euim-toolbar-datepicker__title\"\n euimLabel\n euimLabelTitle\n euimLabelTruncate\n disabled=\"euimReadOnly\">{{!title ? weekDayName : title}}</div>\n\n <div euimLabel\n euimLabelSubTitle\n euimLabelTruncate\n disabled=\"euimReadOnly\">{{!subTitle ? formattedDate : subTitle}}</div>\n </ion-label>\n @if (!euimReadOnly){\n <ion-icon class=\"euim-toolbar-datepicker__datetime-caret\"\n name=\"caret-down\"></ion-icon>\n }\n </div>\n\n @if (!euimReadOnly) {\n <ion-buttons slot=\"end\">\n <ion-button (click)=\"selectPrevDate()\"\n [disabled] = \"euimPrevBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button\">\n <ion-icon name=\"chevron-back-circle\">\n </ion-icon>\n </ion-button>\n <ion-button\n (click)=\"selectNextDate()\"\n [disabled]=\"euimNextBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n <ion-icon name=\"chevron-forward-circle\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n (ionModalDidPresent)=\"onModalPresent()\"\n (ionModalDidDismiss)=\"onModalDismiss()\"\n [trigger]=\"modalId\">\n <ng-template>\n <ion-datetime\n [showDefaultButtons]=\"true\"\n (ionChange)=\"calendarDateChanged($event)\"\n size=\"cover\"\n [id]=\"dateTimeId\"\n [locale]=\"currentLang\"\n presentation=\"date\"\n [(ngModel)]=\"selectedDate\"></ion-datetime>\n </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-s-xs)}.euim-toolbar-datepicker ion-item ion-buttons[slot=end]{margin-inline-start:
|
|
4034
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: EuimToolbarDatepickerComponent, isStandalone: true, selector: "euim-toolbar-datepicker", inputs: { icon: "icon", title: "title", subTitle: "subTitle", euimPrevBtnDisabled: ["euimPrevBtnDisabled", "euimPrevBtnDisabled", booleanAttribute], euimNextBtnDisabled: ["euimNextBtnDisabled", "euimNextBtnDisabled", booleanAttribute], euimReadOnly: ["euimReadOnly", "euimReadOnly", booleanAttribute], closeModalOnBack: ["closeModalOnBack", "closeModalOnBack", booleanAttribute], selectDateBy: "selectDateBy" }, outputs: { prevBtnClick: "prevBtnClick", nextBtnClick: "nextBtnClick", dateChanged: "dateChanged" }, host: { listeners: { "window:popstate": "dismissModal($event)" }, properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<ion-item class=\"euim-toolbar-datepicker__item\" color=\"branding\">\n <euim-avatar fill=\"clear\" slot=\"start\" >\n <euim-avatar-icon>\n <ion-icon [name]=\"icon\"\n class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n @if (!euimReadOnly){\n <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n [datetime]=\"dateTimeId\">\n </ion-datetime-button>\n }\n <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n <ion-label class=\"euim-toolbar-datepicker__date\">\n <div class=\"euim-toolbar-datepicker__title\"\n euimLabel\n euimLabelTitle\n euimLabelTruncate\n disabled=\"euimReadOnly\">{{!title ? weekDayName : title}}</div>\n\n <div euimLabel\n euimLabelSubTitle\n euimLabelTruncate\n disabled=\"euimReadOnly\">{{!subTitle ? formattedDate : subTitle}}</div>\n </ion-label>\n @if (!euimReadOnly){\n <ion-icon class=\"euim-toolbar-datepicker__datetime-caret\"\n name=\"caret-down\"></ion-icon>\n }\n </div>\n\n @if (!euimReadOnly) {\n <ion-buttons slot=\"end\">\n <ion-button (click)=\"selectPrevDate()\"\n [disabled] = \"euimPrevBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button\">\n <ion-icon name=\"chevron-back-circle\">\n </ion-icon>\n </ion-button>\n <ion-button\n (click)=\"selectNextDate()\"\n [disabled]=\"euimNextBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n <ion-icon name=\"chevron-forward-circle\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n (ionModalDidPresent)=\"onModalPresent()\"\n (ionModalDidDismiss)=\"onModalDismiss()\"\n [trigger]=\"modalId\">\n <ng-template>\n <ion-datetime\n [showDefaultButtons]=\"true\"\n (ionChange)=\"calendarDateChanged($event)\"\n size=\"cover\"\n [id]=\"dateTimeId\"\n [locale]=\"currentLang\"\n presentation=\"date\"\n [(ngModel)]=\"selectedDate\"></ion-datetime>\n </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-s-xs)}.euim-toolbar-datepicker ion-item ion-buttons[slot=end]{margin-inline-start:var(--eui-s-none)}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-s-l);margin-right:var(--eui-s-l);width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-toolbar-datepicker__datetime-button{display:flex;align-items:center;height:100%;padding-top:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.euim-toolbar-datepicker__datetime-button--hidden{display:none}.euim-toolbar-datepicker__datetime-button .euim-toolbar-datepicker__date{display:grid}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-s-xs)!important;margin-right:var(--eui-s-xs)!important;width:var(--eui-s-m);height:var(--eui-s-m);flex-shrink:0;color:var(--eui-c-branding-on-surface)}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-is-l);height:var(--eui-is-l);color:var(--eui-c-branding-on-surface)}.euim-toolbar-datepicker__nav-button:first-child{margin-right:var(--eui-s-xl)}.euim-toolbar-datepicker--branding .euim-toolbar-datepicker__calendar{color:var(--eui-c-branding-on-surface)}.euim-toolbar-datepicker--branding .euim-label{color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker--branding .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-c-branding);color:var(--eui-c-branding-on-surface)}\n"], dependencies: [{ kind: "ngmodule", type: IonicModule }, { kind: "component", type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i1.IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "formatOptions", "highlightedDates", "hourCycle", "hourValues", "isDateEnabled", "locale", "max", "min", "minuteValues", "mode", "monthValues", "multiple", "name", "preferWheel", "presentation", "readonly", "showAdjacentDays", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }, { kind: "component", type: i1.IonDatetimeButton, selector: "ion-datetime-button", inputs: ["color", "datetime", "disabled", "mode"] }, { kind: "component", type: i1.IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }, { kind: "component", type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i1.IonModal, selector: "ion-modal" }, { kind: "directive", type: i1.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: EuimAvatarModule }, { kind: "component", type: EuimAvatarComponent, selector: "euim-avatar", inputs: ["color", "size", "fill", "variant", "borderColor"] }, { kind: "component", type: EuimAvatarIconComponent, selector: "euim-avatar-icon" }, { kind: "ngmodule", type: EuimLabelModule }, { kind: "component", type: EuimLabelComponent, selector: "div[euimLabel], p[euimLabel], span[euimLabel], euim-label", inputs: ["euimLabelTruncateWithLines", "euimLabelTitle", "euimLabelSubTitle", "euimLabelMeta", "euimLabelTruncate", "euimLabelTextWrap"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
4013
4035
|
}
|
|
4014
4036
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimToolbarDatepickerComponent, decorators: [{
|
|
4015
4037
|
type: Component,
|
|
@@ -4020,7 +4042,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
4020
4042
|
'color',
|
|
4021
4043
|
],
|
|
4022
4044
|
},
|
|
4023
|
-
],
|
|
4045
|
+
], imports: [IonicModule, TranslateModule, EuimAvatarModule, EuimLabelModule, FormsModule], template: "<ion-item class=\"euim-toolbar-datepicker__item\" color=\"branding\">\n <euim-avatar fill=\"clear\" slot=\"start\" >\n <euim-avatar-icon>\n <ion-icon [name]=\"icon\"\n class=\"euim-toolbar-datepicker__calendar\"></ion-icon>\n </euim-avatar-icon>\n </euim-avatar>\n @if (!euimReadOnly){\n <ion-datetime-button class=\"euim-toolbar-datepicker__datetime-button--hidden\"\n [datetime]=\"dateTimeId\">\n </ion-datetime-button>\n }\n <div class=\"euim-toolbar-datepicker__datetime-button\" [id]=\"modalId\" [style.cursor]=\"(!euimReadOnly) ? 'pointer' : 'auto'\">\n <ion-label class=\"euim-toolbar-datepicker__date\">\n <div class=\"euim-toolbar-datepicker__title\"\n euimLabel\n euimLabelTitle\n euimLabelTruncate\n disabled=\"euimReadOnly\">{{!title ? weekDayName : title}}</div>\n\n <div euimLabel\n euimLabelSubTitle\n euimLabelTruncate\n disabled=\"euimReadOnly\">{{!subTitle ? formattedDate : subTitle}}</div>\n </ion-label>\n @if (!euimReadOnly){\n <ion-icon class=\"euim-toolbar-datepicker__datetime-caret\"\n name=\"caret-down\"></ion-icon>\n }\n </div>\n\n @if (!euimReadOnly) {\n <ion-buttons slot=\"end\">\n <ion-button (click)=\"selectPrevDate()\"\n [disabled] = \"euimPrevBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button\">\n <ion-icon name=\"chevron-back-circle\">\n </ion-icon>\n </ion-button>\n <ion-button\n (click)=\"selectNextDate()\"\n [disabled]=\"euimNextBtnDisabled\"\n shape=\"round\"\n class=\"euim-toolbar-datepicker__nav-button euim-toolbar-datepicker__nav-button--next\">\n <ion-icon name=\"chevron-forward-circle\"></ion-icon>\n </ion-button>\n </ion-buttons>\n }\n</ion-item>\n\n@if (!euimReadOnly){\n<ion-modal [keepContentsMounted]=\"true\"\n (ionModalDidPresent)=\"onModalPresent()\"\n (ionModalDidDismiss)=\"onModalDismiss()\"\n [trigger]=\"modalId\">\n <ng-template>\n <ion-datetime\n [showDefaultButtons]=\"true\"\n (ionChange)=\"calendarDateChanged($event)\"\n size=\"cover\"\n [id]=\"dateTimeId\"\n [locale]=\"currentLang\"\n presentation=\"date\"\n [(ngModel)]=\"selectedDate\"></ion-datetime>\n </ng-template>\n</ion-modal>\n}\n", styles: [".euim-toolbar-datepicker{--inner-padding-end: var(--eui-s-xs)}.euim-toolbar-datepicker ion-item ion-buttons[slot=end]{margin-inline-start:var(--eui-s-none)}.euim-toolbar-datepicker__datetime_icon{margin-left:var(--eui-s-l);margin-right:var(--eui-s-l);width:var(--eui-is-xl);height:var(--eui-is-xl)}.euim-toolbar-datepicker__datetime-button{display:flex;align-items:center;height:100%;padding-top:var(--eui-s-s);padding-bottom:var(--eui-s-s)}.euim-toolbar-datepicker__datetime-button--hidden{display:none}.euim-toolbar-datepicker__datetime-button .euim-toolbar-datepicker__date{display:grid}.euim-toolbar-datepicker__datetime-caret{margin-left:var(--eui-s-xs)!important;margin-right:var(--eui-s-xs)!important;width:var(--eui-s-m);height:var(--eui-s-m);flex-shrink:0;color:var(--eui-c-branding-on-surface)}.euim-toolbar-datepicker__nav-button ion-icon{width:var(--eui-is-l);height:var(--eui-is-l);color:var(--eui-c-branding-on-surface)}.euim-toolbar-datepicker__nav-button:first-child{margin-right:var(--eui-s-xl)}.euim-toolbar-datepicker--branding .euim-toolbar-datepicker__calendar{color:var(--eui-c-branding-on-surface)}.euim-toolbar-datepicker--branding .euim-label{color:var(--eui-c-branding-contrast)}.euim-toolbar-datepicker--branding .euim-toolbar-datepicker__datetime-button::part(native){background:var(--eui-c-branding);color:var(--eui-c-branding-on-surface)}\n"] }]
|
|
4024
4046
|
}], ctorParameters: () => [{ type: BaseStatesDirective }, { type: i1$2.Router }, { type: i2$1.Location }, { type: i2.TranslateService }, { type: i1.ModalController }], propDecorators: { icon: [{
|
|
4025
4047
|
type: Input
|
|
4026
4048
|
}], title: [{
|
|
@@ -4086,7 +4108,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
4086
4108
|
type: Directive,
|
|
4087
4109
|
args: [{
|
|
4088
4110
|
selector: '[euimReadOnlyFormLabel]',
|
|
4089
|
-
standalone: true,
|
|
4090
4111
|
}]
|
|
4091
4112
|
}], propDecorators: { className: [{
|
|
4092
4113
|
type: HostBinding,
|
|
@@ -4104,7 +4125,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
4104
4125
|
type: Directive,
|
|
4105
4126
|
args: [{
|
|
4106
4127
|
selector: '[euimReadOnlyFormValue]',
|
|
4107
|
-
standalone: true,
|
|
4108
4128
|
}]
|
|
4109
4129
|
}], propDecorators: { className: [{
|
|
4110
4130
|
type: HostBinding,
|
|
@@ -4122,7 +4142,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
4122
4142
|
type: Directive,
|
|
4123
4143
|
args: [{
|
|
4124
4144
|
selector: '[euimReadOnlyForm]',
|
|
4125
|
-
standalone: true,
|
|
4126
4145
|
}]
|
|
4127
4146
|
}], propDecorators: { className: [{
|
|
4128
4147
|
type: HostBinding,
|
|
@@ -4144,18 +4163,18 @@ class EuimHelperTextComponent {
|
|
|
4144
4163
|
].join(' ');
|
|
4145
4164
|
}
|
|
4146
4165
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHelperTextComponent, deps: [{ token: BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
4147
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.0", type: EuimHelperTextComponent, isStandalone: true, selector: "euim-helper-text", inputs: { hasNoPadding: { classPropertyName: "hasNoPadding", publicName: "hasNoPadding", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: '<p><ng-content></ng-content></p>', isInline: true, styles: [".euim-helper-text{color:var(--eui-c-neutral-light);padding:var(--eui-s-xs) var(--eui-s-m);display:inline-block}.euim-helper-text p{margin:
|
|
4166
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.0", type: EuimHelperTextComponent, isStandalone: true, selector: "euim-helper-text", inputs: { hasNoPadding: { classPropertyName: "hasNoPadding", publicName: "hasNoPadding", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.cssClasses" } }, hostDirectives: [{ directive: BaseStatesDirective, inputs: ["color", "color"] }], ngImport: i0, template: '<p><ng-content></ng-content></p>', isInline: true, styles: [".euim-helper-text{color:var(--eui-c-neutral-light);padding:var(--eui-s-xs) var(--eui-s-m);display:inline-block}.euim-helper-text p{margin:var(--eui-s-none);font:var(--eui-f-xs-compact)}.euim-helper-text--no-padding{padding:var(--eui-s-none)}.euim-helper-text--primary{color:var(--eui-c-primary)}.euim-helper-text--secondary{color:var(--eui-c-neutral-lighter)}.euim-helper-text--default{color:var(--eui-c-neutral-light)}.euim-helper-text--dark{color:var(--eui-c-neutral)}.euim-helper-text--info{color:var(--eui-c-info)}.euim-helper-text--success{color:var(--eui-c-success-dark)}.euim-helper-text--warning{color:var(--eui-c-warning-darker)}.euim-helper-text--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-helper-text--danger{color:var(--eui-c-danger-dark)}.euim-helper-text--white{color:var(--eui-c-white)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
4148
4167
|
}
|
|
4149
4168
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: EuimHelperTextComponent, decorators: [{
|
|
4150
4169
|
type: Component,
|
|
4151
|
-
args: [{ selector: 'euim-helper-text', template: '<p><ng-content></ng-content></p>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush,
|
|
4170
|
+
args: [{ selector: 'euim-helper-text', template: '<p><ng-content></ng-content></p>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [
|
|
4152
4171
|
{
|
|
4153
4172
|
directive: BaseStatesDirective,
|
|
4154
4173
|
inputs: [
|
|
4155
4174
|
'color',
|
|
4156
4175
|
],
|
|
4157
4176
|
},
|
|
4158
|
-
], styles: [".euim-helper-text{color:var(--eui-c-neutral-light);padding:var(--eui-s-xs) var(--eui-s-m);display:inline-block}.euim-helper-text p{margin:
|
|
4177
|
+
], styles: [".euim-helper-text{color:var(--eui-c-neutral-light);padding:var(--eui-s-xs) var(--eui-s-m);display:inline-block}.euim-helper-text p{margin:var(--eui-s-none);font:var(--eui-f-xs-compact)}.euim-helper-text--no-padding{padding:var(--eui-s-none)}.euim-helper-text--primary{color:var(--eui-c-primary)}.euim-helper-text--secondary{color:var(--eui-c-neutral-lighter)}.euim-helper-text--default{color:var(--eui-c-neutral-light)}.euim-helper-text--dark{color:var(--eui-c-neutral)}.euim-helper-text--info{color:var(--eui-c-info)}.euim-helper-text--success{color:var(--eui-c-success-dark)}.euim-helper-text--warning{color:var(--eui-c-warning-darker)}.euim-helper-text--warning ion-icon{color:var(--eui-c-warning-darker)}.euim-helper-text--danger{color:var(--eui-c-danger-dark)}.euim-helper-text--white{color:var(--eui-c-white)}\n"] }]
|
|
4159
4178
|
}], ctorParameters: () => [{ type: BaseStatesDirective }], propDecorators: { cssClasses: [{
|
|
4160
4179
|
type: HostBinding,
|
|
4161
4180
|
args: ['class']
|
|
@@ -4178,7 +4197,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
4178
4197
|
type: Directive,
|
|
4179
4198
|
args: [{
|
|
4180
4199
|
selector: '[euimDivider]',
|
|
4181
|
-
standalone: true,
|
|
4182
4200
|
}]
|
|
4183
4201
|
}], propDecorators: { lines: [{
|
|
4184
4202
|
type: Input
|
|
@@ -4224,7 +4242,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
4224
4242
|
type: Directive,
|
|
4225
4243
|
args: [{
|
|
4226
4244
|
selector: '[euimListHeader]',
|
|
4227
|
-
standalone: true,
|
|
4228
4245
|
}]
|
|
4229
4246
|
}], propDecorators: { border: [{
|
|
4230
4247
|
type: Input
|
|
@@ -4264,7 +4281,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
4264
4281
|
type: Directive,
|
|
4265
4282
|
args: [{
|
|
4266
4283
|
selector: '[euimAlignCenter]',
|
|
4267
|
-
standalone: true,
|
|
4268
4284
|
}]
|
|
4269
4285
|
}], propDecorators: { className: [{
|
|
4270
4286
|
type: HostBinding,
|
|
@@ -4282,7 +4298,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
4282
4298
|
type: Directive,
|
|
4283
4299
|
args: [{
|
|
4284
4300
|
selector: '[euimAlignTop]',
|
|
4285
|
-
standalone: true,
|
|
4286
4301
|
}]
|
|
4287
4302
|
}], propDecorators: { className: [{
|
|
4288
4303
|
type: HostBinding,
|
|
@@ -4330,7 +4345,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
4330
4345
|
type: Directive,
|
|
4331
4346
|
args: [{
|
|
4332
4347
|
selector: '[euimToolbarTransparent]',
|
|
4333
|
-
standalone: true,
|
|
4334
4348
|
}]
|
|
4335
4349
|
}], propDecorators: { scrollThreshold: [{
|
|
4336
4350
|
type: Input
|
|
@@ -4360,7 +4374,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
4360
4374
|
type: Directive,
|
|
4361
4375
|
args: [{
|
|
4362
4376
|
selector: '[euimFooterTransparent]',
|
|
4363
|
-
standalone: true,
|
|
4364
4377
|
}]
|
|
4365
4378
|
}], propDecorators: { className: [{
|
|
4366
4379
|
type: HostBinding,
|
|
@@ -4381,7 +4394,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
4381
4394
|
type: Directive,
|
|
4382
4395
|
args: [{
|
|
4383
4396
|
selector: '[euimMinWidth]',
|
|
4384
|
-
standalone: true,
|
|
4385
4397
|
}]
|
|
4386
4398
|
}], propDecorators: { minWidth: [{
|
|
4387
4399
|
type: Input
|
|
@@ -4401,7 +4413,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
4401
4413
|
type: Directive,
|
|
4402
4414
|
args: [{
|
|
4403
4415
|
selector: '[euimListItemNoPaddings]',
|
|
4404
|
-
standalone: true,
|
|
4405
4416
|
}]
|
|
4406
4417
|
}], propDecorators: { className: [{
|
|
4407
4418
|
type: HostBinding,
|
|
@@ -4419,7 +4430,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
4419
4430
|
type: Directive,
|
|
4420
4431
|
args: [{
|
|
4421
4432
|
selector: '[euimSidebarFooterNoBorders]',
|
|
4422
|
-
standalone: true,
|
|
4423
4433
|
}]
|
|
4424
4434
|
}], propDecorators: { className: [{
|
|
4425
4435
|
type: HostBinding,
|
|
@@ -4437,7 +4447,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
|
|
|
4437
4447
|
type: Directive,
|
|
4438
4448
|
args: [{
|
|
4439
4449
|
selector: '[euimSkeletonTextAvatar]',
|
|
4440
|
-
standalone: true,
|
|
4441
4450
|
}]
|
|
4442
4451
|
}], propDecorators: { className: [{
|
|
4443
4452
|
type: HostBinding,
|